/他熬夜到凌晨4点,努力一周,最终把图改好了!

他熬夜到凌晨4点,努力一周,最终把图改好了!


今天介绍一位ui课同学,他的名字叫做AZ,是去年04期,和菜心一起参与了小米大图标的设计,非常的努力,经常凌晨2、3点还在改图修图,今天来看看最近AZ的一个作品,过程中给了他一些修改意见,一期来感受下里面的细节吧!

最开始az的打卡作品是这样的:

其实效果还算可以的,但是不能细看,仔细分析之后,你会发现整体画面有点平,质感不够,这样说,你可能还是体会不出来,我们来对比下这个作品和我之前做的一个作品效果,大家就明白了。

我们从以下三个维度来分析,二者的差别在哪里。

结构清晰度:

我们看下面的结构对比,左侧的模型结构很难看清楚,而右侧的模型结构非常分明,每一个结构都看的非常清楚:

我们做东西,首先就是要让观看者看清楚你要展示的内容是什么,如果结构都不是很清晰,那就会让人感觉是一个半成品,不太精致!

画面黑白灰

我们做一个画面,对比度一定要够,也就是画面里要有足够的黑和白,如果全是灰色,画面就会很平很糊,这时候我们去掉二者的饱和度,去看黑白灰关系:

非常明显,后者明暗对比非常清晰,所以我们就可以把视线聚焦在最重的地方。

并且我们仔细观察,其实这个重色是非常有层次的,不会聚焦在画面的某一个块,红色箭头指向的地方就是重色,这个重色是均匀分布在画面上的:

大家在做画面的时候,一定时常去看黑白关系,千万不能太平。

背景通透度:

一般这种风格的画面,其实背景都是相对偏白的颜色,如果背景是灰色,很容易导致背景与主体物区分不开,我们再对比下两张图:

包括ui课上一些同学做的作品优化,也有这一个维度的优化,像下面这个都都哒哒做的练习:

背景从灰色变成偏白的颜色,整体就通透了很多!

好了,有了以上的分析之后,az也是改了很多版本,我们再展示几个,一起来看看其中的过程吧,比如这一版本,整体明暗对比更强烈了,但是方向用错了,因为大面积重的地方出现在一些投影的地方:

这样就导致,整体视觉焦点还是很分散,没办法聚焦在主体上。

我们还是看看黑白稿:

再看看下面这个,周围的重色绝对抢不过中心的重色

而且我们会发现,结构还是不够清晰:


于是az再次优化,得到如下效果:

我们对照知识点,以此来看看前后对比:
重新优化了模型,使结构相对更加清晰:

画面黑白灰上,黑白对比变得更加清晰:

最后再看看背景的通透度,背景色要比之前的颜色更加偏白,更加干净了:

再看看一些细节展示:

这套作品也拿到了站酷的编辑精选:

他的站酷ID是AZ770,感兴趣的可以关注下,和他一起成长



好啦,今天就分享这么多了,希望对大家有所帮助,加油加油!
动效打卡开始报名
课程大纲和亮点
  第一节:tab bar 动效设计__
课程亮点
1、tab bar动效设计理论要点
2、AE路径动画讲解
3、插件Motion 4讲解

  第二节:loading 动效设计__
课程亮点
1、loading动效设计理论知识
2、AE 3D系统讲解
3、常用AE表达式的讲解
4、Chat GPT辅助书写表达式

  第三节:UI 动效的包装设计__
课程亮点
1、转场分镜的基础知识
2、牛顿力学插件基础讲解
3、动效交付全指南

图标小案例:







更多内容戳下方图片链接报名哦!


本文来自微信公众号“菜心设计铺”(ID:caixinshejipu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。