MdNCORPORATION

ウェブデザイン見本帳

ウェブデザイン見本帳

オブスキュアインク
本体 2500円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2008-11-21
仕様 B5/160P
ISBN 978-4-8443-6016-2
ウェブページのレイアウトを学びたい人のために、レイアウト、文字、ビジュアル要素、配色などをはじめとしたデザインのルールを、豊富な実例を使って丁寧に解説したデザイン見本帳です。従来のウェブデザイン書で主流の技術解説ではなく、紙媒体で培ってきたレイアウトの考え方、視覚伝達デザインの観点からウェブのデザインを語る、ウェブのためのデザイン書。

本書はウェブページのレイアウトを学びたい人のために、レイアウト、文字、ビジュアル要素、配色などをはじめとしたデザインのルールを、豊富な実例を使って丁寧に解説したデザイン見本帳です。従来のウェブデザイン書で主流の技術解説ではなく、紙媒体で培ってきたレイアウトの考え方、視覚伝達デザインの観点からウェブのデザインを語る、ウェブのためのデザイン書。


※この本の一部をご覧いただけます。
P086-087.pdf【PDFダウンロード】
P046-047.pdf【PDFダウンロード】
P054-055.pdf【PDFダウンロード】
P118-119.pdf【PDFダウンロード】



■ページ見本







目次

はじめに
目次
本書の見方

Part 1 ウェブデザインの基礎知識
ウェブページに必要な要素
配色について
レイアウトの決定
フォーマット化
column 視認性カラーチャート

Part 2 タイトルページのデザイン
強い印象を与えるタイトルページ
ビジュアルを活かしたタイトルページ
白地を活かしたタイトルページ
象徴的なビジュアルで際立たせる
たくさんの要素でにぎやかなページ
楽しく明るい雰囲気の演出
ハイクオリティな世界観の演出
和のイメージの演出
余白を使って心地よいページに
余白で流れや動きをつける
商品を印象的に見せる
人物を印象的に見せる
文字をデザインの主役に
column ページデザインの基本1

Part 3 テーマと目的を持ったデザイン
自然に視線を誘導するレイアウト
対比の構図で印象付ける
「I字型」の軸を強調する構成
3カラムのスマートな構成
「逆L字型」の軸を強調する構成
水平方向の軸を強調する構成
地色使いでページを分割
さまざまなページの分割
メイン写真と文字の構成
バナーやボックスでリズムを作る
ケイ線による画面分割
ケイ線を活用したデザイン
横ケイを使って情報を整理する
太いケイ線でアクセントをつける
横長のバナーですっきりと整理する
軸を揃えてすっきり見せる
大量の要素をすっきりとまとめる
column ページデザインの基本2

Part 4 写真を活用したデザイン
雰囲気を壊さない色文字
上品にまとまる白ヌキ文字
角版で写真を引き立たせる
切り抜き写真で動きを演出
切り抜き写真を整然と並べる
角版の写真をすっきりまとめる
グリッドを使ったグラフィカルな演出
大量の写真をバランスよく配置する
正方形のパターンで整理する
画像の配置でユニークな効果を生む
column ハードなイメージの配色

Part 5 目を引く配色のデザイン
無彩色と暖色の2色配色
リッチさや力強さを感じさせる黒地
赤をポイントにした力強い配色
楽しく見せる多色配色
やさしさや洗練を感じる淡い色使い
寒色でまとめたデザイン
暖色でまとめたデザイン
背景色の効果的な使い方
ナチュラルでエコなイメージの配色
料理をおいしく見せる色使い
クオリティ感のある色数を絞った配色
文字に色を使ったデザイン
column ソフトなイメージの配色

Part 6 さまざまなデザインの工夫
リアルな背景で見せる
背景の仕掛けを工夫する
イメージをかたちにするイラストの活用
手書き文字でゆとりや親しみやすさを
書体や文字の大小で印象付ける
ケイ線と組み合わせてメリハリを
たくさんの文字量を見やすくする工夫
情報をわかりやすく図解する
日本地図を素材にする
情報をチャートで読ませる
フロアガイドのさまざまなデザイン
印象に残るブログデザイン
機能的で見栄えのする地図のデザイン

Credit Index
Sample Index

Web業界で働く人に読んでほしい!マーケティングの基本を学ぶオススメ8選

デザイナー志望の学生必見!勉強にぴったりな定番デザイン書セレクション