假设你没有任何的设计基础,但是却想让自己的包装排版看上去更好更专业一些,那么这篇文章一定会帮助到你。如果你遵循了以下这四个原则,那你的设计一定会更专业,更有条理,更统一,也更有趣,你会感到自己的设计具备了一定的能力水平。
亲密性-对齐-重复-对比
优秀的设计就是三步:1/知道这四大原则 2/认识到自己没有运用这四大原则 3/应用这四大原则
亲密性
含义:将相关的项组织在一起,移动这些项,使他们物理位置相互靠近,这样一来,相关的项被看作凝为一体的一个组,而不是一堆彼此无关的片段
作用:分组;留白
1) 如果页面太过拥挤,那就适当缩小字号后再将段落拉开,然后通过添加编号或者通过首字增大将区分得更明显
2) 当条目比较多时,将内容分栏或者列表;
3) 通过设置相同的颜色,观众可以自然而然地从首字读到后面的句子
摆个栗子:
*相关联的信息相互靠近成为一个组,整个排版布局显得有条理性,美观性
*利用自然位置的紧密位置来反映元素之间的关系,利用这样的亲密
性原则管理空间,不仅使得页面更有条理性,而且更美观。
亲密性原则总结:
如果多个项目存在很近的亲密性,它们将是一个视觉单元,而不是多个孤立的元素。设计排版时要注意相关的项应当归在一组,有意识的注意你是怎么阅读的,视线怎么移动的,从哪里开始,沿着怎样的路径,到哪里结束
亲密性原则的根本目的:
一是实现组织性和条理性-便于更好的阅读和更容易被记住
二是亲密性原则使得恰当的留白更美观
要避免的问题是:
不要仅仅因为有空白就把元素放在角落或者中央
避免一个页面有太多孤立的元素
不要在元素之间流出同样大小的空白,除非各组同属于一个子集
不属于同一组的元素不要建立关系
实现小技巧:
微微眯起眼睛,统计眼睛停顿的次数来数一数页面上的区域元素,如果超过3-5个(取决于具体情况),就要看看哪些孤立的元素可以建立一个更近的亲密性,使之成为一个视觉单元。
对齐
含义:任何元素都不能在页面上随意摆放,每一项都应当与页面上的某个内容存在某种视觉联系
原则:
1)一般情况下,页面上只使用一种文本对齐。但若想在同一页面上同时右对齐和左对齐文本,一定要让这些文本以某种方式对齐!
2) 如果设计中的对齐很明确,那么可以有意识打破对齐,但一定要表现出这是有意的
对齐分类
居中对齐:(中规中矩,大多很乏味)
a) 文本居中,文本块不居中;
b) 将文本放在页面上方,增加紧张性;
c) 在居中布局中设置一种非常随意、有趣的字体。
轴线对齐:轴线对齐是以版面中心线为对齐基准,而不是元素的中线
左对齐和右对齐:
a) 文本行水平摆放,则按其基线对齐;
b) 如有图片元素,将其边界与页面边界对齐;
c) 与版心线对齐;
d) 元素之间对齐。元素之间是通过“看不见的线”实现对齐的,这些对齐参考线可以是直线或规则的曲线;
e) 对齐到网格。
摆个栗子:
对齐性原则总结:
在设计中,统一性是一个很重要的概念,要让页面上所有元素看上去统一,有联系,彼此相关,需要在各个单独元素之间存在某种视觉纽带,尽管物理位置不靠近,但是适当的位置让它们看上去是有关联的,并且与其他信息统一。
一个精美的设计不论看上去多么杂乱无章,总能找出其中的对齐方式
对齐性原则的根本目的:
使得页面统一而有条理性
要避免的问题是:
避免一个页面使用多种对齐方式
避免居中对齐(除非您能有力把握住)
实现小技巧:
不管元素之间距离多远,总能找出其中与之对齐的元素