《完美网页的视觉设计法则》笔记

>>图书基本信息

###什么是全面虚拟?

Comp是comprehensive dummy(全面虚拟)的缩写,这个术语来自于打印设计领域。是一种在进行打印之前,先将已经创建好的、用于打印的布局完全模拟的过程。将这个词移植到网页设计中,comp就是在我们开始用HTML进行原型设计之前的某个布局的图像。

在web前端开发中,“全面虚拟”就是指用Photoshop建模的过程了。之前我一直不鸟这部分内容,直到昨天面试被鄙视。。。

###尽可能考虑黄金比例
0.618

###960 Grid System
这是一种固定宽度、通常居中的网页布局框架。

人人网也采用类似的思路,但是其主体的宽度改为了980px:

1
2
3
4
.layout_home3cols #main{
width: 980px;
padding-bottom: 20px;
}

然后再分为三栏:左栏160px,中间540px,右侧栏240px。

###三大布局方式
固定宽度布局,流动式布局,响应式布局。分别对应着:用的最多的,用的较少的,未来必须要做的。

###色彩与含义

###添加式颜色模型与去除式颜色模型
电脑屏幕显示颜色,是通过做加法运算:如果三种原色都不发光,即rgb(0,0,0),那么屏幕就是黑的,于是产生黑色,这是任何一块区域的默认颜色。如果都发光且最大,就产生白色(最亮的颜色)。这一点与自然界颜色原理刚好相反,在白色的画布上,红、黄、蓝三种颜料等量混合,肯定是产生黑色的。

###光和阴影
pp108~110.设计风格真是一年一个样。这本书还在倡导立体化、深度化的设计风格,而现在却已经步入扁平化风格时代了。

###老外是什么时候学习HTML的
在111页,作者这样写道:

我还记得第一次接触网络设计的场景,当时正在上十年级,而我的老师正在教我们HTML。这是一门选修课,在定时打字测验及学习如何设计网页之间的选择是很容易做出的。在那年结束时,我还真做了几个网页。

十年级,就是我们这儿的高一。所以说,老美的教育真是够先进的。在高中时代就将当时流行的计算机技术普及进校园。反观我们,我是大二上学期才选修了一门“网页设计基础”的课程。比这本书作者足足晚了四年。嗯,以后生了孩子,摆一堆东西让他抓的时候,得多放几本编程的,什么C++啊,PHP啊,HTML啊,CSS啊,JavaScript啊,Ruby啊,Python啊,都一骨脑儿放在那儿,抓吧。随便抓一个都是大好前程啊。

###WOFF
是一种开源字体格式,貌似变得越来越重要了。

###Courier

在网络上,以固定宽度的字体显示文字的标准方法是把要显示的文字加上<pre></pre>标记。Pre是“预格式化文字”的简称。

Share