MdNCORPORATION

Webレイアウト・セオリー・ブック

Webレイアウト・セオリー・ブック

矢野りん 著
定価 2,200円
(本体 2,000円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2005-11-30
仕様 B5変型判/144P
ISBN 978-4-8443-5832-9
Web制作に携わる人、これからWeb制作関連の仕事に就きたい人にむけたWebのためのデザイン書です。アプリケーションの使い方といった「Webデザイン」ではなく、レイアウトや文字、グラフィックや配色などといった、平面構成を考える上で必要なデザインの法則を分かりやすいサンプルと解説で見開き単位で解説。本書にひととおり目を通すことで、ベーシックなデザインの知識と考え方が身に付きます。Webデザイン専門のレイアウトの教科書!

Web制作に携わる人、これからWeb制作関連の仕事に就きたい人にむけたWebのためのデザイン書です。アプリケーションの使い方といった「Webデザイン」ではなく、レイアウトや文字、グラフィックや配色などといった、平面構成を考える上で必要なデザインの法則を分かりやすいサンプルと解説で見開き単位で解説。本書にひととおり目を通すことで、ベーシックなデザインの知識と考え方が身に付きます。Webデザイン専門のレイアウトの教科書!


※この本の一部をご覧いただけます。
■p030-031.pdf【PDFダウンロード】
■p062-063.pdf【PDFダウンロード】
■p104-105.pdf【PDFダウンロード】



■ページ見本







目次

WEBレイアウト・セオリー・ブック
~WEBデザインのためのレイアウト基礎講座


Contents

はじめに
本書の使い方


Category 1 画面構成のセオリー Theory of Screen Composition

introduction 操作と情報が同居するWeb のスタイル設定
Theory 01 逆L 字型のレイアウト
Theory 02 上部メニュー型のレイアウトスタイル
Theory 03 グリッドシステムを活用する
Theory 04 レイアウトスペースを素早く分割する
Theory 05 フラクタル構造を持つレイアウト
Theory 06 整理した情報をレイアウトに反映する
Theory 07 必要な情報が見つけやすいレイアウト
Theory 08 レイアウトの秩序で見やすさを実現する
Theory 09 囲みやテキストを効果的に配置
Theory 10 ホワイトスペースを生かしたレイアウト
Theory 11 情報量の多いサイトを引き締める
Theory 12 ビジュアル要素を見せるレイアウト
Theory 13 段組みによるレイアウトスタイル
Theory 14 Web 標準と親和性の高いレイアウト
Theory 15 ホームのスタイルを踏襲する
design_note 重力に従ってレイアウトする


Category 2 テキストのセオリー Theory of Textn

introduction コンテンツの中心である文字に表現と機能の両方を反映させる
Theory 01 見やすいページタイトルを作る
Theory 02 見出しと本文のバランスに配慮する
Theory 03 読みやすい本文を作る
Theory 04 サイトID のバリエーション
Theory 05 さまざまなフォントを効果的に使い分ける
Theory 06 縦方向にテキストを配置する
Theory 07 リスト表現を使ったメニュー構成
Theory 08 ナビゲーションのラベルとフォント
Theory 09 画像とキャプション
Theory 10 表組のスタイルバリエーション
Theory 11 テキストレイアウトで魅せるデザイン
Theory 12 文字情報の色とレイアウトの適切な関係
design_note Web とフォント


Category 3 グラフィック構成のセオリー Theory of Graphic Compositon

introduction サイトを飾る視覚情報利用のポイント
Theory 01 抽象的な内容を伝えるグラフィック
Theory 02 製品写真の効果的な見せ方
Theory 03 文字とグラフィック
Theory 04 デザイン性を高める切り抜き画像
Theory 05 複数の写真から合成するイメージ
Theory 06 文字情報を視覚情報に置き換える
Theory 07 イラストを使ったページデザイン
Theory 08 データを視覚的に伝える
Theory 09 ダイアグラムを使う
Theory 10 ラフなテクスチャで手触り感を演出
Theory 11 アイコンを使ったわかりやすいデザイン
design_note コミュニケーションデザインと写真


Category 4 配色のセオリー Theory of Color Scheme

introduction Web デザインに必要な3つの色のセオリー
Theory 01 知っておきたい色の約束事
Theory 02 カラーチャートを使いこなす
Theory 03 配色しやすい色のセオリー
Theory 04 色の性質を考慮した配色
Theory 05 寒色と暖色の性質を使い分ける
Theory 06 キーワードで導き出す配色
Theory 07 グラデーションを活用する
Theory 08 配色で画面をシンプルに見せる
Theory 09 3色限定の配色を使う
Theory 10 使いやすさを左右する配色
Theory 11 和の情緒を感じさせる配色
design_note Web の現場にもある「色の統一問題」


Category 5 用途とスタイル Uses & Styles

introduction 企画・テーマで異なる適切なスタイルの数々
Theory 01 自治体・教育関連のレイアウト
Theory 02 医療・くらし情報のレイアウト
Theory 03 一般的な企業紹介サイトのレイアウト
Theory 04 IT 関連企業のレイアウト
Theory 05 製品紹介中心サイトのレイアウト
Theory 06 ポートフォリオサイトのレイアウト
Theory 07 ファッション関連サイトのレイアウト
Theory 08 食品関連サイトのレイアウト
design_note レイアウトとブランド

参考文献& Designer's profile

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊