＼＼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サイトのデザインを改善するために役立つ実際の改善事例やTipsなど、絶えずWebサイトを改善し続けるためのヒントを詰め込みました。

多くのウェブサイトを改善してきた著者たちが、実際のデザイン事例 Before&After、汎用的に使える改善Tipsやコンバージョンに貢献しやすい施策を解説しています。サイトの種類が異なっても再現できるようにポイントを解説するだけでなく、次の一手のアイデア集として長く活用していだけるように、汎用的な内容を数多く紹介しています。

最後の章ではプロが現場で行う改善のプロセスを解説し、次の一手を打ち続けていくために必要な考え方についてまとめてあります。

目次：

Chapter1　デザイン事例集

Chapter2　改善Tips

Chapter3　コンバージョンを上げるための改善を実行しよう

Chapter4　コンバージョンを上げるためのサイト改善のプロセス

はじめに

目次

本書の使い方

著者紹介

用語説明

Chapter1 デザイン事例集

1-1 掲載事例一覧

1-2 バニラエア

1-3 三井住友カード

1-4 UTグループ

1-5 マネックス証券

1-6 ロクシタンジャポン

1-7 トーセキ

1-8 車検の速太郎 足立店

1-9 ハルメクベンチャーズ

1-10 へノブファクトリー

1-11 シバ製靴

1-12 レザーハウス

1-13 御茶ノ水ソラシティカンファレンス

Chapter2 改善Tips

2-1 改善Tips一覧

2-2 改善Tips

Chapter3 コンバージョンを上げるための改善を実行しよう

3-1 初級編 〜まずは気になる箇所を変えて評価してみよう〜

3-2 中級編 〜ボトルネックになっているところから改善してみよう〜

3-3 上級編 〜確実に成果につなげるためのWebテストのススメ〜

3-4 チェックリスト 〜改善前に押さえておきたいWebサイト制作の基本〜

Chapter4 コンバージョンを上げるためのサイト改善のプロセス

4-1 コンバージョンを上げるために必要なこと

索引

よく見かけるこの表現はどうやってつくっているのだろう？──そんな疑問を解決する、Webデザインの“いま”の定番＆頻出の手法を集めた総合テクニック集です。「デザイン＆レイアウト」、「ナビゲーション」、「エフェクト＆インタラクション」、「ユーザビリティ」のカテゴリ別に、実際に現場でよく使われるスタンダードな手法を厳選して紹介。HTML5・CSS3・jQueryの各技術と効果的な組み合わせ方も身につきます。

ＦｉｒｅｗｏｒｋｓとＤｒｅａｍｗｅａｖｅｒを使ってデザインからコーディングまで１冊でマスター。画面の設計からパーツ制作、マークアップ、ＣＳＳコーディングまでＷｅｂデザインのワークフローを全部学べる。

知識ゼロからＷｅｂサイト制作を学ぶなら、この１冊ではじめよう。ＨＴＭＬ／ＣＳＳの基本をやさしく解説。４つのサイトをつくりながら楽しく学べる。重要パートは動画による解説つき。

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！

ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介＆ネットショップサイトをチュートリアル形式で作成しながら、基本的なHTML要素／CSSの基本構造（セレクタ、プロパティ、値）を学ぶことができ、レイアウトのテクニックやデザイン（Webデザイン＆レスポンシブデザイン）の基本も身につきます。

＜本書のポイント＞

・チュートリアル学習では、PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます

・定番となったflexbox、displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します

・「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます

・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます

・「動画コンテンツページ」「ネットショップページ」も制作します

＜綴じ込み特典つき＞

付録1デザインのバリエーションが学べる！「レスポンシブデザインのネタ帖」

付録2インターン、就転職に役立つ！「ポートフォリオ用アレンジのネタ帖」

「デザイン＝楽しい」を実感できる！デザイナーのあたまの中を豊富なビジュアルでひも解く。

『レイアウト、基本の「き」』の内容をより役立つよう見直し、２０ページ以上増補して新たな本として生まれ変わりました。