如何设计一套风格高度统一的功能图标设计
深圳/UI设计师/7年前/1829浏览
版权
如何设计一套风格高度统一的功能图标设计
《UI进阶零基础学》读后有感

图标,分为应用图标和功能图标。在上一篇文章中,应用图标的相关知识,已经进行了总结。现在,分析的是功能图标。在一个应用中,功能图标出现频率,要比应用图标高得多,几乎遍布在应用界面的所有页面当中。
功能图标,有明确的表意功能,替代或者辅助文字,来指引用户进行快速的导航。
相对于纯粹的文字指引而言,功能图标更直观,更符合大众的认知习惯,有利于提高应用的易用性。同时,一组风格统一、设计精美的功能图标,也有助于提升应用的视觉效果,给用户带来视觉上的愉悦。
一、功能图标的分类
与应用图标相比,功能图标的种类可以说是很少了,也没有应用图标那么花俏。
主要分为三大类:




二、功能图标的设计原则
功能图标在移动应用,通常都非常的小,导航栏和工具栏图标只有44px,标签栏的图标页也只有50px。正因为它们很小,所以给绘制增加了难度,需要掌握一定的设计原则。

三、功能图标建立统一风格的技巧
功能图标在界面中出现的高频性,多样性,使得它们必须要有统一的风格,才能保证整个应用界面的风格统一,才能让用户体验更加友好。要从外观和颜色上,确立主风格;在局部上,需求个性特征。将两者结合起来,才能创造出完美的设计方案。以下,是建立统一风格的技巧,

42
Report
声明
59
Share
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
Log in
42Log in and synchronize recommended records
59Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share





































