现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!

深圳/学生/4小时前/4浏览
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
设计本身做的很好,一到包装就卡脖子了?
很多人可能都会出现这个问题,自己的作品集做完总是看起来很土或者是做不出来细节,看起来很平没有层次感,甚至包装完之后还让自己的作品大打折扣。
那可能都是因为你没注意这些基础细节!
基础做好,即使没有华丽呼哨的炫技排版,也能让你的作品集看起来更专业更整洁。
1.文字加层次
先看优化前后对比:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
优化前的展示比较平,整体都没有层次区分,包括文字信息层面也仅有标题一个层次:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
可以通过增加中英文的对比,让文字层面的信息多一个层次:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
虽然有了中英文区分,但是层次的对比并没有区分开,可以再进行文字的字号、字重上进行层次区分:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
文字的基础层次就这样优化完成了。
可以在增加一张卡片让IP与文字信息看起来更整体一些,看看整体效果吧:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
如果你觉得这组文字层次还是有点少,那我们来看下面一组的优化对比:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
优化前的页面虽然看起来比较饱满,这对于一张优秀的包装来说,层次细节是远远不够的。
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
以左侧文字信息层面为例:
标题部分没有主次,中文和英文的占比是一样的,所以首先要明确主次关系。
主标题保持正常大小,缩小英文副标题占比,减轻字重比:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
大的主次关系已经明确,在通过增加颜色的方式,让主标题本身也能区分出层次,同时让文字层面的视觉重心更突出:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
主体文字的层次已经优化完成,但是整体看起来画面又不够饱满。
可以在主体部分添加一些小字介绍作为页面的辅助信息,但是在字体的字号与字重上也要足够的轻,与主标题拉开层次对比:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
现在,文字层面的主要部分都已经优化完成。
但是上下两边看起来会有些空,同样可以增加一些修饰性的文字信息,但是也要注意区分层次:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
这样,我们左半部分文字层次的优化就完成了。
放在画面里再对比一下:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
2.容器加层次
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
基础的容器可以用矩形、圆形等等:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
使用不同的破型方式,给普通的形状增加细节。
例如做缺角形成卡片样式:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
给卡片本身增加一个矩形容器,让卡片看起来更符合现实逻辑同时又能增加一个前后的层次关系:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
最后加入主题物以及文字信息排版:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
3.颜色加层次
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
优化前的页面层次也是比较丰富,有卡片的层次关系、有大小的对比关系。
但是所有的卡片颜色都是同一个颜色,导致画面看起来还是有些平:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
丰富卡片的颜色,可以增加卡片与卡片之间的层次关系:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
但是也不要走极端,想让画面看来很丰富,一张页面里五颜六色,不仅仅不会达到增加层次的作用,反而会让页面看起来乱糟糟的,没有重点:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
非特殊风格的情况下,多使用无彩色(黑白灰),品牌色点缀进行颜色的层次优化,让画面看起来精致更有细节的同时层次更丰富:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
4.设计感加层次
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
优化前的页面整体并没有什么大的问题,但是在层次关系上还可以继续优化。
以吉祥物与背景为例,只有两层关系:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
可以通过颜色分割背景,让背景本身形成两个层次关系:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
颜色分割的层次形式不仅仅是基础的左右,可以根据画面本身进行灵活调整:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
通过颜色分割的方式,让页面看起来会更活泼一些,同时又增加了一个背景的层次。
如果还想增加层次感,可以继续增加一些包装上的设计细节。
例如IP对画面的破型:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
颜色分割让背景增加了2个层次:前景色与背景色
IP破型让主体本身增加了3个层次:前、中间卡片、后
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
最后再看一下没有做设计层次的对比吧:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
Collect
总结
优秀的包装不一定必须有着花里胡哨的炫技排版,但是一定不能缺少基础的层次关系与细节打磨,做好基础才是关键点。
再回顾一下这次关于基础层次感的知识点吧:
1.文字加层次:中英文、字号、字重、颜色
2.容器加层次:基础形状、异形形状
3.颜色加层次:无彩色(黑白灰)+颜色点缀
4.设计加层次:画面分割、破型
希望大家在做的时候一定不要出现内容里的反面教材哦!
0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
LANHE工作总结
Homepage recommendation
相关收藏夹
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
视觉包装设计
视觉包装设计
视觉包装设计
视觉包装设计
精选收藏夹
作品收藏夹
拟人化
拟人化
拟人化
拟人化
精选收藏夹
作品收藏夹
国潮&国风
国潮&国风
国潮&国风
国潮&国风
精选收藏夹
作品收藏夹
大家都在看
Log in