ライトノベル、マンガなど電子書籍を読むならBOOK☆WALKER

【Webサイトをデザインするために必須の“知識”と“考え方”を身につける】

「Webデザイン」という言葉が指す仕事の領域は、かつてないほど広がっています。従来はパソコンで見るWebサイトのビジュアルを、画像ベースで制作すれば事足りました。しかし近年は、スマートフォンの小さい画面で、「外出先」や「通勤電車の中」といった様々な使用場面が存在することを想定しながらデザインを考える必要があります。そこでは、画像では表現しきれない細かなUIとインタラクションの設計も重要になりますし、ユーザー心理を把握するUXデザインの視点も理解しておかなくてはなりません。

本書ではこのような状況を踏まえ、初学者に捉えづらい“いまのWebデザインの全体像”を一冊の書籍としてまとめました。レイアウトや配色といったデザインの基本から、UXデザインへの取り組み方、Webサイトを構成するUIやグラフィックの役割とポイント、モーションデザインの実際まで、現場の第一線で活躍する著者の知見とノウハウを解説しています。トーン＆マナーやサイトの目的に合わせたデザインのバリエーションも実例をベースに紹介しているので、実制作時のヒントにもなるはずです。これからWebデザインを学ぶ方、自分の領域を広げてステップアップしたい方にお勧めの一冊です。

〈こんな方におすすめ〉
・Webデザインに求められる知識をひととおり身につけたい
・配色やレイアウトといったデザインの基本を知りたい
・UXデザインやUIデザインの考え方を理解してステップアップしたい
・モーションなどの動的なデザインも手がけたい

〈本書のおもな内容〉
Introduction　Webサイトができるまで
Chapter1　レイアウト
Chapter2　配色
Chapter3　UXデザイン
Chapter4　UI・グラフィックデザイン
Chapter5　モーションデザイン

【どんな制作現場でも絶対に活きる基本のノウハウが身につく】

幅広いジャンルのWebサイトや多くの制作現場で必ずと言ってよいほど使われる基礎的・汎用的なテクニックを集め、初級者の方にもわかりやすく解説した書籍です。レイアウト、インターフェース、タイポグラフィーなど5章構成で、完成作例（サンプルとなるWebページ）をもとにしたステップバイステップ形式で説明しています。解説本文ではコーディング上のつまずきやすいポイントや、間違いやすい点への補足を随所に織り込みながらていねいに解説しました（※解説で使用している作例はダウンロードして学習用にご利用いただけます）。

また本書では初級者の方が、これらのテクニックが必要とされる背景を理解できるよう、Webサイト・デザインのトレンドの変遷や、HTML・CSS、タイポグラフィー、グラフィック（画像）などに関する基本解説を設けました。現在注目されているキーワードやトレンドの背景についての知識を深めながら、多岐に渡って活用できるテクニックが身につきます。

〈本書の内容〉
・Introduction　Webデザインの基礎知識とトレンド
・Chapter 1　ページレイアウト
・Chapter 2　インターフェース
・Chapter 3　タイポグラフィー
・Chapter 4　ビジュアルデザイン
・Chapter 5　コンテンツデザイン

【移り変わりの激しい現在だからこそ、ゆるぎない基本を身に付ける。】
HTML＋CSSを利用してコーディングとデザインを進めていくうえで「これだけは知っておかなくてはならない」という基礎となる知識と技術をまとめた解説書。ウェブデザインとHTML＋CSSの基本を皮切りに、レイアウト、ビジュアルデザイン、ナビゲーションやフォームといった実践的なコーディングのポイントも解説していますので、ウェブ制作の現場で役立つ情報が凝縮されています。知識があいまいな初心者の方はもちろん、「いまのコーディング」を再学習する必要性を感じているウェブデザイナーの方にも役立つ一冊です。

【CSSのルールと手法を根本から身につける！】

CSSによるデザインは、とくに近年のスマートフォンの普及やブラウザの進化により、実力を発揮できる場面が増えてきています。従来は画像に頼っていた角丸やシャドウなどの凝った演出も、CSS3を利用すればコードだけで表現できます。ビットマップ画像と異なり解像度に依存しないため、スマートフォンやタブレットの高解像度ディスプレイにも対応できます。PC側でも非対応ブラウザのサポート切れによる淘汰が進んだことから、かなりCSS3が使いやすい状況が生まれているといえるでしょう。

本書ではこのような現状を踏まえ、Web制作者が必ず知っておかなくてはならないCSSの情報を改めてまとめました。CSSの基本文法から、各プロパティの詳細、迷いやすいCSSによる配置の仕組みまで、初学者の方に必要な基礎的な情報を網羅しています。また、CSSを使いこなすためには、文法の理解だけでなく、実際のWebページでどのようにコードを書くのかのノウハウの蓄積も大切です。本書の後半では「実践編」として、多彩なページレイアウト、各デザインパーツの作り込み、そのほかのCSSに関連した手法や技術などを盛り込んでいます。ベースとなる基礎知識と実際のコードをあわせて学ぶことで、現場で役立つCSSの総合的な実力を養える一冊です。

【Webの「いま」を一望できる最新実例サンプル集！】

本書は、優れたWebサイトの最新実例を約300点集め、それぞれの特長や考え方をていねいに解説したWebデザインの見本帳です。Web制作の現場で活躍している実力派の著者陣が、「テキスト・タイポグラフィ」、「レイアウト」、「色と余白」、「グラフィック・写真」、「最新のWebページデザイン」の5つのテーマをもとにWebサイトを厳選。レイアウトの考え方、配色などの視覚伝達デザイン的な観点とマルチデバイス対応などの技術的な観点を織り交ぜながら、掘り下げて解説しています。

技術に依存しているWebメディアは、時代の趨勢でデザイン手法も制作ツールも、簡単に置き換わってしまう変化の速い世界。そうした中で、時代を超えても変わらないものと、流行り廃りのあるものを見極めていくことが重要です。本書では最新Webサイトの好例を注視すべきポイントとともに解説していますので、Web制作にかかわる方が最良のデザインやレイアウト、視覚表現のアイデアを考える過程で、本書の内容を通じてイマジネーションを働かせることができるはずです。魅力的なWebサイトをつくるために役立つ実践的な見本帳として活用いただけます。