■ページ見本

---

---

---

---

Chapter 1 Webデザインの基本技法
　Section 1 Order & Balance _ 秩序とバランス
　Section 2 Grid System _ グリッドシステム
　Section 3 Proportion _ プロポーション
　Section 4 Coloring _ カラーリング
　Column デザインの新しいフィールド 軸足はモバイル環境に

Chapter 2 ビジュアルデザインのソリューション
　Section 1 Navigation _ ナビゲーション
　　01 ラベルの長いナビゲーションをレイアウトする
　　02 リンクリスト数の多いページを単純に見せる
　　03 フッターをサイトマップとして整える
　　04 使いやすい問い合わせフォーム
　　05 使いやすいアクセスマップのデザイン
　　06 読みやすいリストナビゲーション
　　07 グローバルナビゲーションをバランスよく配置する
　　08 グローバルナビゲーションとローカルナビゲーションの展開方法
　　09 ナビゲーションのラベルサイズの決め方
　　10 ツールの配置

　Section 2 Graphic / Image _ グラフィック／イメージ
　　11 トップページで写真を美しく見せる
　　12 ページの背景にグラフィックを採用する
　　13 メインのビジュアルにイラストを採用する
　　14 トップページに抽象的なグラフィックを採用する
　　15 写真が目立つレイアウトをしたい
　　16 リアルなテクスチャを使ってページをデザインする
　　17 切り抜き写真を多用してトップページをまとめたい
　　18 トップページに素材集の写真を使う
　　19 グラフィカルなトップページを作る

　Section 3 Color _ カラー
　　20 メインのカラーが赤系のデザインをまとめる
　　21 メインのカラーが緑系のデザインをまとめる
　　22 メインのカラーが青系のデザインをまとめる
　　23 メインのカラーがオレンジ系のデザインをまとめる
　　24 メインのカラーが黄色系のデザインをまとめる
　　25 少ない色数でまとめる
　　26 ダークオンライト系デザインを採用する
　　27 立体感のある色使いでまとめる
　　28 マットな印象のデザインを作る
　　29 透明感があり光を感じるデザインを作る

　Section 4 Layout _ レイアウト
　　30 文字要素の多いレイアウトを画面に収める
　　31 問い合わせ先をわかりやすくレイアウトする
　　32 文字量の多いページを読みやすくレイアウトする
　　33 異なる話題を並列させたレイアウト
　　34 コピーのレイアウトに工夫する

　　35 新着情報の整理
　　36 ニュースを読ませる
　　37 ツールを目立たせる
　　38 縦書きをとり入れる
　　39 見出しサイズを決める
　　40 本文サイズを決める
　　41 段組みが三段以上のレイアウト

　Section 5 Editorial _ エディトリアル
　　42 複数のリンク先を平等に紹介する
　　43 文字とビジュアルの協調
　　44 リンクリストのグループ化
　　45 文字の多いトップページを読みやすくまとめる
　　46 ユーザーの疑問に答える構成
　　47 項目数の多いFAQ ページ
　　48 取り扱い説明のコンテンツ
　　49 サービスを単純に説明するデザイン
　　50 図で手続きを説明する