Designing Inteface阅读笔记：视觉风格和美感

视觉设计基础

 

【颜色】

 

色调

红色，橙色，黄色，褐色，米色都是暖色调。而蓝色，绿色，紫色，灰色及白色都是冷色调。

暖色调让人感觉很温暖，冷色调让人联系到尊敬，保守。

 

背景

浅背景（白色，米色，浅灰色）更常用于计算机界面。深色背景感觉更深刻，更阴暗，或更有活力。

实际上，深色背景很少用到表单风格的界面中，因为桌面空间在设色背景中不是很好看。

 

对比

强烈的对比会让人觉得紧张，有力和大胆。弱的对比更平滑，更让人放松。

 

饱和度

高度饱和的颜色，或者说纯色--例如明亮的黄色，红色，绿色--让人觉得生动，明亮，有力，温暖。他们很大胆，并且色泽鲜明。但如果过度使用高饱和的颜色，会让视觉疲劳。因此绝大多数UI设计师们都会保守地使用他们，往往只选择其中一种或两种。

暗淡的颜色，不管是深色或浅色构成了调色板中的大部分区域。

 

色调的结合

强烈的色彩层次会让设计非常生动，柔和的设计使用更多模糊的或浅的颜色，让设计更安静。

 

少一点颜色，多一些价值！

 

【排版】

 

1.计算机显示器上，无衬线（Sans-Serif）字体往往在小字体上表现更好；而印刷品上，正文采用带衬线的字体更有可读性。显示器的像素不足以表现这些细小的衬线。（不过，一些衬线字体如Georgia看起来仍然不错）

2.避免使用斜体，草书或其他装饰性字体，它们在小字体情况下可读性很差。

3.高度几何化的字体，在小字体下也很难辨认。

4.所有的Cap字体不适合用作正文，它们很难阅读。不过，用在标题和短文本上还是可以的。大写的字母看起来都差不多，读者很难区分它们

5.可能的情况下，吧大量文本放在中等宽度的区域里，不要让很窄的文本取悦右对齐，让他们右边自由分布。

 

衬线和曲线为字体的颜色或特制增加了另外一种特点。衬线为字母本身增加了很小的比例，这样也让字体变得更精细--对比之下，宽厚一些的无衬线字体看起来比较生硬，强力或更粗糙。在跟中字体格式中使用的曲线和角度，包括哪些衬线部分，组合形成整片文字。

 

【控件和拥挤】

拥挤的设计在某些环境下会引起紧张和压力。

 

【曲线和角度】

曲线会增加动感和活力，不过也不尽然。

曲线交叉的角度，过于尖锐，会更紧张，更不稳定。

 

【纹理和旋律】

纹理让视觉设计更丰富。

界面设计中效果最好的纹理是非常细小的，而不是明亮的西洋跳棋式的形式。他们使用温和的颜色，细致的纹理。

发丝模式让设计更为细腻

 

【图片】

【文化因素】

【重复的视觉主题】

好的设计具有完整性，它会形成一个整体。

但是，对视觉完整性起很大作用的一个因素是视觉元素或视觉主题的不断重复。

 

 

模式

+深色背景

可视化地拉开和前景元素的距离。

 

+少一点颜色，多一些价值

选择一种，两种，之多三种主要颜色应用在页面上

 

+角落处理

不是使用普通的直角，而是使用斜纹，曲线或镂空来装饰界面上的方框角落，让这些角落处理和页面保持一致。

 

+边界回应字体

描绘边界和其他线条时，使用设计中某种字体所用的颜色，粗细和曲线。

 

+发丝

在边界，水平标尺和纹理上使用的一个像素宽的线条。让界面看起来很优雅，很精致。

 

+粗细字体对比

一个文字信息中，用两种字体互相对照--一个细一些浅一些，一个粗一些深一些，来区分不同级别的信息，丰富视觉效果。

 

+皮肤

让用户自行设计自己的风格和图形。