loading请求处理中...

UI设计界面,日常工作好帮手——ICON

2021-12-02 16:24:19 阅读 9708次 标签: ui设计 作者: chenxi0
上一次整理和分享了常用的字体库,这一次整理 ICON 的部分。

但是在分享内容说明前,先和大家说说 ICON 的一些规范和个人使用的经验。


一、ICON 的使用范围

ICON 在今天的设计、日常应用环境里,已经远远超过我们想象的范畴,可以说这是我们素材库使用频率最高的种类,已经远远大于一般的矢量素材,所以这也是我在字体整理完之后优先整理的原因。

1、最常见的 UI 设计元素应用:常见的 UI 设计界面


2、在 Banner 中的应用:使用了 ICON 的 Banner


3、平面设计如海报、画册的应用:大量使用 ICON 元素的海报


4、PPT、数据报表的使用:使用 ICON 元素的 PPT


5、只要你想得到的地方……

ICON 已经成为万金油,可以支援任何你觉得需要有元素填充,显得空白的区域。所以有自己积累的一套趁手的 ICON 素材库,可以快速响应你的各式设计手法。



二、ICON 在设计流程里的应用

要先声明一点,重点对待、时间充裕的项目,里面的 ICON 元素应该都是设计师自己绘制出来的,直接拿素材往上贴,一方面这种偷懒的方法对于我们自身的成长毫无帮助,另一方面,成套的 ICON 风格要保证和设计调性吻合,以及想表现的图标总类一致,是很难的。

所以,在这类项目里 ICON 素材的价值是什么,就在于流程的执行环节,这是一个我自己长期以来使用的习惯,这里先和大家分享一下(完整的设计流程这个以后再说)。

首先,在贯彻敏捷的方法上,我会在接到产品经理文档以后,以最短时间整理出一份精确的原型设计。而一份有代表性的原型界面,也要尽可能在一些细节上表达得准确一点,尤其是使用 ICON 的按钮、元素。如果 ICON 元素都是用随便画的矩形表示,会对观看者造成极大的困惑。

不带 ICON 的原型

而当我们有一套趁手的 ICON 素材库时,就一定要在这个步骤中将可以完善的图标占位符全部替换成拟真的模式。这样不仅让我们传达的意图更清晰,也会让项目参与者对你的专业度表示肯定。

带有 ICON 的完整原型

这种做法还有个好处,就是一开始选用 ICON 的过程会为后面自己设计的时候提供清晰的思路:


需要设计几种尺寸规格
每个规格内包含哪些 ICON 类型每个类型的ICON 用什么内容元素表达通常我还建议,在正式设计的流程里,ICON 元素暂时使用素材占坑,等到大体页面和样式设计完以后,最后再设计 ICON,这样效率和质量会有更好的提升。

三、ICON 的分类整理

下面我把 ICON 分成以下几类,依旧是贵精不贵多,能完全满足我日常需要的。如果是针对 UI 类项目,依靠第一类的素材就能够应付。所以每套 ICON 的数量、类型都较丰富。而日常的其它需求,就从后面的几种分类中挑选。

1、完整套装型:万金油 “三件套” ,倍儿棒~

2、线性的 ICON:52套线性 ICON

3、实心的 ICON:11套实心 ICON

4、彩色的 ICON:30套彩色 ICON

5、产品LOGO类 ICON:8套用于制作 “微信”“朋友圈” 分享按钮的应用 ICON


设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
公司logo设计

¥600 已有2人投标

衣柜定制结构图设计

¥100 已有0人投标

美式游乐园风格的logo设计

¥300 已有1人投标

LED商标设计

¥100 已有6人投标

JHM 图形LOGO设计

¥500 已有34人投标

商标创意设计

¥3000 已有9人投标

淘宝首页设计

¥100 已有4人投标