莫b

今天再和大家分享几个小知识点,都是星友练习出现的一些问题,非常实用,来吧,吸收一波。文中会从高明度颜色、图标结构的丰富度、解释为什么为什么有些颜色会看起来比较浮,这三个方面来说明。

1.高明度颜色放在一起会看不清

我们看下面这张图:

图片

你能看清楚圆形吗?是不是不太清晰,并且有点刺眼?为什么?

其实就是因为这两个颜色的明度都很高,过于接近,导致看不清内容。

有时候做图标,我们也会犯这个错误,我们看下面这位星友的练习:

图片

左面的图标看起来很清楚,没有啥问题,但是右边的就有点看不清结构,就是因为高明度的黄与高明度的绿都很扎眼,放在一起就有点分不清了。

其实这个知识点最简单的错误案例就是在柠檬黄上写白色字:

图片

会导致看不清楚,这种知识点一看就明白,但还是会有很多人犯这种错误,希望大家多多注意。

 

2.一组图标的结构丰富度非常重要

下面这组图标是星友的练习作品:

图片

参考的原作是下图:

图片

大家可以看出来问题吗?

其实问题有很多,比如第一点那个高明度的颜色放在一起导致结构看不清了。

除此之外我觉得最大的问题就是,一组图标里面结构丰富度的问题。

我们看原作,里面有前后斜度角的结构,有上中下组合的结构,有里外空间的结构:

图片

但是练习的作品却只有前后斜对角的结构:

图片

这就会导致一组图标非常的单调,然后单调也会导致不精致的原因之一。

以后大家在做一组图标的时候,也要注意结构组成的多样性。

 

3. 为什么有些颜色会看起来比较浮

下面这两个图标是星友的临摹练习:

图片

看起来颜色有点浮,为什么会浮呢,其实就是因为整体明暗的对比没出来。

有一个非常好用的方法就是把图片去色,看黑白图,就能很好的分辨出来颜色浮不浮。

我们看下,左面的是原版,右边的是临摹:

图片

左面的明暗对比非常强烈,右边的就会很弱,大家仔细观察,其实就是黑的不够黑,白的不够白。

下面这张也是一样的原理:

图片

如果颜色都糊在一起,没有沉下去的颜色,就会看起来很浮。

这个小方法大家可以多多尝试,非常好用。

 

总结

今天就分享这么多啦,希望这几个实用的小案例可以给大家一点启发,避免踩坑,么么!

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 5年前我不知道这几个知识点,所以错过了大厂的面试机会!

登录收藏
 
你可能喜欢的:
详解|组件库可以替代 B 端设计师么?详解|组件库可以替代 B 端设计师么?
如何建立完善的设计验收机制如何建立完善的设计验收机制
最初我觉得这效果也太差了,最后没想到做的还不错!最初我觉得这效果也太差了,最后没想到做的还不错!
教你一招,标题设计真的很容易!!教你一招,标题设计真的很容易!!
为什么,你总是做不好投影!为什么,你总是做不好投影!
如何通过设计驱动产品的增长设计如何通过设计驱动产品的增长设计
面试被问到B端和C端的区别,我这样回答就被当场录用了面试被问到B端和C端的区别,我这样回答就被当场录用了
项目总结|临感VR中的「易撕线」项目总结|临感VR中的「易撕线」
尝试了N稿,微信选择了第一稿。尝试了N稿,微信选择了第一稿。
设计系统指南——搭建你的专属色彩系统设计系统指南——搭建你的专属色彩系统