网页设计创意与精品赏析PDF|Epub|txt|kindle电子书版本网盘下载

网页设计创意与精品赏析PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 开发过程概述1

目录1

1.1 时间、金钱和才能2

1.1.1 时间2

1.1.2 金钱和才能2

1.1.3 实例讲评3

1.2.1 明确问题4

1.2.2 选择适当的发布方法4

1.2 通信的挑战4

1.2.3 实例讲评5

1.3 明确观众7

1.3.1 你所需要的人口统计学7

1.3.2 上哪儿获取信息7

1.3.3 实例讲评8

1.4 制定解决方案9

1.4.1 设计交互环境9

1.4.3 实例讲评10

1.4.2 制作和维护10

1.5 内容的确定12

1.5.1 信息的组织12

1.5.2 其他形式的内容12

1.5.3 技术不等于内容12

1.5.4 实例讲评13

1.6 选用合适的技术14

1.6.1 技术的作用14

1.6.2 对不同的观众选用不同的技术14

1.6.3 实例讲评15

1.7 建立统一的比喻、个性和风格17

1.7.1 选择比喻17

1.7.2 个性17

1.7.3 风格20

1.7.4 实例讲评20

1.8.3 让访问者在单击前知道要去向何处22

1.8.2 最佳路径22

1.8.1 “深”、“浅”的选择22

1.8 规划好结构和导航22

1.8.4 实例讲评23

1.9 用故事板来模拟交互动态过程24

1.9.1 编排故事板25

1.9.2 不断优化25

1.9.3 实例讲评25

1.10 创建原型26

1.10.1 把原型变成现实26

1.10.2 安全操作27

1.10.3 实例讲评27

1.11 收集素材和制定标准28

1.11.1 整理素材28

1.11.2 制定和实现标准28

1.11.3 实例讲评29

1.12.3 存档30

1.12.2 综合30

1.12 处理、综合和存档30

1.12.1 处理30

1.12.4 实例讲评31

1.13 装配、编码和编程31

1.13.1 牢记目标32

1.13.2 灵活使用技术32

1.13.3 实例讲评32

1.14.2 第二回合34

1.14.3 第三回合34

1.14.1 第一回合34

1.14 测试、优化和再测试34

1.14.4 实例讲评35

1.15 如何让别人知道你的站点36

1.15.1 注册36

1.15.2 交换链接37

1.15.3 寻找网站评选站点37

1.15.4 使用在线或离线的广告37

1.15.5 开始忙碌37

1.16 佳作欣赏38

1.15.6 实例讲评38

第2章 界面清单42

2.1 界面风格和比喻42

2.1.1 媒体和信息42

2.1.2 2维、21/2维或3维界面的设计42

2.1.3 实例讲评43

2.2.3 实例讲评47

2.2.2 技术与艺术47

2.2.1 背景基础47

2.2 背景和纹理47

2.3 按钮和控件49

2.3.1 是否使用斜面按钮49

2.3.2 按钮机制49

2.3.3 实例讲评50

2.4 内容和目录51

2.4.1 无法超越书本51

2.4.3 实例讲评52

2.4.2 主题和副题52

2.5 启动、设置和帮助53

2.5.1 第一印象53

2.5.2 随手可得的帮助54

2.5.3 实例讲评54

2.6 窗口、面板和框架55

2.6.1 框架56

2.6.2 分组56

2.6.3 实例讲评56

2.7 版面58

2.7.1 文本：精益求精58

2.7.2 不同的笔划：显示字型58

2.7.3 实例讲评59

2.8 图片61

2.8.1 你说“西红柿”61

2.8.2 图片的来源61

2.9.3 选择合适的技术63

2.9.2 着手工作之前63

2.9 动画63

2.9.1 为什么要使用动画63

2.9.4 实例讲评64

2.10 视频65

2.10.1 摄制成小屏幕65

2.10.2 画蛇添足65

2.10.3 实例讲评66

2.11 音乐、语音和音效67

2.11.1 声音的作用67

2.11.2 使声音好听67

2.11.3 实例讲评68

2.12 虚拟现实69

2.12.1 电脑空间，最后的处女地70

2.12.2 速度、灵活性和现实主义70

2.12.3 实例讲评70

2.13.1 我做了什么？72

2.13.2 我在何处？我曾去过何处？72

2.13 反馈和响应72

2.13.3 实例讲评73

2.14 输入74

2.14.1 双向的交互过程74

2.14.2 除了利用按钮之外75

2.14.3 实例讲评75

2.15 分层信息和嵌套导航76

2.15.1 只在必要时出现76

2.15.3 实例讲评77

2.15.2 有指导的行程77

2.16 佳作欣赏79

2.16.1 giantrobot.com站点79

2.16.2 vfs.com站点80

第3章 五个有关设计的提示82

3.1 交互的透明性82

3.1.1 你的要点是什么82

3.1.2 三个成功的机会83

3.1.3 使用通用的语法83

3.1.4 先思而后行83

3.1.5 实例讲评84

3.2 保持视觉上、概念上及版面上的一致性86

3.2.1 保持一致性的作用87

3.2.2 导航和信息获取87

3.2.3 统一风格87

3.2.4 实例讲评88

3.3 利用对比90

3.3.1 公路勇士90

3.3.4 实例讲评91

3.3.3 对比媒体类型91

3.3.2 对比视觉类型91

3.4 保持条理清楚95

3.4.1 信息已经足够95

3.4.2 扩充光标的能力95

3.4.3 瑞士军刀方案95

3.4.4 显示访问轨迹95

3.4.5 使信息分层95

3.4.8 实例讲评96

3.4.6 过滤和聚焦96

3.4.7 当负变成正时96

3.5 采用故事编排的电影原则100

3.5.1 围着营火听故事100

3.5.2 音乐之声100

3.5.3 复活节彩蛋100

3.5.4 双向交互过程101

3.5.5 实例讲评101

3.6 佳作欣赏104

3.6.1 sbg.com网站104

3.6.2 cooktek.com网站105

第4章 市场学107

4.1 整体设计107

4.1.1 支持创造性的交互过程108

4.1.2 提供结构及组织108

4.1.3 排版108

4.1.6 设计赏析109

4.1.5 包括所有基础技术109

4.1.4 颜色109

4.2 扩展品牌价值112

4.2.1 建立网上知名度112

4.2.2 界面与包装相联系112

4.2.3 采用个人方法112

4.2.4 直观的线性导航113

4.2.5 图片处理113

4.2.7 设计赏析114

4.2.6 交叉商标链接114

4.3 在信息高速公路上旅行116

4.3.1 公司业务116

4.3.2 实现可视化的联系116

4.3.3 排版117

4.3.4 创作图片117

4.3.5 设计赏析118

4.4 向全世界做广告120

4.4.2 开拓眼界121

4.4.1 作用：与世界各地的分公司联系121

4.4.3 创造差异性122

4.4.4 提供两个版本122

4.5 在世界各地都存在125

4.5.1 瞄准目标125

4.5.2 展示他们的能力125

4.5.3 屏幕布局125

4.5.4 招聘信息126

4.5.5 跟踪对站点的访问126

4.5.6 改编字体126

4.5.7 设计赏析127

4.6 高于网络低于普通标准129

4.6.1 高尔夫球员的站点130

4.6.2 设计界面130

4.6.3 宣传站点131

4.7 交互式陈列室134

4.7.1 直观的导航134

4.7.3 改变调色板135

4.7.2 估计磁盘空间135

4.7.4 交互式驾驶测试136

4.7.5 设计赏析136

4.8 San Diego Gas and Electric的插件程序139

4.8.1 听取观众的意见139

4.8.2 响应顾客的请求139

4.8.3 确定界面140

4.8.4 促进站点访问140

4.8.5 高效率的设计140

4.8.6 保持联系141

4.9 www.lights.camera.action143

4.9.1 任务144

4.9.2 界面比喻144

4.9.3 排版集锦145

4.9.4 即时设计145

4.10.1 发布网站148

4.10.2 在站点上巡游148

4.10 ＠Toyota网站148

4.10.3 实现统一性149

4.10.4 图片149

4.10.5 图片泡149

4.11 佳作欣赏152

4.11.1 designory.com网站152

4.11.2 hallmark.com网站153

第5章 娱乐155

5.1 一套生物服装、一些生物芯片和玩家的助手亚瑟155

5.1.3 确定哪个元素最重要156

5.1.1 主要角色介绍156

5.1.2 生物衣服的内部设计156

5.1.4 导航控制157

5.1.5 生物芯片158

5.1.6 亚瑟会帮助你158

5.1.7 最后的润色158

5.2 用经验指导设计159

5.2.5 灵活的结构160

5.2.4 高效的设计160

5.2.2 设定目标160

5.2.3 简化导航160

5.2.1 补充电视频道160

5.2.6 团队合作161

5.3 交互性增加了电视节目的价值164

5.3.1 构想165

5.3.2 界面165

5.3.3 旋转的地球仪165

5.3.4 获得帮助166

5.3.5 对齐方式和清晰度166

5.3.6 与各种数据库集成166

5.3.7 设计赏析166

5.4 在电视上玩探险游戏170

5.4.1 从计算机屏幕到电视屏幕170

5.4.2 低屏幕分辨率的挑战170

5.4.3 使用人工智能170

5.4.5 NTSC安全颜色171

5.4.4 界面内的界面171

5.4.6 导航控制172

5.4.7 设计赏析172

5.5 随Dogstar乐队上路174

5.5.1 增强音乐CD174

5.5.2 制作界面175

5.5.3 创作线索175

5.5.5 设计赏析176

5.5.4 没日没夜的设计176

5.6 探索Peter Gabriel的隐秘世界179

5.6.1 设定目标180

5.6.2 组织内容180

5.6.3 组织屏幕181

5.6.4 增强游历效果181

5.6.5 设计赏析181

5.7 佳作欣赏185

5.7.1 The Dominion网站185

5.7.2 在线的高尔夫球频道187

6.1 一个CD-ROM、一个小册子和一个网站188

第6章 工具与应用程序188

6.1.1 作用：补充的媒体189

6.1.2 界面189

6.1.3 含蓄谦和189

6.1.4 设计赏析190

6.2 改造界面193

6.2.1 欣赏和感觉193

6.2.2 隐藏复杂性194

6.2.3 选项板的排放顺序194

6.2.4 功能强大并具有娱乐性194

6.2.5 处于控制之中195

6.2.6 帮助文本195

6.2.7 设计赏析195

6.3 下拉的抽屉197

6.3.3 选择工具198

6.3.4 分层信息198

6.3.1 通俗易懂198

6.3.2 界面工具和控制的组织方式：按抽屉分组198

6.3.5 统一各种图片199

6.3.6 特殊功能199

6.3.7 设计赏析199

6.4 利用CyberMom的帮助计划你的未来201

6.4.1 CD-ROM和相应的网站202

6.4.2 使比喻个性化202

6.4.3 界面风格202

6.4.4 日常技巧203

6.4.5 设计赏析203

6.5 一个500频道的节目预报207

6.5.1 迎接挑战207

6.5.6 颜色编码208

6.5.5 添加格栅结构208

6.5.7 采用合适的可视化比喻208

6.5.4 使信息更清楚208

6.5.3 设计一个熟悉的布局208

6.5.2 面对技术限制208

6.5.8 选择字体209

6.5.9 设计赏析209

6.6 无论是外观还是感觉都像一台Mac211

6.6.4 建立标识212

6.6.3 用颜色交互212

6.6.2 设置标准212

6.6.1 超出书本212

6.6.5 设计赏析213

6.7 佳作欣赏216

6.7.1 surfcheck.com网站216

6.7.2 Dockers.com网站218

第7章 教育和培训220

7.1 技巧和技术220

7.1.4 教学电影221

7.1.3 导航按钮221

7.1.2 界面的作用221

7.1.1 格式221

7.1.5 设计赏析222

7.2 没有墙壁的博物馆225

7.2.1 虚拟博物馆225

7.2.2 程序的结构225

7.2.3 设计开发226

7.2.4 最终感觉226

7.2.5 未来计划226

7.2.6 设计赏析227

7.3 改造一个350页的连环画230

7.3.1 对现存文本和美术的扩充230

7.3.2 会见教授230

7.3.3 应用产品设计概念230

7.3.4 给页面做记号231

7.3.5 调色板231

7.3.6 音频的作用231

7.3.7 设计赏析232

7.4 探索森林的奥秘234

7.4.2 创造一种气氛235

7.4.1 达成共识235

7.4.3 使界面元素变柔和236

7.4.4 规划站点236

7.4.5 控制窗口参数236

7.4.6 绘制图画236

7.4.7 增加真实感236

7.4.8 设计赏析237

7.5.1 搜寻和探索239

7.5 逼真的实验室239

7.5.2 精心设计的界面240

7.5.3 有效地使用媒体240

7.5.4 既能工作，又能娱乐240

7.5.5 设计赏析241

7.6 与真蛇一样大的眼镜蛇图片244

7.6.1 作用：与电视节目互补244

7.6.2 准备眼镜王蛇的图片244

7.6.4 坚持指导方针245

7.6.3 设置场景245

7.6.5 动作仿真246

7.6.6 设计赏析246

7.7 模拟一个小组讨论248

7.7.1 取消先前的想法248

7.7.2 如何运行249

7.7.3 录像249

7.7.4 图标250

7.7.5 投射到组员身上的聚光灯250

7.7.6 设计赏析250

7.8 家庭般的舒适感受253

7.8.1 开发构想253

7.8.2 使之直观253

7.8.3 组织内容254

7.8.4 导航254

7.8.5 设计赏析254

7.9.1 使之趣味横生并易于使用257

7.9.2 四处浏览也很容易257

7.9 用于学习的交互式游戏257

7.9.3 游戏中的物体258

7.9.4 提高放映质量258

7.9.5 制作拼图屏幕258

7.9.6 组装各类文件258

7.9.7 设计赏析259

7.10 动画游戏Monster Lab262

7.10.1 大胆构想262

7.10.3 屏幕布局263

7.10.2 游戏内容263

7.10.4 大量的动画264

7.10.5 设计赏析264

7.11 使Internet易于被教师和学生使用267

7.11.1 主要目标：帮助教师267

7.11.2 附加价值：帮助学生267

7.11.3 研制并设计内容268

7.11.4 设计赏析268

7.12.1 fontsite.com网站271

7.12 佳作欣赏271

7.12.2 Xpeditions Web网站273

第8章 出版275

8.1 搜索信息275

8.1.1 挖掘信息276

8.1.2 清晰的组织和便捷的导航276

8.1.3 颜色增加了界面的清晰度277

8.1.4 对用户反馈信息的控制277

8.1.5 设计赏析277

8.2.2 使指导思想与设计相协调281

8.2 绝妙的感觉281

8.2.1 网站介绍281

8.2.3 由Puget Sound沙滩启发出的设计思想282

8.2.4 对访问者的考虑282

8.2.5 设计赏析283

8.3 两个站点合二为一285

8.3.1 并列的内容285

8.3.3 天天维护更新286

8.3.4 创造气氛286

8.3.2 相似但却不同的页面设计286

8.3.5 从中间开始的页面构建方式287

8.3.6 一个结识朋友的地方287

8.3.7 设计赏析287

8.4 设计界面289

8.4.1 美国设计中心和它的期刊290

8.4.2 设计难点290

8.4.5 Interact徽标291

8.4.4 为内容导航291

8.4.3 整理内容291

8.4.6 设计赏析292

8.5 交互式的期刊294

8.5.1 最初想法294

8.5.2 有效地使用媒体294

8.5.3 用视觉比喻来支持某个概念295

8.5.4 如果需要帮助，可转动Quebe295

8.5.5 设计赏析296

8.6.3 界面299

8.6.2 内容299

8.6 一个爱滋病患者的纪念物299

8.6.1 讲述他们的故事299

8.6.4 排版300

8.6.5 准备照片300

8.6.6 颜色与灰度301

8.6.7 符合时间要求301

8.6.8 设计赏析301

8.7 一个极好的站点303

8.7.1 把握冲浪世界的脉博304

8.7.2 理解客户的目的304

8.7.3 新鲜的能作出响应的界面304

8.7.4 三个页框的格式305

8.7.5 一个想法的产生305

8.7.6 从照片到JPEG图片305

8.7.7 设计赏析305

8.8.2 信息的层次308

8.8 把艺术杂志转变成多媒体308

8.8.1 交互难点308

8.8.3 页面形状的控制元素309

8.8.4 四处浏览309

8.8.5 揭示秘密309

8.9 佳作欣赏313

8.9.1 altasmagzine.com网站313

8.9.2 allstarmag.com网站314

第9章 文件夹与媒体展示316

9.1 智能316

9.1.1 形象的比喻317

9.1.2 将比喻形象化317

9.1.3 调色板317

9.1.4 选择字体318

9.1.5 制作导航图标318

9.1.6 设计赏析318

9.2.2 好的设计与幽默相结合322

9.2.1 很棒的名字——神圣的鲭鱼322

9.2 不会脱离的方法322

9.2.3 界面上的东西都有用323

9.2.4 历史演变323

9.2.5 逐位计算文件大小323

9.2.6 设计赏析324

9.3 从HyperCard到SuperCard到Internet327

9.3.1 补充角色327

9.3.4 主页328

9.3.5 气泡的吸引力328

9.3.3 网页导航328

9.3.2 整体结构328

9.3.6 设计赏析329

9.4 很酷的工具331

9.4.1 建立标记331

9.4.2 设计结构332

9.4.3 尺寸和景深线索332

9.4.5 建立结构333

9.4.6 设计赏析333

9.4.4 颜色显示了你的位置333

9.5 夹子的能力336

9.5.1 戏剧性和战略性336

9.5.2 对过去的回忆336

9.5.3 数字化的背景337

9.5.4 后台制作过程337

9.6.3 塑造界面340

9.6.2 研制一个比喻340

9.6.1 探索新媒体的新方法340

9.6 设计深空间340

9.6.4 协作和效率341

9.6.5 设计赏析342

9.7 奇思妙想346

9.7.1 好的想法通常是不期而至的346

9.7.2 启动页的动画346

9.7.3 设计目标346

9.7.4 颜色、图案和排印347

9.7.5 保持简单347

9.7.6 设计赏析348

9.8.1 在线展示摄影师风采351

9.8 大师风采351

9.8.2 从一个页面到下一个页面352

9.8.3 保持照片的完整性352

9.8.4 设计过程352

9.9 设计赏析353

第10章 销售359

10.1 充满插图的罐头359

10.1.4 在Line Art中滚动搜寻360

10.1.5 更近的观察360

10.1.1 档案抽样360

10.1.3 提高使用价值360

10.1.2 设定基调360

10.1.6 设计赏析361

10.2 包装产品与制作网站364

10.2.1 需求评估364

10.2.2 围绕软件包装的设计364

10.2.4 总体布局方案365

10.2.3 改编包装设计并应用到界面上365

10.2.5 设计赏析366

10.3 浏览或购买：剪贴画、照片和字体368

10.3.1 网站完善了印刷目录368

10.3.2 为顾客考虑369

10.3.3 界面369

10.3.4 展示适量的信息369

10.3.5 电子销售370

10.3.6 设计赏析371

10.4.2 增加灵活性373

10.4 从网上冲浪到网上购物373

10.4.1 上网373

10.4.3 内部链接374

10.4.4 命名和标识375

10.4.5 设计赏析375

10.5 灵活运用格栅377

10.5.1 推销字体377

10.5.5 决定发行磁盘版378

10.5.4 颜色也扮演重要角色378

10.5.3 对比产生视觉层次378

10.5.2 一往直前378

10.5.6 制作艺术作品379

10.5.7 设计赏析379

10.6 开始在线旅行381

10.6.1 提供服务382

10.6.2 使顾客感到舒适382

10.6.3 明确服务382

10.6.4 图片的价值382

10.6.5 保持最新383

10.6.6 设计赏析383

10.7 佳作欣赏387

10.7.1 Digital Stock网站的原型387

10.7.2 Iomega网站389

10.7.3 Joe Boxer网站390

附录A 插图提供者391

附录B 软件供应商395