不知道怎么继续优化?那是你没看这几点!

用户头像
深圳/学生/3年前/36533浏览
不知道怎么继续优化?那是你没看这几点!

一些设计小技巧!

今天来分享几个设计干货,明白底层原理后,我们就可以更好更精准的优化现有设计了!

01 颜色掉层次了

很多时候,我们会发现,我们加的质感有点平,比如像下面这种:

很明显,这种地方就有点平:

原因就是因为“颜色掉层次了”,我们只需要在他的中间再加一层颜色,就可以让它的质感饱满起来。

具体步骤就是,我们可以先给它加一些“形状”然后进行羽化:

我们可以看下前后对比,这样就不会那么平了:

一旦发现质感有点平,就可以用这种“颜色掉层次”的思维去尝试优化!

02 颜色要透

这是一位同学做的质感临摹练习:

颜色有点太闷了,不够透彻,我们先来把颜色弄的透一点,我用圆形来表示,首先我们的颜色不能太重,弄个小渐变:

这是我们的一个基础,如果感觉明暗对比不够,可以再适当加强对比:

然后加一点反光,这是非常灵魂的一个步骤:

然后再加一点左上角的高光:

这时候我们再来加中间的暗部形状,我们看原版的有一个很大的问题,就是中间的暗部爱心和背景有点糊在一起了:

就是因为两层都是暗色,所以没有区分开,所以这也是为什么我们把背景色调亮的一个原因,我们把中间的形状加上去:

然后再来个内阴影和边缘光:

大功告成,我们再来对比下前后的质感:

是不是好了很多。

03 不重要的颜色千万不能高饱和

有时候我们会觉得自己的设计有点主次不分,这种感觉往往和颜色有关。

下面两个圆形,你会觉得那个更吸引你的眼球:

对,没错,肯定是第一个,因为第一个颜色的饱和度比较高,颜色比较纯,所以更加吸引眼球。

那我们看下面跟米同学的启动图标作业:

感觉所有颜色有点糊在一起,甚至感觉背景比形象还要吸引眼球,就是因为背景的颜色饱和度太高了!

当跟米把背景的颜色饱和度降低时,我们再看下效果:

我们可以很清晰的把视线聚焦在吉祥物的身上。

所以我们在做视觉的时候,一定要注意,你的重点是什么,注意饱和度对比、明暗对比,千万不要本末倒置!

总结

以上就是今天和大家分享的知识点啦,颜色掉层次、颜色如何通透,颜色饱和度....

希望对大家所有帮助!

1062
举报
|
1044
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】体育icon
智能家居中心 简约 UI设计组件库
户外旅行飞机情侣假日出行
【新年UI图标】30个图标
UI通用设计素材1
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新拟态风格 UI设计组件库
新能源APP应用UIKit
【新年UI图标】礼物/活动icon
科技医疗透明柜UI界面设计
盲盒APP UI设计
拟物风质感写实UI卡片合集源文件
UI界面 组件
3D渐变流体抽象矢量UI背景图
【新年UI图标】相机icon
抽象液态渐变UI背景模版
钱包ui模板
3D卡通UI界面图标可爱插画免扣素
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】积分icon
UI 登录界面设计模板包
【新年UI图标】活动icon
【新年UI图标】旅行icon
你可能喜欢
相关收藏夹
大家都在看
登录注册