当前位置: 首页 >> APP图标尺寸_APP图标设计教程_APP图标制作_APP图标下载 >> 阅读正文

移动端APP设计那些知识点:icon设计的原则与创新

众所周知,icon图标设计在移动端app设计当中占有很大的一个比重。一个APP的个性和风格可以从icon上看出来的。

所以,icon图标设计也是最容易考验UI设计师水平能力的。如果你去面试APP设计师,如果icon图标设计都不会,估计你面试成功的机会相对会少一些。

app桌面图标设计

Icon是一个手机APP界面上的重要组成部分之一。Icon设计是APP设计师必须重视的一个技能。

25学堂也相信每一位APP设计师在日常的设计工作中都曾经遇到过这样的问题:

“这个icon我该使用什么样的语义,这样表示是否足够清晰,到底应该用icon好,还是文字好?”

 

一、移动端APP使用Icon图标的优势

A、对于手机这样的小屏幕设备来说,采用icon的形式在大多数情况下肯定是好的;利用icon辅助文字也能在很多时候提高辨识度。

B、提高整个APP界面的视觉效果

如下图APP界面所示:

干净简洁的手机APP页面设计

 

 

二、移动端APP使用Icon图标的不足之处

如今我们所使用的产品,功能都在逐步的增多,界面也都是越来越具有复杂性,一个页面上所需要的按钮也越来越多,那么就会出现很多时候单纯一个图标在语义上其实很难以做到清晰且准确,如果达不到清晰准确那么就会需要用户去思考及判断,增加了体验过程中的认知负荷。

如果无法快速而准确的传达信息,一个icon画的再精美又有什么用呢?

举个案例说明下:

icon界面设计案例

上面便是个不好的例子,当界面上的icon不容易被识别出来的时候,用户便会下意识的回避他们,也许很多时候你的用户就这样慢慢的流失掉了;

这个app页面中的功能很多,数十多个icon堆积在页面上,大多数icon的语义并不能很快速的被辨识,个别icon的设计并没有使用用户长时间已经积累在脑海里面的认知语义。

下面我们再看下设计比较好的案例:

好的icon界面设计案例

上面这个APP设计当中的icon处理的不错。照片编辑里面的操作应该算是专业性的了,对比度,饱和度,曝光等等名词,虽然也可以坚持用一个icon来做表示,但当这么多操作放在一个界面上时,识别的难度就逐一增加了,使用文字为主,icon为辅的形式,保证了页面的清晰识别性,减少了用户的记忆成本。

 

三、所以,当我们在设计自己APP里的icon的时候,需要遵循下面几条icon设计原则

大神总结出来的,希望各位好好参考一下。

称为  icon设计 最好的原则

不要在设计的时候再去争执是用icon好,还是文字好,遵循几个原则,就可以保证好的体验:

1. 使用的icon语义能100%准确清晰的表达出来;

2. 尽量使用用户都已经熟悉且有认知的icon语义;

3. 如果很难用直观的icon来表示文案的语义,请用icon+文字的形式;

4. 如果空间不足无法同时使用icon+文字,请选择直接使用文字;

如果各位在实践当中,还有更好的解决原则,可以告知25学堂。我们一定做到最全的APP设计干货酷站。

 

最后,再来谈谈创新icon图标设计

创新设计是我们在APP设计中,被提到的次数最多的,很多优秀的APP设计师都愿意在设计的时候做出一些创新,觉得做不同的设计就是创新,甚至更多的时候是在为了不同而做不同设计;这也是一种设计师个性的展示。同时给APP作品赋予设计师的风格。

 

下面是帮大家收集了几个app上共同的“我的”的icon 的设计:

icon 我的图标设计欣赏

 

设计师为了自己界面风格的一致性,一个“我的”icon 就会设计出各种各样,前面的几个还是基本上与大家熟悉的图形语义比较接近,也能够很快速的识别出来,后面的2个icon从设计上说的确是富有了很强的设计感,很独特,

但是从图形语义上已抽象到脱离了我们脑海里对“我的”这个感念的认知,这种icon如果单独的出现在界面中,势必会造成理解上面的偏差。

以上就是作者的一些观点和看法。各位亲,以上这些原则不是规范。只能算设计师的一些心得而已。设计师要学会吸收好的干货和参考案例。

以上内容来源:阿里妈妈MUX  鑫妍  ,在此25学堂感谢大神的分享。

本文标题:移动端APP设计那些知识点:icon设计的原则与创新

本文地址:http://www.25xt.com/iconweb/13498.html

本文关键词: , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。