莫b

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

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

我们看下面这张图:

图片

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

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

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

图片

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

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

图片

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

 

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

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

图片

参考的原作是下图:

图片

大家可以看出来问题吗?

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

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

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

图片

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

图片

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

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

 

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

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

图片

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

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

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

图片

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

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

图片

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

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

 

总结

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

 

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

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

登录收藏
 
你可能喜欢的:
这些手势交互你关注到了吗?这些手势交互你关注到了吗?
业务想大多全,用户要精准简,首页设计该如何破局?业务想大多全,用户要精准简,首页设计该如何破局?
设计的「七宗罪」设计的「七宗罪」
最近访谈了海外用户,总结几点意外收获最近访谈了海外用户,总结几点意外收获
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
15条APP体验设计的思路分析15条APP体验设计的思路分析
设计师如何提升总结力设计师如何提升总结力
淘宝订单页改版分析:如何提高支付转化率淘宝订单页改版分析:如何提高支付转化率
工作经验| B 端产品组件设计细节及经验分享(三)工作经验| B 端产品组件设计细节及经验分享(三)
笔刷教程 | PS颜色动态功能在绘画中的作用笔刷教程 | PS颜色动态功能在绘画中的作用