四大原则
对比:可读性,强调重点。对比的元素需截然不同。包括字体、颜色、间隔、材质(背景)。
重复:一致性,增强认知度。包括标题、符号、颜色、格式、空白(间距)。未必完全相同,注意对比。
对齐:统一性、有条理。所有元素都和其他元素存在关联,不是孤立的。正文和标题要用同一种对齐。文本块可以靠图片对齐。
亲密性:位置的接近表示存在关联,即亲密性。多个存在亲密性的项成为一个视觉单元。亲密的目的是组织性,信息更有条理,易于阅读,空白更美观。
设计原则中,对比效果最显著。
颜色
CMYK—一种蓝色、粉色、黄色和key色(通常会为黑色),黑色表示所有色混合,白色为无色。一般用作实体印刷;
RGB—红绿蓝,用作电子屏幕,白色为所有色混合,黑色为无色。
色轮为三原色黄红蓝组成。处于色轮上对面的两色为互补色,最佳搭配—主色和强调。
红蓝黄为基色三色组。他们的中间色—绿橙紫间色三色组。
选择互补色两侧的颜色,为分裂互补三色组。
色轮最外面的颜色都是纯色,即色调。向色调增加黑色构成暗色,增加白色构成亮色。
使用以上三种三色组的亮色与暗色组合。使用官方颜色的分裂互补色。可以为项目有自建调色板。
可以吸取一张自然风景图片上的多个颜色。
色质:色调+明暗。避免相似色质的颜色组合在一起。
冷色与暖色:冷色趋于后退,暖色趋于前进,冷色与暖色组合要少用暖色,多用冷色来衬托。不要让冷暖太均衡。
关于网站视觉设计的注意点:
不要对文本链接使用下划线加默认蓝色;不要用荧光色;正文不要用粗体;行宽不要太长。尽量不要使用Arial, Helvetica, times roman。
web设计重要的两个因素—重复、清晰。在每个页面重复视觉元素,这样用户知道他们在你的网站中,也增加了统一性和连续性。
字体
不要设计多个类似的字体。可以让它们完全不同。
字体类别:
old style: 基于手写体。字母笔画末端的截线倾斜,所有笔画都有由粗到细的变化,最细处的强调线为对角线。old style是显示大量文字的最佳选择。
modern:截线水平。笔画粗细过度剧烈,强调线是垂直的。modern给人感觉冷酷、高雅。
slab serif: 诞生于广告设计。粗细差别很小,截线水平,强调线垂直。简洁、直接,可用于显示大量文本。比old style更粗一点。
sans serif: 没有截线(笔锋)。无粗细之分,无强调线。
script: 书法风格。不要用多。
decorative:装饰字。同样不要用多。