WEBデザインのネタ帖
第1章 プロのノウハウ徹底解剖
EXAMPLE 01 強烈な個性が光るアート作品を展示するWebサイトのひとつの方向性
EXAMPLE 02 架空の建物をモチーフにクールさと遊び心を兼ね備えたデザインテクニック
COLUMN 01 そのデザインが美しい理由とは。“造形の基本”を知っていますか？
EXAMPLE 03 ブランドイメージを表現するためにあえてユーザビリティを抑えたWebサイトデザイン
EXAMPLE 04 シンプルなオブジェクトを組み合わせてつくるポップで明るい雰囲気のWebデザイン
COLUMN 02 伝わるデザインの基本とは。サイトの基本構造を徹底チェック
EXAMPLE 05 個人の作品をよりよく見せるシンプルでセンスを感じさせるWEBデザイン
EXAMPLE 06 重厚でありながら洗練されたイメージをもつコーポレートサイトのデザイン手法
COLUMN 03 プロのデザインには、見えない法則が存在することを知っていますか？
EXAMPLE 07 アナログ素材を利用してつくる個性とインパクトのあるWebデザイン術
EXAMPLE 08 インターフェイスの統一化を図りながらも個性的なナビゲーションを展開
ワンポイントコラム1 Web用ビジュアル加工の奥技を極める
第2章 WEBレイアウトのネタ帖 第1部
NOTE 01 信頼感と親しみやすさを与えるWebレイアウトとは？
NOTE 02 アジアﾝテイストの雰囲気豊かなWebレイアウトをするには？
NOTE 03 エレガントで高級感のあるWebページをつくるには？ ～高級リゾートホテルのWebサイトをつくる～
NOTE 04 活気と堅実な雰囲気を伝えるWebページをつくるには？ ～大学のWebページをつくる～
NOTE 05 見やすく個性ある、エンターテイメント系サイトのWebレイアウトとは？ ～映画情報系サイトのレイアウト～
ワンポイントコラム2 Web用ビジュアル加工の奥技を極める
第3章 WEBデザイン仕上げの辞典
1 全体的な視野からの画像・文字色の微調整
2 一般のコンテンツとリンク・ボタンを差別化する
3 テーブルセルの背景色を組み合わせる仕上げの技
4 OSのカラーリングの差を解消したいときの仕上げ技
5 一歩進んだカラーリングとレイアウトの仕上げ技
6 代表的な書体による文字の仕上げ
7 ナビゲーション用の画像を加工するときの仕上げ
8 仕切りのラインにグラデーションを入れよう
9 画像圧縮率を微調整してグラフィックの仕上げを美しく
10 にじみのないくっきりとしたテキスト画像を仕上げる
11 意味付けをした色彩構成で決定した色を数値で管理
12 Web用に縮小した画像をアンシャープマスクで処理する
13 ページが長くなったらアンカーポイントを使う
14 外部CSSのリンク先をチェックする仕上げの技
15 同一ファイルを指定して余分なファイルを減らす
16 字数制限でコンパクトかつキレイなページに仕上げる
17 Fireworksを用いてスライス仕上げを行う技
18 一枚の写真素材から複数のグラフィックを生み出す
19 モニタの比率に沿ったグリッドを基本にレイアウト
20 プルダウンメニューの簡単な書き方
21 テーブルセルの色指定はCSSで
22 スライスを活用しレイアウト変動部分を仕上げる技
23 イメージマップの最適な分割方法を考える
24 背景画像を工夫しサイトの雰囲気を高める
25 共通パーツを活用してサイトの完成度を高める
26 黒･白基本のテキストに色を少しのせて上品に
27 CSSで縦の仕切り罫線をつくる
28 ページ印刷を考慮したレイアウトを仕上げる
29 写真に文字をうまく配置するコツ
30 行間や文字サイズの調整をスタイルシートで対応する
31 周囲に1ピクセルの罫線を描いて画像の仕上げを引き締める
32 テーブルの四隅に丸い背景画像をデザインする
33 リンクしたテキストにCSSで背景色をつける
34 1ピクセルラインのテーブルボーダー作成方法
35 ボタンシンボル作成時のヒットフレームを活用する
36 Flashにおけるパブリッシュ設定の操作について
第4章 WEBレイアウトのネタ帖 第2部
NOTE 06 ポップでファンキーなイベント告知サイトのレイアウト
NOTE 07 思わず応募したくなる、モニター募集キャンペーンのレイアウト
NOTE 08 シンプルで洗練されたオンラインショップのレイアウト
NOTE 09 読みやすく人目を引くWebマガジン風サイトをつくるには？
NOTE 10 子ども向けグリーティングカードサービスサイトのレイアウト
NOTE 11 中高年をターゲットにした国内旅行サイトのWebレイアウト
NOTE 12 “ホラー風”がコンセプトの洋風居酒屋のWebレイアウト
ワンポイントコラム3 Web用ビジュアル加工の奥技を極める
第5章 明解・WEBレイアウトパターンガイド
WEBレイアウトの基本パターンを理解する
パーツで理解するWEBレイアウトのパターン
COLUMN1 WEBセーフカラーチャート
目的別・レイアウトの組み合わせパターン50選
COLUMN2 ジャンル別・目的別レイアウト配色パターン
