作业修改教程丨UI设计在手,工作我有!【CGWANG王氏教育集团】

哈喽!大家好,我是CGWANG的彭老师,今天要给大家带来的是一个APP界面的作业修改。


我们先来看一下作业原图



 具体分析视频




修改建议

调整图片比例和大小;调整文字的字间距;做点小小的拟物设计;

Icon绘制得更统一点;做好分类,要么把选项收集在一个筛选按钮里,要么做一个分类栏。


具体修改视频





图片调整:比例差距较大的图片用叠加模糊的效果;

字体和颜色:缩小文字字间距(Alt+方向键)用APP的主要颜色。

拟物的卡片设计:画一个上圆角矩形,加一点投影;在顶部画一排小正方形,加内阴影。

Icon的调整:统一风格,把icon调整得更加圆润;大小统一(双击智能对象进入源文件进行修改)

做好分类:加一个“筛选”放于状态栏左侧/画一个60px宽的分类栏。


 作业总结


前后对比


总结视频





 彭老师想对有类似毛病的同学说

1、图片的比例不能随意地破坏,可以通过修图的方法;

2、一定要注意逻辑清晰,用户体验非常重要;

3、可以多做一些特别的设计,增加独特性。


图文视频内外兼修,学习起来更轻松!



想了解CGWANG 的学员在UI视觉设计培训中都学些什么吗?

扫描】下方二维码,一切奥秘都为你揭开。


想了解更多精彩内容,快关注我们的微信公众号“CGWANG实训中心”吧!么么哒!




你也许还想了解

电话咨询 在线咨询 查看地图 入学报名