平面广告排版四原则：亲密性、对齐、重复、对比，让设计更专业
身为一个产品, 仿佛我们各个方面都一无所知, 又好似只要有某一方面欠缺了解, 便难以整合多方资源顺畅达成项目。产品于各异的阶段所对接的对象并不相同, 因而所需用到的专业知识以及职场技巧差别也全然不一样。
好的, 那么就在今天, 去分享一波于设计原型排版阶段常常会用到的诸多设计原则, 这些原则分别是亲密性、对齐, 还有重复以及对比, 接下来呢, 要给大家去展示一张图片句号。
图片1——原始图片
你看了图片之后会有怎样的感觉呢? 匆匆扫上一眼所获取到的信息, 是一些经过整理的诗句说明以及图片, 随后便不存在继续看下去的那种欲望了。
一、亲密性原则
亲密性原则是这样的, 把业务逻辑相关的那些独立项, 让它们的物理位置彼此靠近, 进而使得在用户那里看起来成为一个整体, 而对于业务逻辑不相关的独立项, 则让它们的物理位置相互远离。
凭借位置是不是靠近来展现独立项相互间的关系是一种方式, 存在关联的那些具有这样属性可独立存在的元素在画面的视觉效果上会使其靠拢一块儿放置, 而不具备关联的拥有独立特性也可单独存在的对象从展现给观众呈现形态的视觉效果方面考虑要将它们相互隔开。最后达成以使【具备相关性的事物形成一个组合】为目标的这样一种结果。按照亲密性这一听起来关系较紧密的设计原则要求, 等到经过对排版进行调整改变之后, 优化完成的图片呈现出来的样子如下有了最后的成品。
图片2——利用亲密性原则优化之后的图片
看完图片会有怎样的感觉呢, 扫一眼所获取到的信息是这样的, 相较于图片1, 就算不去看具体的文字信息, 读者能够清楚地知道所有的内容被划分成了4个模块, 并且每个模块都有与之对应的文字以及图片。
二、对齐原则
有这样一种原则被称作对齐原则, 它所表达的是, 页面之上任一个独立存在的项目, 都应该与页面里其他的某一个独立存在的项目, 在视觉方面存有联系。我们的眼睛倾向于去观看看到展现出有序状况的事物, 于阅读时会感到舒适, 并且能够迅速获取到相关信息。
达成【使页面统一而且有条理】这个目的, 要借助各种辅助线, 或者经由不同的对齐方式实现。
对于刚开始做设计的人员来讲呢, 尽量就只用一种文本对齐的方式, 也就是全都是左边对齐, 或者全都是右边对齐, 又或者全都是中间对齐, 要防止把多种文本对齐方式混在一起使用。按照对齐那儿的设计原则, 经过了排版方面的更改, 优化过后的图片是下面这样的。
图片3——利用对齐原则优化之后的图片
看罢图片会有怎样的感觉呢, 一瞬间获取到的信息是, 相较于图片2, 即便不必去看具体的文字情况, 读者也能够清楚地知道, 所有的那些能够形成一个有较为清晰条理的内容, 都被划分成为了4个模块, 并且, 每一个模块都有着与之相对应的文字以及图片, 然而, 它却比图片2在阅读的时候, 给人的感受要更加地轻松惬意, 从而使得用户产生想要深入去了解的那种欲望。
三、对比原则&重复原则
对比原则所指的是,页面之上不同独立自主的项目之间, 应当具备强烈显著的视觉对比效应, 并且得以彰显出不一样独立自主的项目间, 拥有条理严谨、层次分明结构关系的含义。
所要达到的目的变为是, 在增强页面视觉吸引力之际, 能够更科学地去组织信息结构。存在着诸多对比维度, 像是字体、颜色、大小、形状之类。一旦运用对比, 那就得加大对比之处的力度, 比如说深灰色跟浅灰色的对比, 远远比不上橙红色与水绿色相比较的效果更佳。
遵循重复原则, 其中所讲的是, 在设计里, 有一些方面得在页面之中进行重复, 能够被读者看到的任何方面都能够当作重复元素, 像颜色, 符号, 字体形式之类的。重复这个行为是可以把一些处于独立状态的项关联到一块的, 借此达成【统一并且让视觉效果获得增强】。
基于对比以及重复的设计原则, 历经排版方面的更改, 在优化过后呈现出如下的图片。
图片4——利用对比&重复原则优化之后的图片
观察完图片会产生怎样的感觉呢? 迅速浏览一下所获取到的信息是, 相较于图片3, 读者能够直观且明确地知晓其内容涵盖了关于春夏秋冬的诗句、诗句的阐释以及诗句所对应的图片, 而且读者的关注点直接集中在了4句诗句上面, 从而激起了用户的认读兴致。
具体的调整情况是, 每个模块之中, 诗句与下面的说明存在字体类型、字体大小以及字体颜色的对比, 然而, 在不同模块之下, 诗句的字体类型和字体大小, 还有诗句说明的字体类型和字体大小均出现了重复的状况。
凭借设计的四大原则, 也就是亲密性、对齐、对比、重复, 从图1开始不断地逐步优化到图4, 能够非常明显地感觉到, 若是处于用户阅读舒适的状况, 在极短的时间里面, 用户能够迅速GET到图片所要表达的内容, 因此激发了继续阅读的那种欲望, 实际上这4大原则在PM设计原型的时候, 常常会被大家, 要么是有意识地要么是无意识地给用到。
然而, 为了让我们所设计的原型展现出更为高端大气上档次的模样, 并且在与交互设计师以及 UI 设计师展开沟通时能够更加顺利无阻, 那么在平常的工作沟通期间, 就应当有意识地依照这 4 大原则去开展具体的排版工作。要是有小伙伴想要进一步深入探究这 4 大原则, 那就可以去阅读《写给大家看的设计书》(第 4 版)。
这一回的分享就截止到这儿啦, 期望这一篇文章能够在各位进行设计原型或者是开展其他方面的排版工作之际, 带来些许的助力~
请小编喝杯咖啡吧！