はじめに
デザインを考えている過程でよく使っている物達です。
『あ、こんなのあるんだー』程度に暖かい目で見てください。
色彩系
色関係は全体の雰囲気に直結するので、考えるのに時間がかかりますよね...
ということで使ってみていいなーと思ったものをまとめました。
ColorSpace
指定した色から相性のいい配色パターンを数通り提案してくれる。
正直色系はここがほとんど。
サイト自体のデザインも綺麗だから暇な時実験しにきたり、
一番お気に入り！
ColorSpace
NIPPON COLORS
日本っぽい色がまとめてあります。
日本を題材にしたサイトを作るときに出会ってたまに見に来てます。
日本の色っていいよね。
NIPPON COLORS
画像系
画像を集めるのって大変だし、著作権とか気にしないといけないから辛いですよね...
Unsplash
商用可能なフリー画像配布サイト。一番有名??
フリー画像配布サイトの中では特にお気に入り。
ていうか最強だと思う！
Unsplash
Pixabay
安定の素材配布サイト。
WordPressプラグインもあるよ。
Pixabay
Cool Backgrounds
グラデーションの背景画像を作って使うのに使ってます。
色々いじるとなかなか楽しい。
Cool Backgrounds
Placehold.jp
ダミー画像生成サービス。
『とりあえず』で意味のない画像を入れたいときに使ってる。
細かいとこまで設定できて便利。
Placehold.jp
METALLIC RATIO
貴金属比の計算をしてくれるサービス。
画像比率はとりあえずここにぶん投げる。
そういえば授業で日本人は黄金比よりも白銀比の方が美しく感じるって言ってた。
画像圧縮系
画像圧縮はユーザビリティ面で必須なのでブックマークしておくと便利。
Tiny JPG
可能な限りPNG.JPEG画像のファイルサイズを縮小してくれます。
パンダの顔が怖い。
SVGOMG
SVGから不要なデータを取り除いて圧縮してくれます。
いつか使おうと温めてます。
みんなが言うことにはViewBoxは残しておいたほうがいいらしい(なんのことやら...)
SVGOMG
フォント系
フォントは重要ですが、正直無料の日本語フォントでいいものはあまりない印象...
モリサワフォント買ったほうがよさそう。
でも欧文フォントならフリーでも選択肢が多いです。
DaFont
欧文フォントのダウンロードサイト。
欧文だけですが。なかなか使えるものが多いのでおすすめ。
DaFont
その他
〇〇系で括れなかったけどちゃんと使える子達。
Font Awesome Free's Cheatsheet
XDでFont Awesome使うときにここからコピペしています。
FontAwsomeはパソコンにダウンロードしておくべき。
Font Awesome Free's Cheatsheet
Favicon Generator.
ファビコン自動生成ツールです。
画像を投げるとファビコンにして返してくれる。
自分では作れないので...
Gridpx
グリッドデザインの計算ツール。
グリッドのサイズ計算に使える。
Brandmark Logo Maker
それっぽい企業ロゴを素早く制作できるツールです。
ロゴで悩んでたときに見つけました。
Brandmark Logo Maker
最後に
今回紹介したのはあくまで学生の自分が使っているものなので、
これよりいいのあるよ!!とか
こんなのもおすすめ!!みたいなのがあったら教えて欲しいです...