人
已阅读
已阅读
开发一款APP要如何设计图标
来源:lexintech.com 发布时间:2019-07-17
开发一款APP,图标是很重要的一部分。图标做为APP页面中最重要的元素之一,合理的运用与设计,是UI设计师必备的技能。
APP图标设计的风格类别有很多种,但主要可以大致概括为三大类:面性图标、异形图标、线性图标。
面性图标视觉表现力强,在页面当中是视觉担当,能有效的强调页面的视觉重心,能更好的突出主要业务重心,所以常常用在首页一级页面做为主要流量分发。
列表流不建议用面性图标,原因是形式与功能之间的关系,面性图标的特点是视觉表现力强,相对其他类型的图标不具备高效的识别性,对于功能分类的页面,没有起到一个很好的高度概括性与高效引导的作用。
面性图标一般也不在页面中大量的出现。
面性图标更容易营造氛围,很多产品在节日或活动中,常常改变面性图标来营造气氛,原因是面性的图标有很强的视觉表现力。
面性图标视觉表现力强,在页面当中是视觉担当,能有效的强调页面的视觉重心,能更好的突出主要业务重心,所以常常用在首页一级页面做为主要流量分发。
列表流不建议用面性图标,原因是形式与功能之间的关系,面性图标的特点是视觉表现力强,相对其他类型的图标不具备高效的识别性,对于功能分类的页面,没有起到一个很好的高度概括性与高效引导的作用。
面性图标一般也不在页面中大量的出现。
面性图标更容易营造氛围,很多产品在节日或活动中,常常改变面性图标来营造气氛,原因是面性的图标有很强的视觉表现力。
面性图标的第一视觉是一个色块,异形图标第一视觉是个形状,所以面性图标视觉表现力强,异形图标识别效率高。
用图标区别视觉层级、业务板块。设计图标时要有主有次,有视觉层级。
很多图标设计都运用了四色系原则。一般多色的图标表现形式,保证四个色系是比较合理的,红、黄、蓝、绿四个色系也能够映射大多数业务的属性。例如“果蔬”运用了绿色,给人一种新鲜健康的感受,“鲜花”运用红色系体现鲜花原本的特征,以及人对“鲜花”颜色通常的认知。
当然四色系原则也不是绝对的,只要视觉上舒适,业务上符合,是可以突破四色系的,一般情况下四色系能够保证图标用色的合理性和的。
很多图标设计都运用了四色系原则。一般多色的图标表现形式,保证四个色系是比较合理的,红、黄、蓝、绿四个色系也能够映射大多数业务的属性。例如“果蔬”运用了绿色,给人一种新鲜健康的感受,“鲜花”运用红色系体现鲜花原本的特征,以及人对“鲜花”颜色通常的认知。
当然四色系原则也不是绝对的,只要视觉上舒适,业务上符合,是可以突破四色系的,一般情况下四色系能够保证图标用色的合理性和的。
最后说一下黑色的线性图标,黑色用好了很高级有逼格,用不好却会让人觉得很难接受。
看下微信、汽车之家、寺库奢侈品等产品,都运用了纯黑色的图标,而且看起来都很不错。黑色象征着高贵、稳重、科技。黑色是一个很强大的色彩。它可以很庄重、高雅,而且可以让其它颜色(亮色)突显出来。在只使用黑色而不用其它颜色的时候,会有一种沉重的感觉。
黑色可以流露出高雅、刚毅、信心、神秘、权力和力量。汽车之家为什么运用了纯黑色图标,因为汽车之家用户男性居多,又是关于车的业务,所以完全迎合产品的业务属性和目标人群。再者就是奢侈品的产品,常常用纯黑色,能够很好的传递神秘、高贵、价值的感受。
微信为什么运用了纯黑色Tab图标?因为更适合,微信的品牌色为绿色,页面中的占比少之又少,大量的是灰白颜色,所以要让页面有所表现,纯黑色无疑在视觉上最舒适。
看下微信、汽车之家、寺库奢侈品等产品,都运用了纯黑色的图标,而且看起来都很不错。黑色象征着高贵、稳重、科技。黑色是一个很强大的色彩。它可以很庄重、高雅,而且可以让其它颜色(亮色)突显出来。在只使用黑色而不用其它颜色的时候,会有一种沉重的感觉。
黑色可以流露出高雅、刚毅、信心、神秘、权力和力量。汽车之家为什么运用了纯黑色图标,因为汽车之家用户男性居多,又是关于车的业务,所以完全迎合产品的业务属性和目标人群。再者就是奢侈品的产品,常常用纯黑色,能够很好的传递神秘、高贵、价值的感受。
微信为什么运用了纯黑色Tab图标?因为更适合,微信的品牌色为绿色,页面中的占比少之又少,大量的是灰白颜色,所以要让页面有所表现,纯黑色无疑在视觉上最舒适。
图标的表现形式有很多种,以上所探讨的是对图标运用的一种思考方式。所以,都不是绝对的说法,无论哪种类型的图标,只要让产品有一个好的表现形式都是好的。