〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【Webデザインに役立つデザイン見本の決定版！】 ギャラリーサイトを漫然と眺めていても、「このサイトはなぜこのデザインになっているのか」という本質が理解できないと、実制作のヒントにはなりにくいものです。本書は、そのようなデザインの本質を解き明かし、最先端のトレンドも網羅した実践的なWebデザインの見本帳です。 本書のCHAPTER 1ではまず、必ず理解しておきたいWebデザインの特徴をおさらいします。続くCHAPTER 2では、視線誘導やグリッドデザインなど、Webデザインの基本的なセオリーを学びます。優れた事例に基づいて手法を解説しているため、実際のWebサイトでどのように活用されているかが具体的に理解できます。 CHAPTER 3では「ポップ」「スタイリッシュ」「かわいい」といったイメージ別のサイトデザイン例を、CHAPTER 4では「レストラン・カフェ・スペース」「医療」「アパレル」といった業態別のサイトデザイン例を紹介します。それぞれのカテゴリーに属するサイトが、どのような目的をもってデザインされているのかを深く理解できるでしょう。 Webデザインの考え方をしっかり身につけるための「教科書」として、また、実制作で悩んだ時の「アイデアソース」として、ぜひ本書をご活用ください。 〈こんな方にオススメ〉 ・Webデザインをこれから学ぶ方 ・Webデザインの現在のトレンドを把握したい方 ・デザイン面のフィードバック力を鍛えたい方 〈本書の内容〉 ■CHAPTER1　Webでのデザインの基本 ■CHAPTER2　デザインの基本的な手法 ■CHAPTER3　イメージ別のデザイン例 ■CHAPTER4　業態別のデザイン例 〈本書の特長〉 ・掲載媒体、および解説がWebに特化したデザイン書 ・デザインのセオリーも解説しており、基礎がしっかり身につく ・配色・フォントなどの情報も掲載し、実務に直結している 〈著者プロフィール〉 向田 嵩 amoebo（アメーボ）という屋号で活動するフリーランスのアートディレクター、デザイナー。Webサイト、ロゴ、モーショングラフィックスなど幅広い媒体のデザインを一貫して手掛けるとともに、ものづくりのワークショップや企画展の開催などの活動も行う。 マスベサチ 広島で活動するWeb/UIデザイナー。制作、教育、コミュニティ活動を行う。デザイン講師として400名以上を指導してきた経験から、クリエイターコミュニティ「ひろしまクリエイターズギルド」を主宰。Adobe Community Expertとしてアドビ製品に関するサポート活動も行なっている。 千田崇史 グラフィックからWeb領域まで幅広く手がけるデザイナー。広告制作や企業のVI・紙媒体のデザインを経て、現在はGIGでブランド・Webデザインを担当している。ビジュアル開発に加え、モーションを活用した動的な表現設計を得意としており、視覚表現の幅を広く捉えたデザインアプローチを行なっている。 村田俊英 博報堂アイ・スタジオ、STORESなどでWebサイトやUデザインを経験。現在はスタートアップResilireにて、ブランディングからプロダクトまで全てのデザイン領域を統括。ADFESTなど受賞歴多数。その実践知を活かし、デザインメンタープロを主宰。noteでデザインをテーマに発信中。 田渕将吾 アートディレクター・インタラクションデザイナー。Webクリエイターが自らの視点を育て、互いに刺激を与え合う場というコンセプトで20年弱にわたりWebデザインギャラリー「S5-Style」を運営。単なるデザインのアーカイブにとどまらず、価値あるデザインを選び抜く力を養い、新しい視点と学びを提供する。

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【Webデザインに役立つ配色見本の決定版！】 本書は、Webサイトのデザインに特化した配色見本帳です。優れたデザインを備えた多彩なWebサイトを、配色の観点から整理し、解説しています。 配色をしっかりと理解できるよう、本書ではまずCHAPTER1で配色の基本と、Webサイト特有の特徴を解説します。 次にCHAPTER2で、色相・トーン・補色・アクセントカラーといった配色の基本的なセオリーを事例とともに学びます。 その後は実践編として、CHAPTER3でポップ・スタイリッシュなどイメージ別の配色例を、CHAPTER4でコーポレートサイト・メディアサイトなどサイト形態別の配色例を紹介します。 それぞれのカテゴリーに属するサイトがどのような目的をもって配色が行なわれているのかを理解できます。 配色の紹介では、ベースカラー、キーカラー、サブカラーなどの色の役割ごとに16進数コードを記載。 本書を配色の考え方を身につける教科書として、または困った時のアイデアソースとしてぜひお役立てください。 〈こんな方にオススメ〉 ・基本をしっかり学びたい方 ・現在のデザインのトレンドを把握したい方 ・デザインのフィードバックを強化したい方 〈本書の内容〉 ■CHAPTER1　Webでの配色の基本 ■CHAPTER2　配色の基本的な手法 ■CHAPTER3　イメージ別の配色例 ■CHAPTER4　サイト形態別の配色例 〈本書の特長〉 ◯手法別・イメージ別・サイトの種類別に配色のポイントがつかめる ◯キーカラー・サブカラー・フォントカラーの機能別にカラーを掲載 ◯“なぜその色を選ぶのか？”がしっかりわかる 〈プロフィール〉 向田 嵩 アートディレクター・デザイナー。株式会社GIGにて、クライアントワークを中心に、ロゴ、モーション、Webサイト、アプリケーションなど幅広い媒体のデザインを一貫して手掛ける。ブログやSchooの講座を通じて、デザイン学習や業務に役立つコンテンツを発信している。 半田季実子 株式会社スピカデザインのディレクター・デザイナー。Webサイトやロゴ、パンフレット、イラストレーションなど幅広く手掛け、主に美容医療に関するデザインを得意としています。 木村優子 アートディレクター兼デザイナー。複数のデザイン制作会社を経て、Web、UI/UX、グラフィックなど、幅広い領域のクリエイティブを経験。Adobe Community Expertとして、アドビ公式の情報番組「Adobe Firefly Camp」のMCを担当している。 マスベサチ 広島で活動するWeb/UIデザイナー。デザイン講師として400名以上を指導してきた経験から、クリエイターコミュニティ「ひろしまクリエイターズギルド」を主宰。Adobe Community ExpertとしてAdobe製品に関するサポート活動も行っている。 野田一輝 株式会社ユニエル代表、アートディレクター、デザイナー。ブランド戦略・ブランドコミュニケーションを軸に、経営サポートからコンセプト立案、グラフィック、デジタル、スペースなど、繋がりの強いデザイン・アートディレクションを得意としています。

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【すべての先端デザインを俯瞰する最新資料集】 この本は、「デジタルメディア」の領域ごとに最新のデザイン事例を紹介する「デザイン資料集」です。「要素」と「原則」の観点で解説することで、多くの方々に理解していただきやすくしています。ブランディングやプロモーションなどの基本的なデザインだけでなく、インスタレーションやメタバースなど、様々なジャンルや領域のデザイン事例を参照してもらえるものになっています。 事例の裏には「つくる人たち」が必ず存在しています。そこで各章末にコラムを設け、各デザインの領域の前線で活躍する方々へのインタビューを収録しています。制作工程における中での課題やその解決策、デザインへの思いなど、プロたちの葛藤を知ることは、きっと仕事への刺激を得る機会になるはずです。 ・審美眼を養うカタログとして ・多様な領域を俯瞰して把握する見取り図として ・他ジャンルにアンテナを伸ばすきっかけとして ・プロの仕事に刺激を得る機会として など、本書を読んでいただくことで、デジタルメディアにおけるデザインについての理解が深まり、新たな気づきを得ていただけることでしょう。 常に変化し続け、技術やトレンドの移り変わりが激しい現代のデジタルメディアデザイン。デザインカタログとしてもクリエイティブの記事としても楽しく読んでいただける一冊です。 〈本書の内容〉 Introduction Chapter_01 ブランディング×デジタルメディアデザイン Chapter_02 プロモーション×デジタルメディアデザイン Chapter_03 採用×デジタルメディアデザイン Chapter_04 BtoB×デジタルメディアデザイン Chapter_05 BtoC×デジタルメディアデザイン Chapter_06 プロダクト×デジタルメディアデザイン Chapter_07 サービス×デジタルメディアデザイン Chapter_08 メディア×デジタルメディアデザイン Chapter_09 インスタレーション×デジタルメディアデザイン Chapter_10 メタバース×デジタルメディアデザイン 〈プロフィール〉 田渕将吾 1982年生まれ、HAL・モード学園卒。Webのインタラクションやインターフェースのデザイン、ムービー・スチール・イラストのアートディレクション、そしてフロントエンドエンジニアリング。ジャンルやクリエイティブの境界なく多岐にわたり活動中。人とデジタルが相互に作用するインタラクションデザインを得意とする。自身が運営を務めるWebデザインギャラリー S5-Styleでは優れたWebデザインを日々キュレーションしている。