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 運用とマーケティング

いま制作現場でＷｅｂデザイナーに求められる広範な知識とスキルを網羅した、これからプロになる人のために最適な入門書の決定版。

本書は、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インターン、就転職に役立つ！「ポートフォリオ用アレンジのネタ帖」

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

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