新人デザイナーのためのWebデザインを基礎から学べる本

ロングセラー「新人デザイナーのための」シリーズに、待望の「Webデザイン」編が登場！

デザインの考え方の基礎から、「文字」「配色」「画像」といった各パーツごとの役割とその扱い方、そして使い勝手のよい「ナビゲーション」をいかに構築するか、それらを統合したさまざまな「レイアウト」を定番のパターンや豊富な作例を見ながら学んでいくことができます。
最後に、まとめとしてターゲット層別のWebサイトのデザイン例も紹介しています。

「これだけ覚えれば、デザインがよくなる。」本書を読んで、最初の一歩を踏み出しましょう。

Chapter 1　デザインの基礎

1：デザインの役割とは？
2：印刷物とWebデザインの違い
3：レイアウトの基本
4：ターゲットに合わせたデザイン
5：閲覧環境の多様化に合わせたデザイン
6：ユーザビリティの基本
7：Webデザインを構成する要素
8：データ管理とデザイン
9：デザイントレンドの効果的な採用

Chapter 2　文字を扱う

1：Webの特性に合わせた文字指定
2：明朝体とゴシック体（セリフとサンセリフ）
3：イメージに合うフォントの選択
4：役割に合わせた文字サイズ
5：字間のアキを整える
6：読みやすい行間
7：ページのタイトルをデザインする
8：見出しをデザインする
9：本文を読みやすく構成する
10：罫線を利用する

Chapter 3　カラーを扱う

1：カラーの基本
2：Webサイトデザインでの配色の基本
3：彩度と明度
4：類似色でまとめる
5：補色を利用する
6：調和のとれた配色
7：色が持つイメージ
8：ターゲットに合わせた配色
9：ページ内のカラー配分
10：閲覧環境を考慮した色の選択

Chapter 4　写真画像を扱う

1：写真画像の補正
2：写真画像を角版で使用する
3：写真画像をキリヌキで使用する
4：トリミングで強調する
5：サイズに変化をつける
6：写真画像で視線の動きを誘導する
7：余白の効果的な利用
8：見せたいイメージに合わせた加工
9：複数の画像を合成する

Chapter 5　ナビゲーションを扱う

1：ナビゲーションの基本
2：さまざまなグローバルナビゲーション
3：リンクボタンで誘導する
4：ページ遷移を明確にする
5：インタラクティブなナビゲーション

Chapter 6　レイアウトする

1：Webの特性を考えたレイアウト
2：I字型レイアウト（1カラムレイアウト）
3：逆L字型レイアウト
4：2カラムレイアウト
5：3カラムレイアウト
6：水平レイアウト
7：グリッドレイアウト
8：写真を主役にした不規則なレイアウト
9：さまざまなページ分割
10：デザイントレンドを意識したレイアウト
11：レイアウトにアクセントを追加する

Chapter 7　タッチを表現する

1：ファミリー・キッズ向けのデザイン
2：女性向けのデザイン
3：男性向けのデザイン
4：シニア層向けのデザイン
5：和風のデザイン
6：シンプルモダンなイメージのデザイン
7：ナチュラルイメージのデザイン
8：高級感や重厚感のあるデザイン