リンダ・ワインマンWebワークショップ<br> リンダ・ワインマンWebワークショップ Webデザイン解析編

リンダ・ワインマンWebワークショップ
リンダ・ワインマンWebワークショップ Webデザイン解析編

  • ただいまウェブストアではご注文を受け付けておりません。
  • サイズ A4判/ページ数 207p/高さ 26cm
  • 商品コード 9784844354994
  • NDC分類 547.48
  • Cコード C3055

出版社内容情報

Webグラフィックスの関連トピックを完全網羅

「リンダ・ワインマンWebワークショップ」シリーズ3冊目。アメリカの
デジタルグラフィック教育の第一人者であるリンダ・ワインマンの最新
ノウハウが満載です。トップデザイナーのWebサイトをもとに、プラン
ニングからデザイン完成までの制作過程に分析を加え、隠されたテクニ
ックを紹介します。最新技術を使った新しいホームページのつくり方が
習得できる、Webデザイナー必携の一冊。


目次

第1章 Qaswa:デザインと機能  9

Qaswaの歴史 10
CD-ROMマルチメディアとWeb 11
Qaswaのインターフェイスデザイン 12
Qaswaの6つの基本カテゴリー 13
Qaswaインターフェイスの構築 15
ステップバイステップ: IllustratorのパスをPhotoshopに変換 16
二重の境界線を持つ背景タイル 18
解析:二重境界線タイルのコード 19
ステップバイステップ:Photoshopによる二重境界線効果作成テクニック 19
ステップバイステップ:高速グラフィックのためのPhotoGIFの利用 21
Qaswa 2:Shockwaveハブ 22
Shockwaveハブを調べる 25
HTMLコンテナの解析 27
Ammonは何をやり直したいか? 29
サイトのまとめ 30

第2章 Cooper-Hewitt:Web上の美術館  31

独学のデザイナー 32
「ミキシング・メッセージ」展示会 34
「ミキシング・メッセージ」のデザイン 35
「ミキシング・メッセージ」サイトの対話性 36
カラーとスタイル 38
イメージの最適化 40
テーブルのタグ、属性、値 44
お気に入りのツールと技法 46
「ライフデザイン」展示会 48
サイトのストーリーボード 49
フレーム 50
カラーによるカテゴリーの区別 51
形状と構成の重要性 52
背景タイルを利用したストライプ 53
巨大な背景タイル 54
デジタル写真 55
次の目標 59
サイトのまとめ 60

第3章 Bosch Power Tools:ツールを巧みに用いた品のよさ  61

Bosch Toolsの目標 62
Boschサイト制作チーム 64
デザインの制約と配慮 65
AOL準拠 66
情報アーキテクチャ:プランニング 68
デザインの一貫性 69
ロールオーバーの活用 70
Boschのメインディレクトリを解析する 71
Boschロゴのアニメーション 82
Adobe AcrobatのPDF形式でファイルを配布する 87
Boschサービスのイメージマップ 88
ステップバイステップ:Windows用イメージマップユーティリティMap This! 90
ステップバイステップ:Macintosh用イメージマップユーティリティWebMap 91
次の目標 91
サイトのまとめ 92

第4章 National Geographic:印刷とWebの相乗効果  93

「ニューヨーク地下探検」Webサイトの使命 94
National Geographic社の戦略 95
制作チーム 96
制作の過程 97
Webサイト用の図解 98
ハブとスポークの情報アーキテクチャ 100
イメージマップとナビゲーション 101
コードの解析:メインメニューのコアの図解 102
フラグメントとは何か? 108
RealAudioを使う 110
今後の目標 111
サイトのまとめ 112

第5章 Akimbo Design:テクノロジーを活用したデザイン  113

Akimbo社の制作チーム 114
Akimbo社のデザイン哲学 114
インスピレーションとブレインストーミング 117
Akimbo社のスプラッシュページ 118
Flashのロールオーバー 121
Flashのインターフェイスの概要 122
ステップバイステップ:Flashのボタンとシンボル 124
フレームのタグ・属性・値 126
スプラッシュページのフレームの解析 128
DHTMLの概要 135
「スーパーフライ・ファッション」サイト 136
Dreamweaver 141
次の目標 143
サイトのまとめ 144

第6章 @tlas:Webマガジン  145

@tlasについて 146
制作過程 146
@tlasのデザイナー 147
@tlasのロゴデザイン 148
革新的なインターフェイス 154
デザインのコントロール 158
カスケーディングスタイルシート 161
CSSのプログラミング 162
MichaelのCSSソリューション 165
コードの解析 166
JavaScriptを使用したブラウザの特定 170
ブラウザの特定に関するJavaScriptとCGIの比較 171
DHTMLとDreamweaver 172
Michaelのプログラミングに関する見解 173
JavaScriptとDHTMLを学ぶには 174
次の目標 175
サイトのまとめ 176

付録:画像のファイル形式・カラー・最適化  177

Webカラー 177
8ビット環境におけるディザリングの問題 178
ブラウザ共有色とは何か? 179
モニタとシステムのキャリブレーション 179
16進ベースのカラー 180
小さくて軽いWebグラフィックの作成 182
画像のファイルサイズと解像度 182
効率の悪い圧縮とよい圧縮 182
Webでの一般的なファイル形式 182
GIF 182
CLUTとインデックス画像 183
GIFアニメーション 184
PhotoshopにおけるGIFの保存 185
GIFファイルのサイズと品質に関するチップス 186
JPEG 187
インターレースGIFとプログレッシブJPEG 187
PhotoshopにおけるJPEGの保存 188

取り上げたサイトの連絡先  189

用語集:専門用語の解説  191

索引  199

内容説明

Webデザイン教育の第一人者、リンダ・ワインマンによる制作講座第3講。最良のサイト作成に意欲を持つWebクリエイターに贈る最新技法書。米国トップデザイナーの手で作られた完成度の高い6つの作例に徹底的な解析を加え、プランニングから完成までのマル秘テクニックを見事に解きあかします。

目次

第1章 Qaswa:デザインと機能
第2章 Cooper‐Hewitt:Web上の美術館
第3章 Bosch Power Tools:ツールを巧みに用いた品のよさ
第4章 National Geographic:印刷とWebの相乗効果
第5章 Akimbo Design:テクノロジーを活用したデザイン
第6章 @tlas:Webマガジン