MdNCORPORATION

Webレイアウトの『解法』

Webレイアウトの『解法』

矢野りん 著
本体 2500円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2010-01-22
仕様 B5判/144pP
ISBN 978-4-8443-6093-3
Webデザインの現場のために。──Webデザインのためのレイアウトの法則と、レイアウトのさまざまな手法50を具体的、かつ実践的に解説しました。前半ではデザインの理論、後半ではテーマ別のレイアウトの解法50項目を具体的に解説。より自由で効果的なレイアウトを実現するために、押さえておきたい基本と実践手法を豊富なサンプルで解き明かす、Webレイアウトの教科書。

■ページ見本








目次

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 図で手続きを説明する

こだわりの年賀状を送りたい!ワンランク上を目指す助っ人アイテム決定版

新年を気持ちよく迎えよう!日本や世界の感動的な絶景写真集&カレンダー