ライトノベル、マンガなど電子書籍を読むなら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デザインの「最新」と「これから」がわかる】

私たちは日夜膨大な情報をWebサイトを介して得ています。コンテンツの多様化に伴い、すばやく情報を得られる実用的でユーザービリティの高いインターフェースが求められるときもあれば、ひと目でブランドのファンにさせるような魅力的で感情に訴えかける表現が求められるときもあるでしょう。Webデザインは技術の進歩だけでなくライフスタイルやカルチャーの変化とも相互に影響を及ぼしながら進化を続けているのです。環境の進歩・変化に最適化されたユーザー体験を生み出すためには最新のデザイントレンドや技術をキャッチアップすることは欠かせません。

本書は、「UI」「レイアウト」「グラフィック」「タイポグラフィ」「配色」の5つをテーマに、さまざまな手法で作られた実例とその意義・効果を知ることで、Webデザインの最前線とこれからのデザイントレンドを一望できる内容になっています。また、各分野の第一線で活躍するクリエイターや識者が、「いまのWebデザイン」に対する独自の意見や見解を交えた「オピニオンコラム」も掲載。

Webデザイナーだけでなく、Webの制作・発注に関わるすべての人々、そしてグラフィックなどの他のデザインに携わる方にも必ず読んでいただきたい一冊です。

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

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

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