写给大家看的Web设计书(第3版)

第一部分　初识网站设计　

第1章　当你开始设计一个网站　

涉及的角色　

　商务人员和客户　

　产品经理和项目经理　

　信息架构师　

　视觉设计师　

　内容编辑　

　媒体专家　

　前端开发人员　

　程序员　

准备开始　

积累经验　

第2章　从概念到执行　

第1阶段：定义　

　理解网站目标　

　收集业务需求　

　制作一份RFP　

　构建项目计划　

第2阶段：设计　

　创建站点地图　

　制作线框图　

　用户测试　

　整合内容计划　

　构建“风格”　

　从焦点人群中获取建议　

第3阶段：开发　

　开发模型　

　内容开发　

　媒体开发　

　使用HTML和CSS构建表现层　

　后端(Backend)开发　

第4阶段：部署　

　质量保证　

　发布日　

第5阶段：维护　

第二部分　用户友好的设计　

第3章　针对正确的人群设计正确的网站　

用户是谁　

　给客户的问题清单　

　角色视角　

　用户场景　

为你的网站构造框架　

　平衡业务需求和用户需求　

　分类和优化信息　

　在优先级的基础上建立导航集　

创建站点地图　

　连线的艺术　

　创建你自己的符号集　

　齐心协力　

　正式页面索引　

为重新设计的网站构建站点地图　

　解构一个网站　

　完成站点地图　

制作市场推广计划　

　线下推广　

　线上推广　

第4章　组织及导航页面内容　

页面层规划　

　规划内容板块　

　线框图　

在页面中展示内容　

　在线框图中标注文字　

　使用内容管理系统　

　最大限度地利用空间　

　为线框图编写注释　

了解样式　

　全局导航　

　板块导航　

　留下一串面包屑　

　结合导航技术　

　使用图形主题而不是借喻　

第5章　网站用户界面设计　

交互设计　

　创建用户流程图　

　顺其自然　

视觉设计对可用性的影响　

　提供悬停反馈　

　设计外观可交互的按钮　

　从日常生活中获取线索　

　元素的聚合与嵌套　

　提供“你在这里”的反馈　

　被高估的颜色编码　

　可点击与不可点击的差异　

一致性就是一切　

空间最大化　

第6章　用户测试：不需要穿白大褂　

构建可供测试的原型　

　创建可点击的线框图　

　测试视觉设计　

　为可用性测试创建可跳转的HTML流程　

为用户测试做准备　

　为用户准备任务清单　

　设计一套测试方法　

展开用户测试　

　寻找小白鼠　

　引导测试过程　

“休斯顿，我们遇到一个问题……”：评估结果　

第三部分　设计网站图形　

第7章　网页图形设计　

制作可视化界面　

　开发页面模板　

　创建页面模型　

　配色、类型和图像　

　使用网格系统　

设定视觉优先级　

　实施“大、中、小”策略　

　将页面分为可管理的区域　

　围绕折线做设计　

添加留白　

建立一份设计样式规范　

　图形样式规范　

　按钮样式　

　字体样式　

第8章　字体完美型设计　

易于阅读的文字　

　选择适合场景的字体　

　不要过大或过小　

控制文本显示　

　图片文本与HTML文本　

　本地化语言　

　字体规范　

　字体后备方案　

使用CSS　

　外部样式表　

　内部样式表　

第9章　理解网页颜色、分辨率和文件格式　

RGB世界的秘密　

　颜色削减和颜色叠加　

　大量的颜色　

颜色位深　

　受限的调色板　

　24比特色深图像　

　显示屏色深　

十六进制颜色码　

图像和显示屏分辨率　

　显示屏分辨率　

　图像分辨率　

位图图像和矢量图像　

　位图图像：组织像素　

　矢量图像：擅长数学　

　矢量图像和位图图像大比拼　

图像压缩和文件格式　

　GIF格式　

　JPEG格式　

　PNG格式　

　SVG格式　

　SWF格式　

第10章　搭建网站模型　

常用软件　

　Photoshop　

　Fireworks　

　Illustrator　

　Flash　

　Dreamweaver　

情绪板：确定风格　

设计资源　

　照片和插画库　

　数码摄影照片和扫描图像　

　版式设计　

　Photoshop笔刷　

　控件　

　Web设计模板　

从头开始构建网页模板　

网页背景图　

第11章　启发灵感：网站设计理念　

制定设计方向　

　从线框图开始　

　让多名设计师共同参与　

收集设计意见　

获取视觉和交互设计的灵感　

　电影式网站　

　创新交互设计　

　借鉴品牌体验　

为你的网站设计移动版本　

　看待像素的新角度　

　简化导航　

　压缩文件大小　

　横向和纵向　

　使用单列布局　

第12章　展示你的设计杰作　

实现在线演示　

　在线演示设计方案　

　构建有功能和无功能的原型　

创建打印演示稿　

　高质量彩色打印　

　黏在展板上　

进行展示　

　客户不是伯乐　

　继续战斗：第二轮　

第四部分　开发完整的网站　

第13章　构建表现层　

HTML：将页面黏在一起的胶水　

　偷偷看一眼源代码　

　学习(借鉴)其他人　

　借助强有力的工具编辑HTML　

HTML 5　

　移动设备友好的解决方案　

　动画的可选方案　

　触屏支持　

　地理位置　

　强大的内容处理　

DHTML、javaScript、jQuery和Ajax　

CSS　

　CSS如何工作　

　颜色渐变、透明和反射　

　阴影效果　

　圆角效果　

　动画效果　

第14章　平台选择、内容管理、数据分析和SEO　

开发平台　

内容管理　

　用户生成VS固定管理　

　连接网站和CMS　

Web数据分析　

　Google Analytics　

　你可以从数据中获得

　什么？　

　实时监控　

　用户都点击了哪里　

　付费服务　

搜索引擎优化　

　页内和页外搜索　

　URL结构和文件名　

　去掉指向相同页面的

　重复URL　

　准备供搜索的站点地图　

　更多的SEO策略　

　自然搜索和付费搜索　

　入站和出站链接　

第15章　高级网站　

扩展网站功能　

　连接Facebook　

　Twitter　

　Disqus　

　Google Maps　

　可供选择的海量API　

电子商务网站　

　安全套接字层　

　支付入口　

　几点有关购物车的建议　

使用Cookie实现个性化网页　

浏览器和定位　

　IP和GPS定位　

　响应式设计　

全球网站响应性能　

第五部分　10项注意　

第16章　管理网站设计项目的10个技巧　

展示你的工作　

　整理一份作品集　

　展示你的工作成果　

制作一份方案　

赢得竞标　

了解作为独立顾问如何收费　

公司如何收费　

掌控客户预期　

指定客户在项目中的责任　

在关键里程碑时获得客户签字　

管理网站项目的工作流　

雇用及管理分包商　

第17章　信息和交互设计的10个技巧　

仅使用5～7个主菜单　

为每一个独特的页面布局绘制

线框图　

标记出按钮和图标　

注意下载时间　

向用户提供“你在这里”的

反馈　

回到首页很容易　

从视觉上区分可点击与不可

点击的对象　

其中有一个按钮不一样　

谨慎对待真实世界的借喻　

颜色分类省着用　

第18章　容易出问题的10件事　

“我们能再加一样东西吗？”　

“没时间画站点地图了。”　

“客户想要‘那种’设计？”　

“都有我了，还要什么可用性测试？”　

“我肯定会让这项技术正常工作的。”　

“我们还有国际访客？”　

“网站需要运行在移动平台上？”　

“你是说现在我们需要维护这个网站了？”　

“糟糕，我们忘了加数据分析。”　

“只要我们做了，他们就会来的。”