11
11

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

デザイン制作面でブックマークしてる便利な奴ら

Last updated at Posted at 2019-06-11

はじめに

デザインを考えている過程でよく使っている物達です。
『あ、こんなのあるんだー』程度に暖かい目で見てください。

色彩系

色関係は全体の雰囲気に直結するので、考えるのに時間がかかりますよね...
ということで使ってみていいなーと思ったものをまとめました。

ColorSpace

指定した色から相性のいい配色パターンを数通り提案してくれる。
正直色系はここがほとんど。
サイト自体のデザインも綺麗だから暇な時実験しにきたり、
一番お気に入り!
スクリーンショット 2019-06-11 11.54.18.png
ColorSpace

NIPPON COLORS

日本っぽい色がまとめてあります。
日本を題材にしたサイトを作るときに出会ってたまに見に来てます。
日本の色っていいよね。
スクリーンショット 2019-06-11 11.55.00.png
NIPPON COLORS

画像系

画像を集めるのって大変だし、著作権とか気にしないといけないから辛いですよね...

Unsplash

商用可能なフリー画像配布サイト。一番有名??
フリー画像配布サイトの中では特にお気に入り。
ていうか最強だと思う!
スクリーンショット 2019-06-11 11.56.41.png
Unsplash

Pixabay

安定の素材配布サイト。
WordPressプラグインもあるよ。
スクリーンショット 2019-06-11 11.58.20.png
Pixabay

Cool Backgrounds

グラデーションの背景画像を作って使うのに使ってます。
色々いじるとなかなか楽しい。
スクリーンショット 2019-06-11 12.00.26.png
Cool Backgrounds

Placehold.jp

ダミー画像生成サービス。
『とりあえず』で意味のない画像を入れたいときに使ってる。
細かいとこまで設定できて便利。
スクリーンショット 2019-06-11 12.02.02.png
Placehold.jp

METALLIC RATIO

貴金属比の計算をしてくれるサービス。
画像比率はとりあえずここにぶん投げる。
そういえば授業で日本人は黄金比よりも白銀比の方が美しく感じるって言ってた。
スクリーンショット 2019-06-11 12.02.42.png

METALLIC RATIO

画像圧縮系

画像圧縮はユーザビリティ面で必須なのでブックマークしておくと便利。

Tiny JPG

可能な限りPNG.JPEG画像のファイルサイズを縮小してくれます。
パンダの顔が怖い。
スクリーンショット 2019-06-11 12.03.33.png

Tiny JPG

SVGOMG

SVGから不要なデータを取り除いて圧縮してくれます。
いつか使おうと温めてます。
みんなが言うことにはViewBoxは残しておいたほうがいいらしい(なんのことやら...)
スクリーンショット 2019-06-11 12.04.03.png
SVGOMG

フォント系

フォントは重要ですが、正直無料の日本語フォントでいいものはあまりない印象...
モリサワフォント買ったほうがよさそう。
でも欧文フォントならフリーでも選択肢が多いです。

DaFont

欧文フォントのダウンロードサイト。
欧文だけですが。なかなか使えるものが多いのでおすすめ。
スクリーンショット 2019-06-11 12.04.30.png
DaFont

その他

〇〇系で括れなかったけどちゃんと使える子達。

Font Awesome Free's Cheatsheet

XDでFont Awesome使うときにここからコピペしています。
FontAwsomeはパソコンにダウンロードしておくべき。
スクリーンショット 2019-06-11 12.07.46.png
Font Awesome Free's Cheatsheet

Favicon Generator.

ファビコン自動生成ツールです。
画像を投げるとファビコンにして返してくれる。
自分では作れないので...
スクリーンショット 2019-06-11 12.09.31.png

Favicon Generator.

Gridpx

グリッドデザインの計算ツール。
グリッドのサイズ計算に使える。
スクリーンショット 2019-06-11 12.10.02.png

Gridpx

Brandmark Logo Maker

それっぽい企業ロゴを素早く制作できるツールです。
ロゴで悩んでたときに見つけました。
スクリーンショット 2019-06-11 12.10.43.png
Brandmark Logo Maker

最後に

今回紹介したのはあくまで学生の自分が使っているものなので、
これよりいいのあるよ!!とか
こんなのもおすすめ!!みたいなのがあったら教えて欲しいです...

11
11
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
11

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?