UI设计｜一些不同风格的Icon合集

闲时整理了工作中做到的Icon

码好发现竟然还不少......

按照风格分类排序了一下

大致就是「线条」「线+色块」「线+面」这三种

顺便来复盘一下Icon设计心得吧！！！

设计流程✏️

我自己的流程大致是：画草图 - 在AI中进行几何重组 - 删繁就简 - 细节调整

当然得在一开始理清楚设计需求

然后根据需求找一些适合的参考

这些前期准备工作和有条理的工作流程一样重要！！！

心得体会✨

Icon在一个页面里的首要任务是引导点击

因此要在保证的辨识度和易用性的基础上

让它们一个个都呆在一个既定的风格框框里

然后才是根据不同风格的需求对它们“化妆”

我称之为先加后减（或者先放后收）的过程

这个过程甚至有点禅意

因为需要在混乱和无序中找到秩序

（对本INFP来说甚至有点治愈）

最后的话☁️

接触到UI相关的东西属于偶然吧

毕竟在公司的Title是动效设计师（那理所当然我的平面会比较弱

但随着一些小东西慢慢落地，逐渐就有了更多尝试的信心和勇气

当然也是有一些试错成本，也有很浮躁的时候

不过浮躁以后，多看多试多思考，随着时间是会沉淀一些东西的

这样就慢慢形成了一套属于自己的Icon设计方法论啦

或许对于每个行业来说这都是进步的的秘诀吧

动效如此、Icon如此、平面、3D等等也是如此

希望以后也一直有多看多试多思考的热情在

共勉！！！