issue 16:版式设计原则

发表于 2018-09-09   |   分类于 设计课程

笔记

  1. 对比:对比的基本思想是差异化,如果两个元素互不相同,那就让他截然不同,要让页面引人注目,对比通常是最重要的一个因素,正是它能够引导读者的视觉走向。
    1.大小对比:通过大小突出重要信息
    2.虚实对比:通过虚实营造意境/突出元素
    3.颜色对比:通过颜色区分状态、突出视觉效果
    4.位置对比:通过位置远近分割模块
  2. 对齐:对齐原则是让版面中的元素有一种视觉上的联系,以此来打造一种秩序感,形成一定的视觉规范。
    1.对齐的作用是让页面统一,且有条理性
    2.应避免多种对齐方式混用
  3. 重复:设计的某些方面需要在整个作品中重复,重复的元素可以是某种字体、某个符号、某种颜色、某种格式;重复能增加设计的调理性,还可以增加统一性。

    1. 重复的目的是统一增强视觉效果
    2. 避免太多的重复同一个元素
  4. 亲密:亲密性原则就是将相关项组织在一起,在一个页面上,位置接近就意味着存在关联,因此相关项应当靠近,归组在一起。

    1. 如果多个项目之间存在很近的亲密,它们将成为一个视觉单元,而不是多个独立的元素,彼此相关的项应当归为一组
    2. 善于利用留白隔断毫无关联的元素
  5. 留白:留白也叫负空间,是指版面中的空白区域,留白不一定是白色,可以是其他任何颜色甚至包含微妙的纹理。留白赋予页面呼吸感,有助于引导视线,为设计建立层次,区分重点和关键点,吸引用户注意力,在简约风格和功能可用性之间达到平衡。

    1. 留白能够凸显特定的视觉元素
    2. 聚焦视觉重点突出信息本质
    3. 合理划分空间,预留舒适的阅读体验
    4. 提供准确的点击区域,有效预防误
    5. 触操作可以让设计更加简洁、友好
    6. 留白可以用在页面布局中各个元素之间,还可以用在特定 UI 元素的内部

思考

  1. 此部分建议通过看「给大家看的设计书」来完成学习。

发表新评论

© 2019 Powered by Typecho & Theme 豫ICP备15027577号