《Head First Web设计》读书笔记

2012.2.1~2012.2.13

 

第一章 

 

1.设计网站时，应该以用户为中心。

2.设计协助你架构项目，并以有效地方式完成工作。

3.大多数网站设计项目由四个步骤组成：前期制作，布局，导航系统，以及写作。

 

第二章  前期工作

 

4.在网站的前期制作时，你可以在纸上写出设计构想，这样可以避免编写代码的潜在错误，而过早投入代码可能会浪费时间和精力，或许还会浪费钱。使用印有浏览器边框的白纸做模板，先确定布局，然后制作分镜图（线框图），敲定设计后再编码调试。

5.视觉隐喻调节视觉元素，暗中强化网站的主题。如利用图片、图标、色彩、字型。

6.为网站运用视觉隐喻时，试着采取潜移默化的手法，不要太直接。

 

第三章  组织网站

 

7.网站的重点在于传播信息（如今网站的应用也成为网站不可忽视的一个部分），如果信息的组织方式不佳，你的用户将转身离去，而且不再回头。

8.网站的信息组织对网站导航与可用性有直接的影响。

9.卡片分类是一个既便宜又简单、可为网站内容套上信息架构的技巧。（具体方法是，在每张卡片里写下一块信息和简短的描述，描述尽量精确，写完之后把相关卡片分成一叠，每叠卡片取个简短且具描述性的名称，最后把卡片排列成网状的层次）

10.别依赖你自己对网站信息的分类结果，你为用户设计网站而不是你自己，所以找其他人分类，根据多个分类结果对IA（information architecture）进行优化。

11.卡片分类通常会出现孤儿卡片，它是部分网站内容需要重新思考或者整个丢弃的清楚征兆。

12.信息架构图展示网站信息分区与子分区的层次关系。

 

第四章  布局与设计

 

13.问卷调查是取得受众的广泛信息的绝佳方式。

14.自创角色是典型用户，使你的受众具体化并代表他们。（把问卷调查的结果具体化为用户角色，不超过3个）

15.屏幕的实际面积是指设计师面对的设备的屏幕的可用空间。

16.在设计布局的纸上阶段，网格能提供秩序与视觉逻辑。

17.黄金比例能建立更加赏心悦目的设计，三分法是黄金比例创建网格的建议快速版本。

18.CSS基于网格的框架式种特殊化的CSS文件，包含所必须的样式，可用于依据CSS中得网格编排网站（http://blueprintcss.org/）。CSS网格框架的目标是让设计是聚焦于项目特有的任务上，而不是重复前人的工作。

 

第五章  运用色彩设计

 

19.色彩对网站的访问者具有强大影响。

20.使用色轮来选择网站设计时的色彩。

21.配色方案是协助选择和协调色斑的工具。(http://kuler.adobe.com/#themes/newest?time=30)

22.三色方案：使用三种在色轮上距离均等的色彩，它提供强烈的视觉对比，同时维持色彩的平衡、丰富与和谐。

23.四色方案：有四种色彩，形成两对互补色。是最丰富的配色方案。

 

 

——————————无意中把书还给图书馆了，还没来得及把后面几张的笔记做完————————————————

 

第六章  网站写作

提到网站写作需要使用“金字塔”型的文本，文章的前半部分列出主要内容，后面的内容变得次要。

另外网站的文章最好采用列表形式列出要点。

 

第七章  倾听用户的声音

做问卷调查的相关内容，问卷调查很重要，要精心设计问卷，杜绝模棱两可的选项。

问答形式的调查。

 

第八章  可演变的设计

根据用户调查内容对网站设计进行不断改进，加入丰富的网络技术和应用。

 

第九章  web设计这一行

如何开一个web设计公司

 

最后是遗珠之憾。 

 

————————————————————————————————————————————————————

 

这本书浅显易懂，让我学到不少，使我了解到web设计的具体流程，并且发现我以前设计的方法漏洞百出。

 

没把笔记做完挺遗憾的。