服务热线:
15071151002
图文展示
衍果视觉设计培训学校

UI老司机盘点的优秀图标清单,全是知识点

图标设计,即icon设计在界面设计中占有很重要的位置,决定一个界面风格的重要构成元素。一个好的图标,可以让用户“一秒即懂”,如何设计出优秀的图标,这篇文章给你解答。

武汉衍果UI设计培训课程详情:

http://www.yanguosheji.com/h-col-105.html

图标的类型多种多样,总共分为三大类:工具图标,装饰图标,启动图标。其中风格多种多样。

主要风格有

工具图标:线性风格、面性风格、混合风格

装饰图标:扁平风格、拟物风格、2.5D风格、炫彩渐变风格、实物贴图风格

启动图标:文字形式、图形形式、图标形式、插画形式、拟物形式

图标类型

工具图标


▲线性风格


▲面性风格


▲混合风格

装饰图标


▲装饰类


▲扁平化风格


▲2.5D风格


▲炫彩渐变


▲实物贴图

启动图标


▲文字形式


▲图标形式


▲图形形式


▲插画形式


▲拟物形式

上述是一些主流图标盘点,大家在进阶的过程中,不要挑一些简单的进行制作,可以尝试挑一些有趣的操作,在掌握技巧的同时培养创新意识。

制作软件

制作这些图标,用到的就是PS与AI这两个软件,也是设计师常用的两大软件。

在ps中,你需要掌握路径创建和调整、钢笔工具和锚点、路径图层、布尔运算、图层属性等。设计软件都是越用越熟悉,所以一些新手ui设计师不要担心这个不会那个不会,多练就行,基础的绘制过程都能了解。


优秀图标特点

01

易识别

图标必须第一时间传达最重要的信息。当图标不能够立刻表达出所代表含义时,它就会变成一种“视觉噪音”,失去了图标存在的意义。优秀的图标即不用阅读标签或文字提示,就可以被认知理解。

02

视觉舒适

可以通过插画、颜色以及图标传达品牌个性。如果做得好,图标肯定可以增强设计的美感。限制颜色使用数量,使用不超过3或4种颜色,保持设计简洁。通过聚焦于对象的基本特征,来减少图形设计细节的数量。尽量保持设计的概要性,因为设计概要性的在不同的界面和分辨率都可以进行转换。


03

合适尺寸

图标应该很好地作为用户的目标点。参考:目标在屏幕中点击范围为7-10mm。并且,请确保在目标对象之间添加填充,以防止不准确的点击。

04

一致性

当使用相似的元素且具有一致的外观和功能时,可以让可用性和可学习性都得到提升改善。

(文章图片来源于网络,如有侵权,请联系删除。)

更多设计干货点击:

http://www.yanguosheji.com/h-col-107.html


联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:15071151002