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

試し読み

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

向田嵩　著/半田季実子　著/木村優子　著/マスベサチ　著/野田一輝　著

定価 2,750円
（本体 2,500円＋税10%） ※電子書籍の価格は各販売ストアにてご確認ください｡

紙の本を買う

紙の書籍を購入

電子版を買う

電子書籍版を購入
- Kindle
- 楽天kobo

発売日	：2024-10-25
仕様	：B5判／160P
ISBN	：978-4-295-20682-8

内容紹介
目次
お詫びと訂正
お問い合せ

本書は、Webサイトのデザインに特化した配色見本帳です。優れたデザインを備えた多彩なWebサイトを、配色の観点から整理し、解説しています。

配色をしっかりと理解できるよう、本書ではまずCHAPTER1で配色の基本と、Webサイト特有の特徴を解説します。次にCHAPTER2で、色相・トーン・補色・アクセントカラーといった配色の基本的なセオリーを事例とともに学びます。その後は実践編として、CHAPTER3でポップ・スタイリッシュなどイメージ別の配色例を、CHAPTER4でコーポレートサイト・メディアサイトなどサイト形態別の配色例を紹介します。それぞれのカテゴリーに属するサイトがどのような目的をもって配色が行なわれているのかを理解できます。

配色の紹介では、ベースカラー、キーカラー、サブカラーなどの色の役割ごとに16進数コードを記載。本書を配色の考え方を身につける教科書として、または困った時のアイデアソースとしてぜひお役立てください。

■ページ見本

■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　ポートフォリオサイト

お詫びと訂正

このたびは本書をお買い求めいただき、誠にありがとうございました。

本書の記載に誤りがありましたため、ここにお詫びして訂正を申し上げます。

──────────────────────
●P160・記載追加

カバーイラスト：宮島信太郎

──────────────────────

読者のみなさま、および関係者のみなさまには、ご迷惑をおかけしてしまい、誠に申し訳ございませんでした。

訂正して深くお詫び申し上げます。