设计四大基本原则——对比、重复、对齐、亲密度
2016-08-24 10:43
375 查看
1. 对比(Contrast) 目标:增强效果、组织信息
对比的基本思想就是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。对比能够让讯息更准确的传达,内容更容易的被找到、被记住。如果你想让对比效果更明显,就一定要大胆,不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。
2. 重复(Repetition) 目标:统一
重复的目的就是“一致性”,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性,又能增加统一性。
3. 对齐(Alignment) 目标:统一而有条理
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升可读性。避免一个页面上混用多种对其模式,也就是不要有一些置左,有一些置右。尽量避免使用居中对齐,除非是比较正式、稳重的设计(别动不动就让什么都居中,有些时候居中是一种很土的对齐方式)。
4. 亲密性(Proximity)目标:实现组织性
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
备注:暖色&冷色
备注:涉及到图片字体样式等内容博客不如Evernote好用。
对比的基本思想就是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。对比能够让讯息更准确的传达,内容更容易的被找到、被记住。如果你想让对比效果更明显,就一定要大胆,不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。
2. 重复(Repetition) 目标:统一
重复的目的就是“一致性”,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性,又能增加统一性。
3. 对齐(Alignment) 目标:统一而有条理
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升可读性。避免一个页面上混用多种对其模式,也就是不要有一些置左,有一些置右。尽量避免使用居中对齐,除非是比较正式、稳重的设计(别动不动就让什么都居中,有些时候居中是一种很土的对齐方式)。
4. 亲密性(Proximity)目标:实现组织性
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
备注:暖色&冷色
暖色:加热 '冷色:降温' '暖色容易起到作用,所以在组合暖冷色时,要少使用暖色。'
备注:涉及到图片字体样式等内容博客不如Evernote好用。
相关文章推荐
- 对比、对齐、重复、亲密性
- 设计排版四大原则,我重复N次了!
- 设计的四大基本原则
- 4大排版原则——亲密性、对齐、对比、重复
- 掌握设计四大原则中的对比原则
- 网页设计狗屁奥义(第1篇)———对比和重复
- 设计模式:工厂和原型(清晰明了的对比)
- 面向对象设计的基本原则
- 设计模式:工厂和原型(清晰明了的对比)
- 《.NET设计规范》——学习笔记(2)框架设计的基本原则
- 设计模式四大境界
- 文本编辑器中,如何设计 撤销/重复栈
- 软件设计基本原则
- 测试概念进行代码设计时的七条基本原则
- 数据库设计工具对比
- 《.NET设计规范》——学习笔记(2)框架设计的基本原则
- 数据库设计工具对比
- 中国网站首页设计有四大特色:“长,闪,挤,花”
- 在Oracle中删除表中设计de重复数据
- 几种结构型设计模式的对比