野良人(のらんど)|大阪府堺市のWEB制作屋さん野良人とは制作事例ブログお問い合わせWEBデザイン配色の勉強や実務で活用している参考書籍・参考サイト2019/08/20WEBデザイン読んだ本WEBデザインのなかでも「配色」について、自分が独学で勉強してきた際に良かった書籍や、WEBデザインの実務で活用している配色関連の本を紹介します。配色の基礎を学ぶ基礎知識としては、色彩検定の2級を取った時の勉強がけっこう役立っているのでおすすめしておきます。いうか配色の基礎を学べる系の書籍は、目次を見ると、だいたい色彩検定2級の学習範囲に含まれているように感じます。基礎を一通り網羅しようとすると似たような構成になるんでしょうか。そんなわけで、色彩検定はWEBデザインに特化しているわけではないですが配色の基礎を学びたい人にとって必須になる知識がまとまっていると思います。受験するかどうかはおいといて、問題集とかも整っている(←勉強する上でとても助かる)し、教材としては非常に良いと思います。スタイルで学んでいく対策教材。僕が受験した時に使ったやつで、割と自分の勉強スタイルに合っていて良かった。公式テキスト+この本で勉強したら合格しました。僕が使ったやつは2015年版で、紹介しているのは本記事執筆時の最新版。受けるなら問題集とあわせてやっておくと良いです。謳っているわけではないけど、おおむね色彩検定の範囲を押さえて解説しています。サンプルで出てくる配色の例とかが分かりやすくて良いです。実務の配色フローを学ぶ以下は実務の流れに即したWEBデザインの配色のフローを学べる書籍です。配色技法もさることながら、実務でありそうなコミュニケーションの対応とかが面白くて参考になります。矛盾したリクエストにはどう対応する?一度承認された色を変更したいと言われた効果的に伝えるWeb配色標準デザインガイド効果的に伝えるWeb配色標準デザインガイド―ユーザビリティ/アクセシビリティ/マーケティングを考慮したサイトの色彩設計からの配色の実際まで(坂本邦夫)Amazon楽天WEBデザインに特化した配色本です。基礎的な配色技法以外にも競合サイトの配色分析など、実務的なカラーマーケティングにも言及されています。手に取ったWEB配色本なのでちょっと思い入れがあります。日本カラーデザイン研究所によるイメージスケールを活用するための書籍です。ロジックで配色を考えていくのに役立ちます。僕が普段実務で使ってる本で、読んで勉強というより、辞書のように都度めくって検討しています。イメージスケールを使った配色のフローは以下の記事が分かりやすくて、とても勉強になります。ベイジの社長ブログデザイン事例まとめ書籍でアイデアを参考に実際に配色やデザインを検討する時には、サイト集やらの他に以下のようなアイデア参考本をめくって参考にします。それぞれ、いろんな切り口でデザイン事例がまとめられていてインスピレーションを得るのに役立ちます。配色の基礎と考え方が学べるガイドブック(伊達千代)Amazon楽天WEBサイト普段使ってるブックマークからご紹介。ツール系デザイン制作の時に活用する配色関連のツールたち。Photoshopとかを開くまでもないような、カラーコードのちょっとした確認とか調整の時に便利。CSSのグラデーションをGUIでサクッと作れるジェネレーター。Sassでlighten、darkenのような関数を使って配色を調整する時に参照するとパッと見て直感的に色味が分かるので便利。配色パターンを提案してくれて便利。いい感じの組み合わせがほしい時とか、悩んだときに参考にしたりとか。Gomezいくつか挙げましたが、ふつうに「テイスト」+「参考サイト」とかでググったりすることも多いです。そのほうが欲しい切り口でまとめている参考サイト集が出てきたり。あと普通にGoogle画像検索も使います。配色のキーワード+「建築」とか「ファッション」とかでWEB以外のデザインを探すと、意外と参考になったりします。おわりに以上、WEBデザイン配色の勉強や実務で活用している参考書籍・参考サイトを紹介しました。配色をもっと理詰めでロジカルにデザインしたいな、という欲求のもと日々勉強です。「配色はセンスではない」的な高説を垂れる域には至りませんが、ここらで一度自分の学習リソースを整理しようと思ってまとめました。これからWEB配色を学びたい方の参考になれば幸いです。オススメの書籍やサイトなどがあればぜひ教えてください!では。新免祥太1988年岡山生まれ。外食企業のWEB・EC担当を経験したのち、2013年12月より「野良人(のらんど)」の屋号で独立しWEBデザイン・プログラミングなどWEBサイト制作の工程全般を請け負っています。お気軽にご相談ください。大阪府堺市を拠点にしていますが、全国のお客様とお仕事をさせて頂いております。お気軽にお問い合わせください。Reserved.野良人とは制作事例ブログお問い合わせ。