Web デザイン良質見本帳［第 2 版］(ウェブデザインリョウシツミホンチョウダイニハン)

＼＼ 40,000 部突破したベストセラーが 4 年半ぶりの大改訂!／／
Web デザインに関わる全ての人へ
想像力を高める最新の良質サイト 429 選!
優れた実例を見ることは新しい作品を生み出す力になる!!

・これからはじめる人に!
・打ち合わせのお供に!
・困った時のアイデア出しに!
オススメ!

見るだけで Web デザインのトレンドが自然とわかる!

ーーーーーーーーーー
デザインは見て学ぶ
ーーーーーーーーーー
本書は 429 点の厳選した良質な Web サイトを集めた見本集です。第 2 版ではほぼすべてのデザインを見直し全面的な改訂を行っています。今後も長く使える最新のデザインを取り揃えました。
レイアウト、配色、フォント、素材、動き、プログラムなど、ページを構成しているデザインパーツまで分解しているので、 Web サイトを見るだけではわからなかった「デザインの魅力の理由」がわかり、サイトの制作にもすぐに活用できます。
「アイデアが見つからない」「イメージはあるけど、何が必要で、どう作ればいいかわからない」といった時に必見の価値あり。パラパラめくって好きなページを見つけ出し、デザイン制作に役立ててください。

ーーーーーーーーーー
本書の対象読者
ーーーーーーーーーー
・デザインのアイデアが見つからない方
・デザインの制作に自信が持てない方
・クライアントと打ち合わせする際に方向性となる見本が欲しい方
・ Web デザインの最新トレンドを知りたい方

PART 0 Web デザインの基礎知識
PART 1 印象から考えるデザイン
PART 2 配色から考えるデザイン
PART 3 業種・ジャンル別から考えるデザイン
PART 4 レイアウトや構図から考えるデザイン
PART 5 素材・フォント・プログラムを使ったデザイン
PART 6 トレンドのデザイン
PART 7 パーツ別デザイン
PART 0 Web デザインの基礎知識
PART 1 印象から考えるデザイン
PART 2 配色から考えるデザイン
PART 3 業種・ジャンル別から考えるデザイン
PART 4 レイアウトや構図から考えるデザイン
PART 5 素材・フォント・プログラムを使ったデザイン
PART 6 トレンドのデザイン
PART 7 パーツ別デザイン

Web サイトのデザインを任されたとき、白紙の画面を前に手が止まる経験は多くのデザイナーが通る道です。本書はその「手が止まる瞬間」を解消するために、実在する優れた Web サイトを目的別に分類・収録したビジュアルリファレンスです。「信頼感を出したい」「ポップに仕上げたい」「高級感を演出したい」といった意図から逆引きで見本を探せる構成が特徴で、デザインの方向性を言語化しにくい段階でもページをめくるだけでイメージを固めていけます。

第 2 版ではスマートフォン対応やダークモードなど時代に即した事例が追加され、収録サイトが刷新されています。各見本にはレイアウトの意図、配色の狙い、フォント選びの理由が簡潔に添えられており、「なぜこのデザインが効くのか」を言葉で理解できるようになっています。ディレクターやエンジニアがデザイナーとイメージを共有する際のコミュニケーションツールとしても役立ちます。

本書はあくまで「見本帳」であり、 HTML/CSS の実装手順や Figma の操作方法は含まれません。コーディング技術を学ぶ本と併用し、方向性の決定には本書を、実装には技術書を使う形で棲み分けると、デザインワークフロー全体がスムーズに回ります。