假设你没有任何的设计基础,但是却想让自己的包装排版看上去更好更专业一些,那么这篇文章一定会帮助到你。如果你遵循了以下这四个原则,那你的设计一定会更专业,更有条理,更统一,也更有趣,你会感到自己的设计具备了一定的能力水平。
亲密性-对齐-重复-对比
优秀的设计就是三步:1/知道这四大原则 2/认识到自己没有运用这四大原则 3/应用这四大原则
亲密性
含义:将相关的项组织在一起,移动这些项,使他们物理位置相互靠近,这样一来,相关的项被看作凝为一体的一个组,而不是一堆彼此无关的片段
作用:分组;留白
1) 如果页面太过拥挤,那就适当缩小字号后再将段落拉开,然后通过添加编号或者通过首字增大将区分得更明显
2) 当条目比较多时,将内容分栏或者列表;
3) 通过设置相同的颜色,观众可以自然而然地从首字读到后面的句子
摆个栗子:

*相关联的信息相互靠近成为一个组,整个排版布局显得有条理性,美观性

*利用自然位置的紧密位置来反映元素之间的关系,利用这样的亲密
性原则管理空间,不仅使得页面更有条理性,而且更美观。
亲密性原则总结:
如果多个项目存在很近的亲密性,它们将是一个视觉单元,而不是多个孤立的元素。设计排版时要注意相关的项应当归在一组,有意识的注意你是怎么阅读的,视线怎么移动的,从哪里开始,沿着怎样的路径,到哪里结束
亲密性原则的根本目的:
一是实现组织性和条理性-便于更好的阅读和更容易被记住
二是亲密性原则使得恰当的留白更美观
要避免的问题是:
不要仅仅因为有空白就把元素放在角落或者中央
避免一个页面有太多孤立的元素
不要在元素之间流出同样大小的空白,除非各组同属于一个子集
不属于同一组的元素不要建立关系
实现小技巧:
微微眯起眼睛,统计眼睛停顿的次数来数一数页面上的区域元素,如果超过3-5个(取决于具体情况),就要看看哪些孤立的元素可以建立一个更近的亲密性,使之成为一个视觉单元。
对齐
含义:任何元素都不能在页面上随意摆放,每一项都应当与页面上的某个内容存在某种视觉联系
原则:
1)一般情况下,页面上只使用一种文本对齐。但若想在同一页面上同时右对齐和左对齐文本,一定要让这些文本以某种方式对齐!
2) 如果设计中的对齐很明确,那么可以有意识打破对齐,但一定要表现出这是有意的
对齐分类
居中对齐:(中规中矩,大多很乏味)
a) 文本居中,文本块不居中;
b) 将文本放在页面上方,增加紧张性;
c) 在居中布局中设置一种非常随意、有趣的字体。
左对齐和右对齐:
a) 文本行水平摆放,则按其基线对齐;
b) 如有图片元素,将其边界与页面边界对齐;
c) 与版心线对齐;
d) 元素之间对齐。元素之间是通过“看不见的线”实现对齐的,这些对齐参考线可以是直线或规则的曲线;
e) 对齐到网格。
摆个栗子:


对齐性原则总结:
在设计中,统一性是一个很重要的概念,要让页面上所有元素看上去统一,有联系,彼此相关,需要在各个单独元素之间存在某种视觉纽带,尽管物理位置不靠近,但是适当的位置让它们看上去是有关联的,并且与其他信息统一。
一个精美的设计不论看上去多么杂乱无章,总能找出其中的对齐方式
对齐性原则的根本目的:
使得页面统一而有条理性
要避免的问题是:
避免一个页面使用多种对齐方式
避免居中对齐(除非您能有力把握住)
实现小技巧:
不管元素之间距离多远,总能找出其中与之对齐的元素
重复
含义:某些视觉元素在页面中重复出现,重复元素可以是一种字体,一条粗线,某个项目符号,颜色,设计要素,某种格式,空间关系等
使用重复原则时,有时可以把一个元素从现在的设计中抽取出来,并根据这个元素创建一个新设计
摆个栗子:

重复性原则总结:
重复不仅对只有一页的作品起作用,对于多页文档的设计更显重要
重复性原则根本目的:
统一,增强视觉效果,视觉效果的威力在于看起来很有趣,也更易于阅读
要避免的问题是:
避免过多重复一个元素,重复太多会让人讨厌
对比性原则
含义:如果两个项不完全相同,就应当使之不同,而且应当是截然不同
可以采用多种对比方式:字体字号的对比/细线和粗线的对比/冷色和暖色的对比/平滑材质和粗糙材质的对比/水平元素与垂直元素的对比/间隔宽与间隔小的对比/小图片和大图片的对比




对比性原则总结:
在页面上增加对比能吸引眼球,如果页面上放两个不完全相同的元素,它们就不能类似。要实现有效的对比,这两个元素必然截然不同
重复性原则根本目的:
一个是增加页面的效果,增加可读性
另一个是有效与信息的组织(读者应该了解信息以何种方式组织,以及从一项到另一项的逻辑流程)
要避免的问题是:
不要犹豫,如果你要形成对比,就加大力度。
不要将一种粗线与一种更粗的线进行对比,不要将棕色文本和黑色标题建立对比
如果你看到了这,那么关于设计你已经踏出第一步啦!
知道了这四大原则的运用原理,你会在你接下来的设计中更有想法!
优秀的设计就是三步:1/知道这四大原则 2/认识到自己没有运用这四大原则 3/应用这四大原则
这些知识在《写给大家的设计书》里面都有详细的解说,大家可以去看看。
网友评论