Webサイトの配色見本帳 実例で身につくWeb配色のセオリー

構成数 : 1枚

■CHAPTER1 Webでの配色の基本
01 Webデザインではなぜ配色が大切なのか?
02 配色の基本(1) 色の作り方
03 配色の基本(2) 色相・彩度・明度とトーン
04 配色の基本(3) 色が与えるイメージ
05 配色の基本(4) 色の機能的役割
06 アクセシビリティを考慮した配色
07 Webデザインにおけるカラーの定義
08 配色の決め方
[Column]AIを活用して配色を決める

■CHAPTER2 配色の基本的な手法
01 類似色相を活用した配色
02 異なる色相を活用した配色
03 3色以上の配色
04 トーンを活用した配色
05 アクセントカラーを活用した配色
06 グラデーションを活用した配色
07 ナチュラルな配色
08 人工的な配色
09 コントラストを活かした配色
10 モノトーン配色
11 暖色系の配色
12 寒色系の配色
13 コーポレートカラーを活かす配色(1)
14 コーポレートカラーを活かす配色(2)
[Column]Adobe Colorを使った配色作成

■CHAPTER3 イメージ別の配色例
01 ポップ
02 スタイリッシュ
03 かわいい
04 美しい・上品
05 エレガント・高級感
06 誠実・信頼感
07 フレンドリー
08 ナチュラル
09 シンプル
10 インパクト
11 ユニーク
12 パステル
13 ビビッド
14 光・輝き
15 モダン・近代的
16 レトロ・クラシック
17 和風
18 キッズ
19 ティーン
20 ファミリー
21 シルバー
22 男性向け・男性的
23 女性向け・女性的
[Column]失敗しない配色テクニック

■CHAPTER4 サイト形態別の配色例
01 コーポレートサイト(1) 教育・公共機関
02 コーポレートサイト(2) IT
03 コーポレートサイト(3) 製造
04 コーポレートサイト(4) 不動産
05 メディアサイト(1) ファッション
06 メディアサイト(2) 施設・交通機関
07 メディアサイト(3) 地域
08 メディアサイト(4) 教育・公共機関
09 ECサイト(1) インテリア・生活
10 ECサイト(2) 飲食・食品
11 ECサイト(3) ファッション・美容
12 ECサイト(4) 家電・雑貨
13 プロモーションサイト(1) アート・デザイン
14 プロモーションサイト(2) 音楽
15 プロモーションサイト(3) 教育・公共機関
16 プロモーションサイト(4) 地域
17 採用サイト(1) IT
18 採用サイト(2) 金融
19 採用サイト(3) 不動産
20 採用サイト(4) エンタメ
21 ポートフォリオサイト