＼＼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 パーツ別デザイン

11刷突破のベストセラーが最新情報にアップデート！

これからはじめる人、一気に学びたい人へ

一生使えるWebデザインのテクニック集！

絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン

今日から使える！ 配色の基本と、実例デザインの配色見本集

ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方

フレックスボックス、CSSグリッド、インタラクション、マーケティングの知識まで

この一冊でWebデザイナーに必須の基礎知識が網羅できる！

＜本書の対象読者＞

●これからWebデザインを学びたい初心者の方

●Webサイト制作に自信が持てない方

●1冊でWebデザイナーの基礎知識を網羅して学びたい方

CONTENTS

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

Chapter 01 Webデザインの基本

Chapter 02 レイアウト

Chapter 03 配色

Chapter 04 写真と図版

Chapter 05 タイポグラフィ

Chapter 06 HTML5とCSS3

Chapter 07 インタラクション

Chapter 08 運用とマーケティング

デザイン知識ゼロからでOK！

「かっこいい」「おしゃれ」ではなく、徹底的に「売れる」にこだわるWEBデザイン鉄板ルール。

顧客心理から逆算するデザインの思考法＆実践法。

Webデザインの作業フェーズ・業務シーンごとに、

「Adobe Photoshop」と「Adobe Illustrator」の

便利な使いこなし方やノウハウを解説する本です。

Webにまつわるビジュアルをより魅力的なものにするために、

あるいはWeb制作を効率的に行うために必要となるテクニックを

目的に沿って作例を用いながら解説します。

Webデザイン初心者、Webデザインに活動範囲を

広げたいと考えているグラフィックデザイナーはもちろん、

簡単な素材の制作や写真加工を行う必要があるプログラマーや

コーダーにとっても有益な内容です。

Adobe Creative Cloud 2020/2019対応。

※教材データはインターネットからダウンロードする必要があります。

【CONTENTS】

●CHAPTER 1 Webデザイン+Photoshop+Illustratorの基礎知識

印刷物のデザインとは違ったセオリーやルールなど、

Webデザインの基礎知識について解説!

●CHAPTER 2 ワイヤーフレーム制作で使えるテクニック

Webページに要素をどう配置するのかを表した大枠(ラフレイアウト)である

「ワイヤーフレーム」制作の際に役立つテクニックについて解説!

●CHAPTER 3 画像処理に使えるテクニック

印刷物のデザイン時にも活用できる基本的な画像の補正や加工から、

Webの機能を盛り込んだ表現まで幅広く解説!

●CHAPTER 4 パーツ制作で使えるテクニック

アイコンやロゴ、囲み罫、背景パターン、バナーといった

Webページを構成するパーツを効率よく制作する方法を解説!

●CHAPTER 5 カンプ制作で使えるテクニック

補正や加工を施した画像や、作成したパーツを組み合わせて

デザインカンプとして仕上げる際に必要なテクニックを解説!

●CHAPTER 6 コーディン向けに使えるテクニック

編集・作成した画像、パーツ、デザインカンプなどをWebページに適した形式や、

コーディングに適した状態で書き出す際のテクニックについて解説!

Ｗｅｂデザインの基本を短期間でしっかり学習できます！Ｗｅｂデザインの実践に必要な周辺知識を学習できます！いちばんやさしいＷｅｂデザインの入門書です！

本書は、著者がこれまでに発信してきたWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。

・HTMLやCSSの基礎を学んできて、次のステップを踏みたい

・独学で学んできたので、他人のコードを見てみたい

・無駄なコードを省き、短縮化させたい

・よく見かけるあのデザイン、どう実装すればいいのか分からない

このような方を対象として「デザインを見ただけで必要なHTMLタグとCSSコードをイメージし、実装できるようになる」をテーマに、Twitterでは紹介しきれなかったデザインアイデアを画像とともに詳しく解説するのが本書の役割です。

Web制作でよく使われる「背景・画像・写真装飾」「見出しやテキストの装飾」「レイアウト」「ボタンデザイン」と4つのデザインカテゴリーをメインに、お問い合わせフォームのUI、Google検索結果ページに反映する構造化データの書き方、デザインやコーディングを便利にするウェブサービスの紹介など、Web制作の現場で活用できる情報を詰め込んでいます。

■本書の特徴

1．用途に合わせたデザインパターンを70種紹介

カテゴリーごとに豊富なデザインパターンを掲載しました。

シンプルで使いやすいデザインを網羅したので、現場ですぐに使えます。

2．デザインに合わせたコーディングが学べる

デザインに合わせた最適なコードを本書では紹介しています。

コードの短縮化やモダンブラウザの新旧バージョンへの対応も解説しています。

3．サンプルコードですぐに実装できる

本書で紹介したコードはすべて購入者特典で配布します。

どなたでもすぐにデザインを実装できます。

■本書の構成

Chapter1　背景・画像・写真装飾

Chapter2　見出しやテキストの装飾

Chapter3　レイアウト

Chapter4　ボタンデザイン

Chapter5　お問い合わせフォーム

Chapter6　現場で使えるWebツールと素材配布サイト

Chapter7　Google検索結果ページへの対策

Chapter1　背景・画像・写真装飾

Chapter2　見出しやテキストの装飾

Chapter3　レイアウト

Chapter4　ボタンデザイン

Chapter5　お問い合わせフォーム

Chapter6　現場で使えるWebツールと素材配布サイト

Chapter7　Google検索結果ページへの対策

WordPressによるWebサイト制作のための、究極のレシピ集が登場。制作の現場で使われる定番テクニックからプロ技まで、余すところなく集めました。テーマカスタマイズ／テーマ作成／投稿ページ・固定ページ／一覧ページ／ヘッダー・フッター／カスタム投稿タイプ／カスタムフィールドなど、目的別にレシピを整理。「あのしくみはどう作るんだろう？」が、スグにわかります。Webサイト運営者からWebプログラマーまで、WordPressを扱うすべての方にお届けします。WordPress 5.xに対応。