『フラットデザインの基本ルール——Webクリエイティブ＆アプリの新しい考え方。』

第1章 フラットデザインとその背景

• 1-01 フラットデザインが注目されている
• 1-02 スキューモーフィズムとその限界
• 1-03 フラットデザインが望まれる環境的な要因
• 1-04 ウェブサイトがシンプルになってきた
• 1-05 フラットデザインを支える技術的な要因
• 1-06 アップルのデザインとユーザーインターフェースの変遷
• 1-07 アップルのインターフェースガイドライン
• 1-08 フラットデザインの根拠としてのマテリアルオネスティ
• 1-09 インターナショナルスタイルとしてのフラットデザイン
• 1-10 視覚的表現における二つの方向性
• 1-11 フラットデザインとミニマリズム
• 1-12 自然界のなかでの「異物」としてのフラット
• 1-13 和のデザインの平面の生かし方
• 1-14 フラットデザインは「流行」なのか？
• コラム 目は無意識に、色を探している

第2章 フラットデザインのスタイル

• 2-01 フラットデザインをタイプ別に分類する
• 2-02 選択肢をわかりやすく提示する「パネル」スタイル
• 2-03 メッセージを確実に伝える「タイポグラフィ」スタイル
• 2-04 大きな写真で引きつける「ラージフォト」スタイル
• 2-05 フラットデザインらしさが表れる「イラスト」スタイル
• 2-06 情報の単位を示した「カード」スタイル
• 2-07 情報量の多いサイトに適したサイドバーのあるスタイル
• コラム 引き算のデザインよりも、論理への愛を

第3章 フラットデザインの構成術

• 3-01 フラットデザインのための情報の整理
• 3-02 サイドバーを隠したワンカラムのレイアウト
• 3-03 情報の単位を「囲み」を使わずに表現する
• 3-04 色を分けずに広い色面を作る
• 3-05 ボタンに「座布団」は必要なのか？
• 3-06 無彩色を中心に構成し、色に意味を込める
• 3-07 色で情報を分類し、ストーリー性を生み出す
• 3-08 半透明レイヤーで画面を多様に活用する
• 3-09 フラットデザインに適したアイコンのデザイン
• 3-10 ロングシャドウのアイコンデザイン
• 3-11 アニメーションが表現するインタラクション
• 3-12 グーグルのデザインガイドライン
• 3-13 フラットデザインをもっと知るための情報源
• コラム フラットデザインはボサノヴァ

第4章 インターフェースデザインの現在と未来

• 4-01 ピュアなフラットデザインは信用していない
  • インタビュー：深津貴之氏
• 4-02 グローバル企業の正常進化の現れとしてのフラットデザイン
  • インタビュー：インテリジェントネット株式会社
• 4-03 機能がいったん成熟し、いまが「建て替え」のとき
  • インタビュー：大谷和利氏