本書の使い方

四つの部

• 第 I 部では、距離、そろい、大きさ、文字、色、動きが、画面のまとまりや強さをどう変えるかを見ます。
• 第 II 部では、情報を見つける、覚える、選ぶ、ボタンを押すときに起こる難しさを見ます。
• 第 III 部では、過去の経験や同じ画面の繰り返しから、次の動きを予想する仕組みを見ます。
• 第 IV 部では、画面で感じた違和感を言葉にし、HTML や CSS までたどって直す流れを見ます。

順番に読むと、一つの画面を見るところから、制作上の判断までが積み上がります。気になる章から読んでも構いませんが、初めて Web デザインを学ぶ場合は、第 I 部から順に読むと用語が少しずつ増えていきます。

章の読み方

各章は、日常や Web サイトで起こる具体的な出来事から始まります。次に、実際にありそうな画面を使い、著者が何を見て、どう考えたのかを説明します。必要な専門用語は、現象を理解したあとに紹介します。

図版には、本文が説明している一つの差だけを残します。図の前に注目する場所を案内し、図の後に何が分かったかを説明します。読者が図だけから答えを探す必要はありません。

参考資料の読み方

章末の「参考」には、本文の内容をさらに詳しく知るための研究や Web の公式仕様を載せています。最初からすべて読む必要はありません。気になった話題を深く調べたいときに使えます。

巻末の資料

本文は、読むだけで話がつながるように作っています。巻末には、本文に出てきた言葉を調べる用語集、曖昧なレビュー表現を具体的な観察へ変える例、参考資料の一覧があります。どれも暗記するためのものではなく、分からない言葉や気になる話題があったときに参照する資料です。

第24章では、人が Web サイトを使う様子から分かることを、著者が例を使って説明します。読者が友人や家族を集めて調査する必要はありません。