授权 | 黄山首绘
作品集排版类型大致可分为并列型、斜置型、满版型、自由型、对称型、左右分割型、上下分割型、重心型、细节型、背景型。
01/并列形式
元素进行大小位置不同的排列,通过既有联系又不相同的元素重组,使画面具有相对的对称感,同时增加画面灵动感。


并列形式的排版多用于图片的展示以及产品色彩,材质调研分析等。
将元素和文字以曲线的形态进行排版,或将图片做倾斜排版,使版面表现出不稳定的视觉感,整体更具韵律感。
文字在编排上置于图像上,可以放在四个角,也可以放在中间,还可以交叉,但要有一定的逻辑。
无规律的排版,版面活泼轻快,要避免排版过意散乱、不完整。
给人理性、工整的感觉,但要避免造成死板的视觉感。
版面分为左右两个部分,版面达到平衡的效果,形成强弱的对比效果,将文字进行穿插排版,使版面更加协调。
版面分为上下两个部分,图片可以是多幅也可以是单幅,彰显出活力的氛围,文字显得轻盈而自由,可以分栏撰写。
上下分割对于竖排版毕竞容易操作,文字与内容都可以非常顺利排入版面。
通过对于产品细节的放大,突出产品的材质和功能。增强画面的视觉效果。
10/背景形式
把产品放在背景模板环境中展示呈现。
排版技巧大致可分为4种,文字技巧、留白技巧、图文技巧、色彩技巧。
字库字号增长都有一个比较常规的倍率,那就是0.5倍数关系增长
多个家族文字信息块处理关系,不同位置,文本块之间的视觉体验,注意字体间距和行距之间的舒适感受。
了解字体的性格、避免使用默认字体、避免使用被过渡使用和丑陋的字体,注意尽量避免同时使用两种字体和两种以上不同颜色的字体。
注意文字的可读性,不要在一行留一个孤单的词,正确使用小型大写字母并且小心使用文字的背景填充。
即使我们叫它留“白”,但并非意味着实际的空间一定要是白色。
只要不与页面上的任何图形或者元素重复。它源于传统艺术,原本是用户更准确地捕捉物体的形状中的差异性。
留白是各个元素之间和周围的空白的空间。当设计师谈论留白时:他们其实在说负空间。
“负空间” 一词起源于冲突,空白的空间可以填充任何颜色。实际白色和“留白”“负空间” 并没有真正的关联,“留白”和“负空间”可以互换使用。
留白是设计排版的基本要素,留白简而言之就是有预谋的引导阅读者捕捉作者想要表达的信息要点
在作品集的版式设计上,要预留有足够的空间,不要让信息过于堆叠,占了满满的篇幅。信息太多太满会直接导致考官兴趣降低,而稍微稀疏一些的排版方式反而会让阅读变得更加舒服。
留白是一门简单的艺术,不必追求满页面的信息和图纸,适当的留白给人一个阅读的休息,还可以引起无限的遐想。
运用对比色和补色,增强信息的可读性,根据主题选择主色,小范围使用另一种颜色进行搭配装饰,产生视觉张力,吸引阅读者注意力。
背景的弱化,文字的凸出,会让信息阅读更有视觉冲击力。
在文本之外加一个矩形的边界框或者在文本之下置一个色块,形成产品标签的形式,通过背景与标签产生的关系,让用户把注意力聚焦于几何图形之中。
通过几何框架的分割,把阅读者的视觉中心聚焦于框架内的信息点。
黄金分割:线段的较短部分与较长部分长度之比等于较长部分与整体长度之比,其比值约为0.618。
在12色相环中两种颜色的距离在120°的颜色。一般想让画面颜色很跳跃的时候可以使用对比色的搭配方法。现在多用于运动产品比较多。
那么在12色相环中两种颜色的距离在30°的颜色。使用产品上的相似颜色,增强画面的整体感。
在12色相环中两种颜色的距离在180°的颜色。互补色的采用夸张大胆,视觉冲击力很强。
在12色相环中两种颜色的距离在60°的颜色。邻近色的搭配给人轻松舒适的感觉。
同类色
——那么在12色相环中两种颜色的距离在30°的颜色。使用产品上的相似颜色,增强画面的整体感。
互补色
——在12色相环中两种颜色的距离在180°的颜色。互补色的采用夸张大胆,视觉冲击力很强。
邻近色——在12色相环中两种颜色的距离在60°的颜色。邻近色的搭配给人轻松舒适的感觉。
主色彩是60%的比例,次要色彩是30%的比例,辅助色彩是10%的比例.一般在产品配色和排版中都遵循着色彩的黄金法则。
你可以遵循这种或者某种既定方式进行排版以及布局,但是每个人所设计的产品和节奏都各不相同,所以大家找寻适合自己产品的风格和排版也很重要。
— END —