ウェブデザイン見本帳
はじめに
目次
本書の見方
Part 1 ウェブデザインの基礎知識
ウェブページに必要な要素
配色について
レイアウトの決定
フォーマット化
column 視認性カラーチャート
Part 2 タイトルページのデザイン
強い印象を与えるタイトルページ
ビジュアルを活かしたタイトルページ
白地を活かしたタイトルページ
象徴的なビジュアルで際立たせる
たくさんの要素でにぎやかなページ
楽しく明るい雰囲気の演出
ハイクオリティな世界観の演出
和のイメージの演出
余白を使って心地よいページに
余白で流れや動きをつける
商品を印象的に見せる
人物を印象的に見せる
文字をデザインの主役に
column ページデザインの基本1
Part 3 テーマと目的を持ったデザイン
自然に視線を誘導するレイアウト
対比の構図で印象付ける
「I字型」の軸を強調する構成
３カラムのスマートな構成
「逆L字型」の軸を強調する構成
水平方向の軸を強調する構成
地色使いでページを分割
さまざまなページの分割
メイン写真と文字の構成
バナーやボックスでリズムを作る
ケイ線による画面分割
ケイ線を活用したデザイン
横ケイを使って情報を整理する
太いケイ線でアクセントをつける
横長のバナーですっきりと整理する
軸を揃えてすっきり見せる
大量の要素をすっきりとまとめる
column ページデザインの基本2
Part 4 写真を活用したデザイン
雰囲気を壊さない色文字
上品にまとまる白ヌキ文字
角版で写真を引き立たせる
切り抜き写真で動きを演出
切り抜き写真を整然と並べる
角版の写真をすっきりまとめる
グリッドを使ったグラフィカルな演出
大量の写真をバランスよく配置する
正方形のパターンで整理する
画像の配置でユニークな効果を生む
column ハードなイメージの配色
Part 5 目を引く配色のデザイン
無彩色と暖色の２色配色
リッチさや力強さを感じさせる黒地
赤をポイントにした力強い配色
楽しく見せる多色配色
やさしさや洗練を感じる淡い色使い
寒色でまとめたデザイン
暖色でまとめたデザイン
背景色の効果的な使い方
ナチュラルでエコなイメージの配色
料理をおいしく見せる色使い
クオリティ感のある色数を絞った配色
文字に色を使ったデザイン
column ソフトなイメージの配色
Part 6 さまざまなデザインの工夫
リアルな背景で見せる
背景の仕掛けを工夫する
イメージをかたちにするイラストの活用
手書き文字でゆとりや親しみやすさを
書体や文字の大小で印象付ける
ケイ線と組み合わせてメリハリを
たくさんの文字量を見やすくする工夫
情報をわかりやすく図解する
日本地図を素材にする
情報をチャートで読ませる
フロアガイドのさまざまなデザイン
印象に残るブログデザイン
機能的で見栄えのする地図のデザイン
Credit Index
Sample Index
