UI培训

400-111-8989

热门课程:

UI培训 > UI教程

UI培训教程之系统图标如何设计

发布：UI培训
来源：UI教程
时间：2021-05-11 17:56

UI培训教程之系统图标如何设计？今天达内 UI培训设计小编带大家来看看如何设计系统图标。

系统图标在UI设计中是非常基础的图形化语言，也在页面交互中起到很重要的作用。单个图标的设计并不难，但是系统化、规范化所有图标并在项目中不断应用与复用，是对UI设计能力的考验。系统图标设计需要这几步：

选择合适的图标原型

常见的系统图标都会有默认的样式，比如“设置”一般就用齿轮来表现，“搜索”常规就是一个放大镜，这些图标要么就是由认知习惯而来、要么就是隐喻真实的使用场景。这样用户在使用的时候一眼就会找到自己需要的。当然，为了使我们的图标具有独特性和设计感，你可以在常规样式上增加细节扩展。选择图标一定要选择合适的，不同的场景需要选择不同的图标。

风格一致

每个产品根据其功能、定位，都会有其产品调性，不同的产品调性，系统图标的设计风格也迥然不同。图标的属性有很多，但一组图标的属性要一致！

保持图标视觉大小一致

在设计好样式、定义了配色之后，图标设计中最基础也是最重要的一步来了：保持图标的视觉一致性。如果一组图标在页面中大大小小，即使设计得再炫酷，也是一组不规范的图标。

图标的管理与维护

当产品从零到一逐渐成型和完善之后，系统图标也会越来越多、越来越难以维护。后期容易出现同一个功能好几种种图标的情况，影响统一性。

UI培训教程之系统图标如何设计？这下你知道了吗？了解更多UI设计知识技巧，关注达内UI培训设计！

免责声明：内容来源于公开网络，若涉及侵权联系尽快删除！