on:2017年7月7日sponsors「Webデザインは見て、学ぶ」と言われますが、単に見るだけでは意味がありません。400以上の魅力的なWebサイトのレイアウト、構図、カラースキーム、写真や文字の使い方、プログラム、ページを構成している要素を分解し、デザインのさまざまな角度から詳しく解説されたWebデザイン良質見本帳を紹介します。Webデザインの視点を広げるために、デザインのアイデアを見つけるために、そのデザインの仕組みや作り方が分かる解説書としてオススメです。本書はWebディレクター・デザイナーだけでなく、Web制作に携わるすべての人に役立つ一冊です。目的を絞って調べるのはもちろん、パラパラ眺めるだけでも、非常に有意義な時間を過ごせます。出版社:SBクリエイティブ発売日:2017/6/16Kindle版は、お値段が少しお得です。Webデザイン良質見本帳(Kindle版)そんな紙面をキャプチャで少しだけ紹介します。本書はWeb制作者、特にWebデザイナーが求めるアイデアが形になった本です。デザインの出発点として、さらに造詣を深めるために、頭の中にあるものを形にするために役立つ一冊です。さまざまな知識を得ることで、デザインの引き出しを増やすことができます。アイデアはデザインの印象、カラーや配色、業種やジャンル、レイアウトや構図、素材やフォント、最近のトレンドごとにまとめられており、自分が求めるものがすぐに見つかります。見るだけでも、良い刺激がたくさん得られます。パーツごとにも今時のデザインがまとめられているので、助かりますね。それでは、本書の中身を見てみましょう。本書はフルカラーで、大きい紙面たっぷりに詳しい解説と画像やイラストが詰まっています。0章では、紹介されているアイデアを補完する解説的な役割です。補完的な役割と言いましたが、かなり大切なことがコンパクトにまとまっており、デザインの知識を学ぶためにも目を通しておいた方がよいでしょう。カラーと配色では、実践に繋がる知識が具体的に解説されています。1-7章はアイデア集、1章ではキュートや高級感といったデザインの印象をつくりだすレイアウト・カラー・フォント・パーツなど分析し、そういったイメージをつくりだす要素は何か、どうすればつくれるのか解説されています。クールで先進的なデザインの作り方。和を感じるデザインの作り方。透明感のあるデザインの作り方。女性らしいデザインの作り方。男性らしいデザインの作り方。食べ物が美味しそうに見えるデザインの作り方。2章は色の持つ印象、色の組み合わせ方、調和の取り方といったカラーと配色の観点からアイデアがまとめられています。カラーを考える際に、ブランドカラーははずせません。ベースとなるカラーを決め、メインカラー、アクセントカラーを決めることからプロジェクトはスタートします。色のアイデアでは青をはじめ、黄・橙・赤・ピンク・紫・緑・茶・白やグレー・黒など、各色ごとに詳しく解説されています。特定の色にこだわるのではなく、トーンを使った配色のテクニックなどもあります。3章は業種やジャンル別に、情報の設計方法、サイトの機能、カラーやレイアウトの傾向を多角的に分析されています。プロジェクトが始まる時点でジャンルは決まっていはずなので、実際につくる際には非常に役立つ実践的な内容になっています。ランディングページのようにページの役割的な面からも詳しく分析されています。4章はWebページをつくる際にはずせないレイアウトや構図のアイデアです。主流となっているグリッドレイアウトをはじめ、カード型、1カラム、2カラム、カラムの組み合わせなどが解説されています。グリッドから外したレイアウト、フルスクリーンをつかったレイアウト、グリッドにとらわれずに自由に配置されたレイアウトなども最近増えてきました。5章では写真、イラスト、フォントといった素材をつかったサイトの見せ方です。中でも写真は非常に効果的な要素で、視覚的に情報を伝えることができます。ほかにもイラストをはじめ、テクスチャ、飾りパーツ、動画、インフォグラフィック、タイポグラフィなどのアイデアが満載です。6章はトレンドの使い方です。洗練された今時のかっこいい感じにするには、トレンドははずせません。トレンドのレイアウトや最近のWeb技術をつかったテクニックの使い方が分析されています。マイクロインタラクション、Webフォント、縦書きレイアウト、デュオトーンなど、さまざまなアイデアが解説されています。最後の7章はWebページで使用されているパーツ別のアイデア集です。ヘッダやフッタをはじめ、見出し、ボタンやページトップリンク、フォームなどの要素の配置の仕方、レイアウトのアイデアが解説されています。本書はオールカラーで、内容がぎっしり詰まっているので、書籍版がおすすめです。電子版、特に小さいスクリーンはかなりつらいと思います。最後に、献本いただいたSBクリエイティブの担当者さまに御礼申し上げます。当サイトでは随時、献本を受け付けています。お問い合わせは下記よりお願いいたします。