这些包装技巧,简单又出效果,不看一会就删了!

用户头像
深圳/学生/2年前/5209浏览
这些包装技巧,简单又出效果,不看一会就删了!
最近ui课学员开始做结课作业,在给大家批作业的时候,发现很多同学对于包装审美还是差一些,课上给大家实操了很多案例,今天给大家分享几个,比如一组的这块需求分析,包装的就不太行:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA2ODA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
有点太随意了,包括文字的排版,还有标题前面的两个圆圈:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA2ODQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
如果我来包装的话,一定要加点修饰,不能只是文字,比如加点图标或者加点卡片,我可以先把卡片加上,这样会更加有聚焦的感觉:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA2ODg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这时候我们可以想办法加点颜色区分,比如用产品的主色:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA2OTI=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后可以再给圆圈里面加点图标,或者修饰元素,因为一组同学已经有了一些质感图标的绘制,直接加上就可以了:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA2OTY=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后再加上标题:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MDA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们来对比下第一版和优化后的效果:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MDQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这里面其实差的仅仅只是一点点包装审美和用心的态度,技法层面没什么门槛,只有两个质感图标,还都是一组同学自己画的!
再举一个1组同学的例子,他们在展示图表的时候,效果是这样的:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MDg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
如果面试官用手机看你的作品,能看清楚啥呀,所以如果你觉得自己的作品做的还不错,一定要学会放大展示局部,比如我们这样优化一下:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MTI=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
是不是比刚才更加简洁大气?
所以大家一定要记住,有优秀的东西,一定要拿出来放大展示,我们看看3组同学的展示方式,就优秀很多:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MTY=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
再看5组的一个案例,这张图:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MjA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
啥问题?是不是太空了,主次也不清晰,左上角的logo快比页面还重了,所以我们一定要先解决画面主次的问题,先把界面变大变饱满:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MjQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这时候可以再优化一下左侧文案的排版,稍微有点空旷:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3Mjg=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
如果觉得层次还是不够,可以把底色融入一个黑圈:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MzI=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这样的话,把上面黑色的图标页,衔接在一起,就会好很多了:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3MzY=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3NDA=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这是不是比最开始那页的包装强太多了:
这些包装技巧,简单又出效果,不看一会就删了!(图ZMTQ3NzA3NDQ=) - 观点 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
所以大家在作品包装展示的时候,一定要注意这些细节,而且是非常细致的细节,有时候真的就是差一点点,感觉就不一样了!
希望今天分享的这几个包装小案例,大家可以有所启发,后面我会经常改ui课同学的作业,尤其是这种细节上的改动,让大家更好的做出精致作品!
加油,兄弟们!
72
举报
|
92
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
卡通风格网页页面3D渲染
浏览电脑网页的元素
四个人物分别在上网贴纸合集
三个青年正在装修网页矢量插画
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
banner
网页电商背景矢量插画
女生坐在网页面前办公矢量插画
卡通风格网页页面3D渲染
网页设计——纸杯蛋糕
新年快乐送福网页矢量图banner
商务网页
卡通风格网页页面3D渲染
卡通风格网页页面3D渲染
运动风人物插画
卡通女孩与网页表格3D渲染
网页页面矢量插画
 网页背景
一个男生和两个女生站在网页前面打招呼矢量
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
卡通女孩与网页表格3D渲染
三个青年站在网页周边矢量插画
一个人拿着优惠券准备支付购物电商矢量插画
男生和女生站在网页面前矢量扁平插画
男生坐在网页面前办公矢量插画
登录注册