视觉设计相关 MEMO

Jul 8, 2015

版权声明:本文为博主原创,未经作者许可谢绝转载。
如有任何疑问或者建议,请联系 xiangchen.cs@gmail.com

原则

考虑视线流程,视觉元素不超过5

版面:上中部是主要区域

排版

亲密:将相关内容放在一起,以物理位置靠近体现内容相关

对齐:页面上的内容不能凌乱,保证任一个元素总与某一个元素对齐

对比:增加不同等级元素之间的差异,如字体大小、前景背景反色

重复:页面的元素可以反复出现,如图案、颜色、文字、空间关系等,以促成统一

配色

互补色:一种主色,一种强调

三色组,类似色

图标和色块不适宜用对比度或亮度太高的颜色

暖色系冲击力强,但容易引起疲劳;冷色系比较舒服,但容易使人感到乏味。冷暖色组合时,冷色背景,暖色强调

文字

字体、大小、颜色、粗细、背景

衬线体:times new roman,宋体;长篇正文

等线体:helvetica,黑体;标题

图片

全景图有很强的震撼力

着色、淡化、去背景、宽屏

以图片为背景添加文字时,加上比背景主题色稍深的半透明色块

交互设计

presentation

字体:黑体 Arial

配色:小房间白底黑字,大房间黑底白字

层次:永远有标题;不要大段文字;列表不超过三项,一条一条显示;边缘留白

风格:每页带图;一般不用绚丽动画;数据不要太多;可以有贯穿的图;主干到细节再回来;结尾可以趁观众注意再次传达重要信息

其他

字体图形化理论:文字情景化、视觉化

神秘理论:用熟悉的图形、符号让观者联想

留白理论:图形、背景互动

幽默理论

最大化理论:重点突出,弱化其他(通过颜色)

组合理论:元素结合

分子理论:元素构成整体,解析主题定义主题

空间理论:带入感