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

用户头像
深圳/学生/274天前/1793浏览
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!
设计本身做的很好,一到包装就卡脖子了?
很多人可能都会出现这个问题,自己的作品集做完总是看起来很土或者是做不出来细节,看起来很平没有层次感,甚至包装完之后还让自己的作品大打折扣。
那可能都是因为你没注意这些基础细节!
基础做好,即使没有华丽呼哨的炫技排版,也能让你的作品集看起来更专业更整洁。
1.文字加层次
先看优化前后对比:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQyODA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
优化前的展示比较平,整体都没有层次区分,包括文字信息层面也仅有标题一个层次:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQyODQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
可以通过增加中英文的对比,让文字层面的信息多一个层次:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQyODg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
虽然有了中英文区分,但是层次的对比并没有区分开,可以再进行文字的字号、字重上进行层次区分:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQyOTI=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
文字的基础层次就这样优化完成了。
可以在增加一张卡片让IP与文字信息看起来更整体一些,看看整体效果吧:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQyOTY=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
如果你觉得这组文字层次还是有点少,那我们来看下面一组的优化对比:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzMDA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
优化前的页面虽然看起来比较饱满,这对于一张优秀的包装来说,层次细节是远远不够的。
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzMDg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
以左侧文字信息层面为例:
标题部分没有主次,中文和英文的占比是一样的,所以首先要明确主次关系。
主标题保持正常大小,缩小英文副标题占比,减轻字重比:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzMTI=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
大的主次关系已经明确,在通过增加颜色的方式,让主标题本身也能区分出层次,同时让文字层面的视觉重心更突出:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzMjA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
主体文字的层次已经优化完成,但是整体看起来画面又不够饱满。
可以在主体部分添加一些小字介绍作为页面的辅助信息,但是在字体的字号与字重上也要足够的轻,与主标题拉开层次对比:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzMjQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
现在,文字层面的主要部分都已经优化完成。
但是上下两边看起来会有些空,同样可以增加一些修饰性的文字信息,但是也要注意区分层次:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzMjg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这样,我们左半部分文字层次的优化就完成了。
放在画面里再对比一下:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzMzY=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
2.容器加层次
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNDA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
基础的容器可以用矩形、圆形等等:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNDQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
使用不同的破型方式,给普通的形状增加细节。
例如做缺角形成卡片样式:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNDg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
给卡片本身增加一个矩形容器,让卡片看起来更符合现实逻辑同时又能增加一个前后的层次关系:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNTI=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
最后加入主题物以及文字信息排版:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNTY=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
3.颜色加层次
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNjA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
优化前的页面层次也是比较丰富,有卡片的层次关系、有大小的对比关系。
但是所有的卡片颜色都是同一个颜色,导致画面看起来还是有些平:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNjQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
丰富卡片的颜色,可以增加卡片与卡片之间的层次关系:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNjg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
但是也不要走极端,想让画面看来很丰富,一张页面里五颜六色,不仅仅不会达到增加层次的作用,反而会让页面看起来乱糟糟的,没有重点:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNzI=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
非特殊风格的情况下,多使用无彩色(黑白灰),品牌色点缀进行颜色的层次优化,让画面看起来精致更有细节的同时层次更丰富:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzNzY=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
4.设计感加层次
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzODA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
优化前的页面整体并没有什么大的问题,但是在层次关系上还可以继续优化。
以吉祥物与背景为例,只有两层关系:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzODQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
可以通过颜色分割背景,让背景本身形成两个层次关系:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzODg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
颜色分割的层次形式不仅仅是基础的左右,可以根据画面本身进行灵活调整:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzOTI=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
通过颜色分割的方式,让页面看起来会更活泼一些,同时又增加了一个背景的层次。
如果还想增加层次感,可以继续增加一些包装上的设计细节。
例如IP对画面的破型:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQzOTY=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
颜色分割让背景增加了2个层次:前景色与背景色
IP破型让主体本身增加了3个层次:前、中间卡片、后
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQ0MDA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
最后再看一下没有做设计层次的对比吧:
现在腾讯正好有个合适的岗位,但是我作品集包装的不行,在线求方法,挺急的!(图ZMTUyODQ0MDQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
总结
优秀的包装不一定必须有着花里胡哨的炫技排版,但是一定不能缺少基础的层次关系与细节打磨,做好基础才是关键点。
再回顾一下这次关于基础层次感的知识点吧:
1.文字加层次:中英文、字号、字重、颜色
2.容器加层次:基础形状、异形形状
3.颜色加层次:无彩色(黑白灰)+颜色点缀
4.设计加层次:画面分割、破型
希望大家在做的时候一定不要出现内容里的反面教材哦!
112
举报
|
114
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
手表表盘UI系列
【新年UI图标】30个图标
【新年UI图标】珠宝icon
Security Camera UI kit
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新拟态风格 UI设计组件库
UI界面 组件
【新年UI图标】游戏/娱乐icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
盲盒APP UI设计
新能源APP应用UIKit
户外旅行飞机情侣假日出行
【新年UI图标】体育icon
拟物风质感写实UI卡片合集源文件
UI通用设计素材1
钱包ui模板
【新年UI图标】活动icon
【新年UI图标】礼物/活动icon
【新年UI图标】积分icon
UI 登录界面设计模板包
科技医疗透明柜UI界面设计
3D渐变流体抽象矢量UI背景图
高级表盘系列UI源文件
3D卡通UI界面图标可爱插画免扣素
你可能喜欢
相关收藏夹
大家都在看
登录注册