Dribbble上的图标设计大神,他...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
872 0 0 2022-01-27

我们看几位追波上图标大神的作品,看看他们有没有在识别性、规范性、统一性、呼吸感这几个维度上做好。


什么样的图标才算好?

(这里只谈以线性和面性为主的功能型图标)


评价一套图标质量高低的几个维度,包括识别性、规范性、统一性、呼吸感、品牌感。

识别性:用户能不能在没有文字提示的情况下,一眼看明白这个图标代表的意思。
规范性:同一套图标,在视觉大小上,是不是一致的,像素对齐、圆角大小、描边粗细这些细节,是不是一致的。
统一性:图标的复杂程度、颜色规范、设计语言这些,是不是统一的。
呼吸感:有没有适当的留白。
品牌感:有没有把品牌元素,巧妙的融入到图标设计中。

在这几个维度中,识别性,不用说了,是默认原则;

规范性和统一性,其实表达了类似的意思,也是我们最应该去注意 的;

呼吸感,也非常重要,不关注呼吸感的后果是图标有的地方特别空,有的地方又特别挤;

品牌感,这方面大家是比较注意的,至少在图形风格上会与品牌调性一致。

接下来,我们看几位追波上图标大神的作品,看看他们有没有在识别性、规范性、统一性、呼吸感这几个维度上做好。

第一位,Scott Tusk

 

个人最喜欢下面这组线面结合的,线条统一是黑色,色块统一是红色,搭配起来很舒服,再加上背景一点灰色块,让单个图标看起来更精致、更饱满,这个小创意很棒。

但是也有不足,还记得统一性原则吗?

在这组图标里要注意,红色色块在单个图标中占的面积,在视觉效果上应该是一致的,应该说下面大部分图标保持的是不错的,只是个别的拿出来对比,会不太舒服。

比如下图第三排第一个,点击的图标,只有三个点是红色,红色面积太少了。相比之下,第三排的卡车和聊天图标,红色块占的面积又太大了,这些我们自己做的时候要注意。

下面是三组跟食物有关的图标,不是我们严格意义上的功能图标了,但是在图形、颜色、阴影这些地方,都有很多细节可以学习。

第二位,Vic Bell

我最喜欢的,是她的下面这组,非常精致,在统一性上,把握得也很好。

跟 Scott 的第一组同样是线面结合的风格,同样在面的颜色上做了变化,只是下面这组线面的颜色保存了同色系,显得更精致一些。

下面这些就不一一分析了,大家可以自己根据几个维度去观察和体会细节。


第三位,Martin David

哈哈,还是先上一组彩色线面结合的,这种一组图标里用到多个颜色的,要非常注意色值的选择,线和线是统一的,面和面是统一的。

然后,我们可以把 Martin 的几组作品一起看,他非常喜欢给图形一个比较大的圆角,非常统一,让图标看起来圆圆胖胖的,非常可爱。


当然,还有其他的风格:

第四位,Eddie Lobanovskiy

这位最大的特点是色彩的运用,我们先看两张他的网页作品,他的图标作品不多,但是很有个人特点。


第五位,Zach Roszczewski

最后一位,风格非常多样,展示的图也是最多的。

为什么大神的图标明明很也简单,但是看起来让人舒服呢?蘑菇都在细节里呀,我们就看下图 BOSE 这组图标,第一个耳机的图标,同时运用了直角和圆角两种元素,在其他的图标中,比如话筒、点赞、显示器、CD机、火焰等等,都能找到直角和圆角的,在整体上形成了统一,在个体上避免了单调。能把细节执行到这种程度,就是功力的体现。

好啦,今天的图标大神就介绍到这里,你最喜欢谁的作品呢?


Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票