74
72

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 2014-04-06

私もプログラマでデザイナではありませんが、仕事柄デザインをすることも多々あります。過去に参考にしたサイトやスライドをまとめます。要点だけを抑えておけば、絵心がなくても「何となく垢抜けた感じ」のデザインにすることもできます。

##デザインの基本

レイアウトや書体など分かりやすく解説されています。

ノンデザイナーズ・デザインブックを読み解く

伝わるデザイン

##配色ツール

WEB上でカラースキームを作成できるサイトです。

COLOURlovers

Adobe Kuler

HUE/360

##配色の解説スライド
分かりやすく配色理論が解説されています。

ノンデザイナーのための配色理論

色彩センスのいらない配色講座

色で失敗しないた為に 〜理論に基づく配色フロー〜

配色を楽にするコミュニケーション

Webデザイナーのための配色セオリー

##インスピレーション
デザインの参考になるサイトです。

Pinterest
Flat UIやIconなどのキーワードで検索すると捗ります。

Dribbble
おしゃれな画像をアップするサイト。Pinterest同様に特定のキーワードで検索すると捗ります。

##その他ツール
デザインを考える上で便利なツールです。

Webデザイン黄金比計算ツール

74
72
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
74
72

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?