作品集平平无奇?4个方法帮你快速提高层次感!

设计本身做得很好,一到包装就卡脖子了?

很多人可能都会出现这个问题,自己的作品集做完总是看起来很土或者是做不出来细节,看起来很平没有层次感,甚至包装完之后还让自己的作品大打折扣。

那可能是因为你没注意这些基础细节!

基础做好,即使没有花里胡哨的炫技排版,也能让你的作品集看起来更专业更整洁。

更多作品集设计干货:

一、文字加层次

先看优化前后对比:

作品集平平无奇?4个方法帮你快速提高层次感!

优化前的展示比较平,整体都没有层次区分,包括文字信息层面也仅有标题一个层次:

作品集平平无奇?4个方法帮你快速提高层次感!

可以通过增加中英文的对比,让文字层面的信息多一个层次:

作品集平平无奇?4个方法帮你快速提高层次感!

虽然有了中英文区分,但是层次的对比并没有区分开,可以通过文字的字号、字重进行层次区分:

作品集平平无奇?4个方法帮你快速提高层次感!

文字的基础层次就这样优化完成了。

在增加一张卡片让 IP 与文字信息看起来更整体一些,看看整体效果吧:

作品集平平无奇?4个方法帮你快速提高层次感!

如果你觉得这组文字层次还是有点少,那我们来看下面一组的优化对比:

作品集平平无奇?4个方法帮你快速提高层次感!

优化前的页面虽然看起来比较饱满,这对于一张优秀的包装来说,层次细节是远远不够的。

作品集平平无奇?4个方法帮你快速提高层次感!

以左侧文字信息层面为例:

标题部分没有主次,中文和英文的占比是一样的,所以首先要明确主次关系。

主标题保持正常大小,缩小英文副标题占比,减轻字重比:

作品集平平无奇?4个方法帮你快速提高层次感!

大的主次关系已经明确,再通过增加颜色的方式,让主标题本身也能区分出层次,同时让文字层面的视觉重心更突出:

作品集平平无奇?4个方法帮你快速提高层次感!

主体文字的层次已经优化完成,但是整体看起来画面又不够饱满。

可以在主体部分添加一些小字介绍作为页面的辅助信息,但是在字体的字号与字重上也要足够轻,与主标题拉开层次对比:

作品集平平无奇?4个方法帮你快速提高层次感!

现在,文字层面的主要部分都已经优化完成。

但是上下两边看起来会有些空,同样可以增加一些修饰性的文字信息,但是也要注意区分层次:

作品集平平无奇?4个方法帮你快速提高层次感!

这样,我们左半部分文字层次的优化就完成了。

放在画面里再对比一下:

作品集平平无奇?4个方法帮你快速提高层次感!

二、容器加层次

作品集平平无奇?4个方法帮你快速提高层次感!

基础的容器可以用矩形、圆形等等:

作品集平平无奇?4个方法帮你快速提高层次感!

使用不同的破型方式,给普通的形状增加细节。

例如做缺角形成卡片样式:

作品集平平无奇?4个方法帮你快速提高层次感!

给卡片本身增加一个矩形容器,让卡片看起来更符合现实逻辑同时又能增加一个前后的层次关系:

作品集平平无奇?4个方法帮你快速提高层次感!

最后加入主题物以及文字信息排版:

作品集平平无奇?4个方法帮你快速提高层次感!

三、颜色加层次

作品集平平无奇?4个方法帮你快速提高层次感!

优化前的页面层次也是比较丰富,有卡片的层次关系、有大小的对比关系。

但是所有的卡片颜色都是同一个颜色,导致画面看起来还是有些平:

作品集平平无奇?4个方法帮你快速提高层次感!

丰富卡片的颜色,可以增加卡片与卡片之间的层次关系:

作品集平平无奇?4个方法帮你快速提高层次感!

但是也不要走极端,想让画面看来很丰富,一张页面里五颜六色,不仅仅不会达到增加层次的作用,反而会让页面看起来乱糟糟的,没有重点:

作品集平平无奇?4个方法帮你快速提高层次感!

非特殊风格的情况下,多使用无彩色(黑白灰),品牌色点缀进行颜色的层次优化,让画面看起来精致更有细节的同时层次更丰富:

作品集平平无奇?4个方法帮你快速提高层次感!

四、设计感加层次

作品集平平无奇?4个方法帮你快速提高层次感!

优化前的页面整体并没有什么大的问题,但是在层次关系上还可以继续优化。

以吉祥物与背景为例,只有两层关系:

作品集平平无奇?4个方法帮你快速提高层次感!

可以通过颜色分割背景,让背景本身形成两个层次关系:

作品集平平无奇?4个方法帮你快速提高层次感!

颜色分割的层次形式不仅仅是基础的左右,可以根据画面本身进行灵活调整:

作品集平平无奇?4个方法帮你快速提高层次感!

通过颜色分割的方式,让页面看起来会更活泼一些,同时又增加了一个背景的层次。

如果还想增加层次感,可以继续增加一些包装上的设计细节。

例如 IP 对画面的破型:

作品集平平无奇?4个方法帮你快速提高层次感!

颜色分割让背景增加了 2 个层次:前景色与背景色

IP 破型让主体本身增加了 3 个层次:前、中间卡片、后

作品集平平无奇?4个方法帮你快速提高层次感!

最后再看一下没有做设计层次的对比吧:

作品集平平无奇?4个方法帮你快速提高层次感!

总结

优秀的包装不一定必须有着花里胡哨的炫技排版,但是一定不能缺少基础的层次关系与细节打磨,做好基础才是关键点。

再回顾一下这次关于基础层次感的知识点吧:

  1. 文字加层次:中英文、字号、字重、颜色
  2. 容器加层次:基础形状、异形形状
  3. 颜色加层次:无彩色(黑白灰)+颜色点缀
  4. 设计加层次:画面分割、破型

希望大家在做的时候一定不要出现内容里的反面教材哦!

收藏
点赞 20

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。