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

2013-11-27

Web-FE

Catalogue

###什么是全面虚拟？

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

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

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

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

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

.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是“预格式化文字”的简称。