今天介绍一位ui课同学,他的名字叫做AZ,是去年04期,和菜心一起参与了小米大图标的设计,非常的努力,经常凌晨2、3点还在改图修图,今天来看看最近AZ的一个作品,过程中给了他一些修改意见,一期来感受下里面的细节吧!
最开始az的打卡作品是这样的:
其实效果还算可以的,但是不能细看,仔细分析之后,你会发现整体画面有点平,质感不够,这样说,你可能还是体会不出来,我们来对比下这个作品和我之前做的一个作品效果,大家就明白了。
我们从以下三个维度来分析,二者的差别在哪里。
结构清晰度:
我们看下面的结构对比,左侧的模型结构很难看清楚,而右侧的模型结构非常分明,每一个结构都看的非常清楚:
我们做东西,首先就是要让观看者看清楚你要展示的内容是什么,如果结构都不是很清晰,那就会让人感觉是一个半成品,不太精致!
画面黑白灰
我们做一个画面,对比度一定要够,也就是画面里要有足够的黑和白,如果全是灰色,画面就会很平很糊,这时候我们去掉二者的饱和度,去看黑白灰关系:
非常明显,后者明暗对比非常清晰,所以我们就可以把视线聚焦在最重的地方。
并且我们仔细观察,其实这个重色是非常有层次的,不会聚焦在画面的某一个块,红色箭头指向的地方就是重色,这个重色是均匀分布在画面上的:
大家在做画面的时候,一定时常去看黑白关系,千万不能太平。
背景通透度:
一般这种风格的画面,其实背景都是相对偏白的颜色,如果背景是灰色,很容易导致背景与主体物区分不开,我们再对比下两张图:
包括ui课上一些同学做的作品优化,也有这一个维度的优化,像下面这个都都哒哒做的练习:
背景从灰色变成偏白的颜色,整体就通透了很多!
好了,有了以上的分析之后,az也是改了很多版本,我们再展示几个,一起来看看其中的过程吧,比如这一版本,整体明暗对比更强烈了,但是方向用错了,因为大面积重的地方出现在一些投影的地方:
这样就导致,整体视觉焦点还是很分散,没办法聚焦在主体上。
我们还是看看黑白稿:
再看看下面这个,周围的重色绝对抢不过中心的重色
而且我们会发现,结构还是不够清晰:
1、tab bar动效设计理论要点
2、AE路径动画讲解
3、插件Motion 4讲解
1、loading动效设计理论知识
2、AE 3D系统讲解
3、常用AE表达式的讲解
4、Chat GPT辅助书写表达式
1、转场分镜的基础知识
2、牛顿力学插件基础讲解
3、动效交付全指南
本文来自微信公众号“菜心设计铺”(ID:caixinshejipu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。