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

2024-5-22    前端达人

最近ui课学员开始做结课作业,在给大家批作业的时候,发现很多同学对于包装审美还是差一些,课上给大家实操了很多案例,今天给大家分享几个,比如一组的这块需求分析,包装的就不太行:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
有点太随意了,包括文字的排版,还有标题前面的两个圆圈:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
如果我来包装的话,一定要加点修饰,不能只是文字,比如加点图标或者加点卡片,我可以先把卡片加上,这样会更加有聚焦的感觉:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
这时候我们可以想办法加点颜色区分,比如用产品的主色:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
然后可以再给圆圈里面加点图标,或者修饰元素,因为一组同学已经有了一些质感图标的绘制,直接加上就可以了:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
然后再加上标题:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
我们来对比下第一版和优化后的效果:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
这里面其实差的仅仅只是一点点包装审美和用心的态度,技法层面没什么门槛,只有两个质感图标,还都是一组同学自己画的!
再举一个1组同学的例子,他们在展示图表的时候,效果是这样的:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
如果面试官用手机看你的作品,能看清楚啥呀,所以如果你觉得自己的作品做的还不错,一定要学会放大展示局部,比如我们这样优化一下:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
是不是比刚才更加简洁大气?
所以大家一定要记住,有优秀的东西,一定要拿出来放大展示,我们看看3组同学的展示方式,就优秀很多:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
再看5组的一个案例,这张图:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
啥问题?是不是太空了,主次也不清晰,左上角的logo快比页面还重了,所以我们一定要先解决画面主次的问题,先把界面变大变饱满:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
这时候可以再优化一下左侧文案的排版,稍微有点空旷:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
如果觉得层次还是不够,可以把底色融入一个黑圈:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
这样的话,把上面黑色的图标页,衔接在一起,就会好很多了:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
这些包装技巧,简单又出效果,不看一会就删了!
 
 
这是不是比最开始那页的包装强太多了:
这些包装技巧,简单又出效果,不看一会就删了!
 
 
所以大家在作品包装展示的时候,一定要注意这些细节,而且是非常细致的细节,有时候真的就是差一点点,感觉就不一样了!
希望今天分享的这几个包装小案例,大家可以有所启发,后面我会经常改ui课同学的作业,尤其是这种细节上的改动,让大家更好的做出精致作品!
加油,兄弟们!
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发



作者:菜心轻量文
链接:https://www.zcool.com.cn/article/ZMTYyMDA3Ng==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档