如何设计一套风格高度统一的功能图标设计

Recommand
深圳/UI设计师/7年前/1829浏览
如何设计一套风格高度统一的功能图标设计Recommand

《UI进阶零基础学》读后有感


图标,分为应用图标和功能图标。在上一篇文章中,应用图标的相关知识,已经进行了总结。现在,分析的是功能图标。在一个应用中,功能图标出现频率,要比应用图标高得多,几乎遍布在应用界面的所有页面当中。

功能图标,有明确的表意功能,替代或者辅助文字,来指引用户进行快速的导航。


相对于纯粹的文字指引而言,功能图标更直观,更符合大众的认知习惯,有利于提高应用的易用性。同时,一组风格统一、设计精美的功能图标,也有助于提升应用的视觉效果,给用户带来视觉上的愉悦。




一、功能图标的分类

与应用图标相比,功能图标的种类可以说是很少了,也没有应用图标那么花俏。
主要分为三大类:





undefined







二、功能图标的设计原则

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








三、功能图标建立统一风格的技巧


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



42
Report
|
59
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
工作渲染
Homepage recommendation
大家都在看
Log in