Webサイトのデザイン見本帳　実例で身につくWebデザインのセオリー

試し読み

Webサイトのデザイン見本帳　実例で身につくWebデザインのセオリー

向田嵩　著/マスベサチ　著/千田崇史　著/村田俊英　著/田渕将吾　著

定価 2,750円
（本体 2,500円＋税10%） ※電子書籍の価格は各販売ストアにてご確認ください｡

紙の本を買う

紙の書籍を購入

電子版を買う

電子書籍版を購入
- Kindle
- 楽天kobo

発売日	：2025-12-23
仕様	：B5判／160P
ISBN	：978-4-295-20814-3

ギャラリーサイトを漫然と眺めていても、「このサイトはなぜこのデザインになっているのか」という本質が理解できないと、実制作のヒントにはなりにくいものです。本書は、そのようなデザインの本質を解き明かし、最先端のトレンドも網羅した実践的なWebデザインの見本帳です。

本書のCHAPTER 1ではまず、必ず理解しておきたいWebデザインの特徴をおさらいします。続くCHAPTER 2では、視線誘導やグリッドデザインなど、Webデザインの基本的なセオリーを学びます。優れた事例に基づいて手法を解説しているため、実際のWebサイトでどのように活用されているかが具体的に理解できます。

CHAPTER 3では「ポップ」「スタイリッシュ」「かわいい」といったイメージ別のサイトデザイン例を、CHAPTER 4では「レストラン・カフェ・スペース」「医療」「アパレル」といった業態別のサイトデザイン例を紹介します。それぞれのカテゴリーに属するサイトが、どのような目的をもってデザインされているのかを深く理解できるでしょう。

Webデザインの考え方をしっかり身につけるための「教科書」として、また、実制作で悩んだ時の「アイデアソース」として、ぜひ本書をご活用ください。

■ページ見本

■CHAPTER1　Webでのデザインの基本
01　Webデザインの役割
02　Webデザインの歴史
03　Webデザインで意識すべきこと
04　Webサイト制作全体の流れ
05　デザインの制作の流れとツール
06　Webサイトの基本のパーツ
07　Webデザインの配色
08　Webデザインのタイポグラフィ
09　Webデザインの写真・イラスト
10　Webデザインのモーション
［COLUMN］デザイン制作の効率アップ！Figmaの便利機能

■CHAPTER2　デザインの基本的な手法
01　視線誘導
02　グリッドデザイン
03　写真
04　イラスト
05　インフォグラフィックス
06　タイポグラフィ
07　余白
08　モバイルファースト
09　モーション・映像
10　3Dグラフィックス
11　Webアクセシビリティ
［COLUMN］Webデザインの分析方法

■CHAPTER3　イメージ別のデザイン例
01　ポップ
02　スタイリッシュ
03　かわいい
04　美しい・上品
05　エレガント・高級感
06　誠実・信頼感
07　ナチュラル
08　シンプル
09　親しみのある
10　モダン・近代的
11　キッズ
12　ティーン
13　ファミリー
14　男性向け・男性的
15　女性向け・女性的
16　やさしい
17　知的
18　インパクト
19　和風
20　二次元・サブカル感
21　手書き・アナログ感
22　落ち着き
［COLUMN］Webギャラリーサイト活用術

■CHAPTER4　業態別のデザイン例
01　レストラン・カフェ・スペース
02　医療・福祉
03　アパレル
04　建築・建設・不動産
05　イベント・プロジェクト
06　エンタメ
07　学校・教育
08　ポートフォリオ
09　ポータル
10　ネットショップ
11　メーカー
12　スポーツ・フィットネス
13　ウェディング
14　レジャー施設・テーマパーク
15　ホテル・旅館
16　こども向け
17　コスメ
18　テクロノジー
19　美術館・展覧会
20　採用ブランディング
21　地域プロモーション
22　デザイン・映像制作会社
23　家具・雑貨
24　食品・飲料
25　金融・士業
26　旅行・観光業
27　オウンドメディア
28　Webサービス