在上一篇中我们深度解读了系统图标栅格系统的奥秘。发现很多小伙伴留言说非常喜欢“考拉”分享的文章,让我感到十分欣慰也让我有了更大的动力跟大家分享自己的一点设计经验。以后我也尽量多去跟大家互动,回复大家在评论区提出的疑问。希望在这样的互动中我们都能够有所收获。本篇文章我们继续交流系统图标的那些事。前边说了那么多,那究竟怎样的系统图标才算是一个优质的图标呢。下边我们先聊一聊评价系统图标三个标准。


系统图标的四个评价标准


1.传达功能信息
图标作为快捷传到信息的载体首要的标准就是要准确的传达功能信息,如果一个图标不能准确快速的表达含义,也就不能准确快速的引导用户操作功能,那么这个图标也就没有存在的必要了。所以评价图标的第一个最重要的标准就是传达功能信息。

01.jpeg

2.美观性
系统图标在界面中一般都是点睛之笔,都是精致美观的图形设计。一个图标的美观度决定了用户对这个图标的观感,精致美观的图标会大大增加用户点击的概率,从而更有效地传达图标所代表的含义。

02.jpeg

3.统一的风格
在同一个产品中保持同样的系统图标风格十分重要,统一性是保证设计品质的重要一环。统一风格的图标设计会极大地提升设计品质,一套不统一的设计风格会极大地降低产品的设计品质。


03.png

4.情感表达
图标除去自身的信息传达之外还要传达产品的情感,用以突出一个产品的个性。比如硬朗、温柔、大方、个性、可爱等。不同造型的图标设计会传达给用户不同的情感感受,图标的情感表达对图标设计的要求较高。需要对图形、线条、大小、颜色都有特别细腻的把控力。


04.jpeg

以上就是我们评价系统图标的4个标准,系统图标的设计风格多种多样。下边我们就来分析下市面上比较优秀的系统图标设计。


咸鱼app图标分析:
咸鱼app是阿里旗下的一款二手物品交易平台,凭借出色的界面设计和图标设计给用户留下了深刻的印象。其独特个性的图标设计也获得大家的一致好评。咸鱼的系统图标采用2px像素的线性图标,默认状态并没有太多惊喜,而图标的选中状态采用了主题色填充并且错位缩小的设计手法。黑色边框和黄色田中色的对比十分时尚抢眼。这一套图标的设计手法也被很多app所借鉴,可以称作高品质的系统图标设计。


05.png


网易云图标分析:
网易云系统图标设计采用了曲线的设计风格,用2px的线条结合音乐的乐谱的曲线特征,表达音乐特有的属性。这套图标可以说是既有良好的表意性也有非常强的美观度,大大提成了网易云音乐的品牌调性。同时这套图标又能展现出音乐韵律的感觉,是非常优秀的图标设计案例之一。

06.png


UC头条图标分析:
UC 头条在经过新的改版后系统图标设计由原来的2px线性图标更改为3px的线性图标,使得现在的图标看起来更加硬朗有力。这套图标最大的亮点是黄色圆形选中效果的设计方式,在众多app图标设计中独树一致,另大家印象深刻。另外整套图标的设计造型简洁大方,传达信息明确。是非常高品质的系统图标设计作品。

07.png


开眼APP图标分析:
开眼app是一款高端小视频作品展示app。开眼的设计十分独特具有很强的文艺感。开眼的图标设计也是独树一帜采用了图形中的基本型方形,圆形,三角形,和叉形作为菜单图标。造型简洁明了设计感十足,图标采用了4px的线形图标设计手法,配以尖锐的直角,营造硬朗可靠的感觉。选中效果是在原有线性图标的基础上配以块面图形,形式感非常强。让人印象深刻。但是也有一个小问题就是图标代表的含义不能被用户快速识别,这个也算是创新性与实用性之间的抉择吧。

08.png

以上就是今天的分享内容,下一篇文章是“系统图标设计风格的设计手法”会通过实例的方式展现如何定义不同风格的系统图标,敬请期待哦。

亲!小编正在上传资源中,请稍等。

文章来源:UI酷设计

关注UI酷设计公众号

领取100+交互体验pdf电子书