版式结构
在准备流程上先着眼于版式结构,已经是迈向胜利的第一步。一部作品集给人的最初观感就是结构方面,虽然第一印象不扣分看起来并没有什么了不得,但是比起一上来就掉血一半的同僚们来说,是不是已经稳操胜券了?
版式结构模块选取的这组Kiri同学的作品集,突破了固有的中规中矩的传统板式,以线条来引导整个作品集的框架和走向。
目录的线状指向性不仅直观,更兼具设计感。这也延伸到整个框架的流线走向上,每一章节的标识连在一起构成了一个牢不可破的系列,使得作品集成为了真正的作品集。
颜色搭配
1.选定配色方案
色盘上面,两个颜色相对的就是补色的搭配,类似的颜色就是类色搭配。在选择配色方案之前,确定好你的作品集的基调,从而选定补色搭配还是类色搭配。
设计者的作品集在第一页就奠定好了黑+黄的主色调,运用了补色搭配,营造出活泼有动感的平面空间。
2.色彩的黄金法则 6:3:1
6:3:1是指:主色彩是60%的比例,次要色彩是30%的比例,辅助色彩是10%的比例。这不是数学里的黄金分割比,但确实色彩界的黄金定律。
60%的黑色主色调,以粉红为主打构成的30%次要色彩,以及10%的黄色辅助色彩,这一页的排版设计者必定贯彻了色彩的黄金法则。
3.勿忘黑色
黑色作为永远的经典,能够让任何一个色彩看起来干净,但它本身并不是一个重点。下图字体的黄色以黑色作为背景,反而将黄色字体做了很好的强化突出。
4.灵感从大自然中来
听从自然的教导。你所看到的自然,就是最好的配色。叶脉的深浅,以及背光处阴影的有序协调,就是就是最好的明证。作品一旦不遵循这个法则,其视觉上会很违和。
5.从图案中提取色彩
下图的反客为主的将元素突出,提取图片中的蓝色作为页面的标题色,更好的将两个页面的内容串联起来。
6.色彩的反差
绿色和红色作为对立色所形成的对比,反而调动画面的活泼度,降低了黑色背景所构成的压抑和沉闷。
字体排版
1.管好你的标题
标题一定要选择易读性较高的字体,太多的字体类型挤压在一起反而会显得凌乱且难以识别,尽量使用简单协调的字体组合。这幅页面,设计者仅仅用了一种字体,配合图片来达到直接醒目的视觉目的。
2.不要害怕放大
将字体、形状等需要强调的内容放大。适当地搭配色彩,让需要强调的部分看起来巨大醒目。下图的字体都被按照一定的比例放大,使得字体更加敦实、清晰,放大后看起来体积感十足。
3.控制好各个元素的距离
排版中,各种元素间距需要根据实际情况来调整,内容多的时候可以适当收紧,少的时候可以适当放松。间距大小都需要兼顾到基本的可读性,分太开和离太近都很难让人阅读。
4.明智的选取配色
选取同一色系下的不同色调,可以保持整体的一致性。此版是营造了置于电脑桌面的空间感,以灰色为主,黑褐色的辅助色,整体配色上皆选自同类色系。
5.关注字体的感情
确保你选取的字体和你的内容保持一致的调性。带有圆角的字体看起来会更加友好,棱角分明的字体看起来更加强硬,衬线体会看起来更加优雅而精致。下图的字体都经过放大加工,配合图片生出一种萌感。
6.用对齐营造秩序感
对齐和对称都是让设计作品更加富有秩序的手段。相对而言,对齐运用范畴更广泛。这里的案例中,左右两边的对其勾勒出有序的边缘,提高了设计的整体性。
7.对比是关键
对比所产生的效果是真正让人印象深刻的部分,将字体做成镂空,反而提升了图片与字体的对比度。就像在黑色底布上白色反而最为耀眼,在纷乱的北京图上想要突出字体,不防设置成透明。
8.用层次来梳理内容
将内容和信息排列得更加层次化是视觉设计中最重要的部分,调整你的内容中元素的大小和比例重新堆叠,可以观察到它在整体视觉中重要性的变化。