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

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

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

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

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

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

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

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

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

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

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

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

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

然后再加上标题:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

声明:本文由蜜芽发布,本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
UI设计

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

2024-7-17 12:04:32

UI设计

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

2024-7-23 9:05:26

版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索