当前位置:首页设计文章UI设计让作品集快速上档次的包装技巧

让作品集快速上档次的包装技巧

实操案例!让作品集快速上档次的包装技巧

最近在给大家批作业的时候,发现很多同学对于包装审美还是差一些,课上给大家实操了很多案例,今天给大家分享几个,比如一组的需求分析,包装的就不太行:

实操案例!让作品集快速上档次的包装技巧

有点太随意了,包括文字的排版,还有标题前面的两个圆圈:

实操案例!让作品集快速上档次的包装技巧

如果我来包装的话,一定要加点修饰,不能只是文字,比如加点图标或者加点卡片,我可以先把卡片加上,这样会更加有聚焦的感觉:

实操案例!让作品集快速上档次的包装技巧

这时候我们可以想办法加点颜色区分,比如用产品的主色:

实操案例!让作品集快速上档次的包装技巧

然后可以再给圆圈里面加点图标,或者修饰元素,因为一组同学已经有了一些质感图标的绘制,直接加上就可以了:

实操案例!让作品集快速上档次的包装技巧

然后再加上标题:

实操案例!让作品集快速上档次的包装技巧

我们来对比下第一版和优化后的效果:

实操案例!让作品集快速上档次的包装技巧

这里面其实差的仅仅是一点点包装审美和用心的态度,技法层面没什么门槛,只有两个质感图标,还都是一组同学自己画的。

再举一个例子,他们在展示图表的时候,效果是这样的:

实操案例!让作品集快速上档次的包装技巧

如果面试官用手机看你的作品,能看清楚啥呀,所以如果你觉得自己的作品做的还不错,一定要学会放大展示局部,比如我们这样优化一下:

实操案例!让作品集快速上档次的包装技巧

是不是比刚才更加简洁大气?所以大家一定要记住,有优秀的东西,一定要拿出来放大展示,我们看看 3 组同学的展示方式,就优秀很多:

实操案例!让作品集快速上档次的包装技巧

再看 5 组的一个案例,这张图:

实操案例!让作品集快速上档次的包装技巧

啥问题?是不是太空了,主次也不清晰,左上角的 logo 快比页面还重了,所以我们一定要先解决画面主次的问题,先把界面变大变饱满:

实操案例!让作品集快速上档次的包装技巧

这时候可以再优化一下左侧文案的排版,稍微有点空旷:

实操案例!让作品集快速上档次的包装技巧

如果觉得层次还是不够,可以把底色融入一个黑圈:

实操案例!让作品集快速上档次的包装技巧

这样的话,把上面黑色的图标页,衔接在一起,就会好很多了:

实操案例!让作品集快速上档次的包装技巧

实操案例!让作品集快速上档次的包装技巧

这是不是比最开始那页的包装强太多了:

实操案例!让作品集快速上档次的包装技巧

所以大家在作品包装展示的时候,一定要注意这些细节,而且是非常细致的细节,有时候真的就是差一点点,感觉就不一样了!

本站资源仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!

所需权限

UI设计

如何打造品质感的UI界面?

2024-7-17 12:04:32

UI设计

想快速进阶?先学会有理有据分析UI界面

2024-7-23 9:05:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索