牛耳设计学院欢迎您!
您当前位置:主页 > 校园动态 > 知识教程 >

功能图标的UI设计规范及尺寸

除了产品图标,还有一种图标被称为功能(或系统)图标,功能图标指的是担负一定功能和含义的图形,一般来说需要像文字一般地被人迅速理解,所以表达方式上不适合特别复杂,如..

400-0731-162 立即咨询

快速申请预约

称       呼 :
手机号码 :
备       注:

功能图标的UI设计规范及尺寸

发布时间:2020-11-25 热度:

    除了产品图标,还有一种图标被称为功能(或系统)图标,功能图标指的是担负一定功能和含义的图形,一般来说需要像文字一般地被人迅速理解,所以表达方式上不适合特别复杂,如微信底部四个系统图标就使用了比较简洁的线性风格。

 
    功能图标在UI设计中占据非常重要的作用,几乎存在于每一个应用界面中,无论是在导航栏、工具栏或标签栏,还是在首页、详情页或个人中心页,都随处可见功能图标的身影。功能图标具有明确的表意功能,其作用在于替代文字或辅助文字来指引用户进行快速导航,它具有图形化的符号,比文字更加直观,符合普罗大众的认知习惯,有助于用户形成记忆思维,提高应用的易用性。同时设计精致、风格统一的功能图标提升了产品视觉效果,不但给用户带来视觉上的愉悦感,还带来了良好一致的使用体验。
[UI设计培训]功能图标的UI设计规范及尺寸
    1.图标的规范
 
    图标是良好UI设计系统的基本组成部分,对营销材料非常有帮助。他们是插画内容的基础构建块,但他们也具有很高的技术性。因此科学严谨的设计规范能帮助我们设计精致、风格统一的图标。
 
    2.图标尺寸
 
    一致性是UI设计图标的关键,在绘制时,一定要确保所有的图标都相同大小。在UI界面设计中,网格的大小必须要是4或12的倍数(安卓是8的倍数,iOS是4的是倍数)。@2x下作图要保证是4的倍数,这样可以整除2,适配@1x的屏幕;@3x下作图就需要是12的倍数了,这个数值可以整除2、3、4,适配@1x和@2x的屏幕,界面中通常使用的图标尺寸24*24px、48*48px。这里建议用48px做为常规图标设计尺寸。
 
    通常我们只需要选择一个通用的尺寸来绘制,然后让开发人员根据倍数调整可能需要的尺寸即可,这样就不用一遍又一遍的去绘制不同大小的相同图标了。
[UI设计培训]功能图标的UI设计规范及尺寸
    不过当我们的图标涉及一些复杂的细节时,还是需要根据尺寸大小单独绘制。比如我们的系统图标可能是24px,但是营销图标是80px,两者的使用差别会很大,那么我们就需要为那些较大的尺寸添加一些细节。

 


免责声明:1、文章部分图片源于网络,均为示意图;2、所有文章、图片、音频视频文件等资料版权归版权所有人所有;3、因非原创文章及图片等内容无法一一和版权者联系,如原作者或编辑认为作品不宜上网供浏览,或不应无偿使用,请及时通知我们,以迅速采取适当措施,避免给双方造成不必要的经济损失;4、本页面内容如无意中侵犯了媒体或个人的知识产权,请来电告之,我们将于24小时内删除。
在线咨询
上一篇:平面设计的20个实用技巧(下)
下一篇:平面设计中,"中心构图"的优势

相关阅读

UI设计的10个小技巧,你知道吗?
UI设计的10个小技巧,你知道吗?

UI设计的10个小技巧,你知道吗?...

如何让室内设计更加实用的经验
如何让室内设计更加实用的经验

随着生活质量的提高,现在很多业主在装修的时候都会请专门的室内设计师来给自己的房屋进行装修设计。一个优秀的室内设计师,应该能兼顾舒适和颜值两个方面,做出来的设...

平面设计中构图的形式法则
平面设计中构图的形式法则

构图在平面设计中的重要性相信大家已经充分了解了。其实构图也不是完全凭空想象,也是有一定的基本法则的。今天,平面设计培训的小编就来给大家说一说,平面设计中构图...

平面设计中的构图意义和基本要素
平面设计中的构图意义和基本要素

在平面设计中,构图是很重要的一个技能,好的而构图能够让设计更加的鲜活。无论多么复杂的构图,都是有基本要素组成的。今天,平面设计培训的小编就来给大家说一说,平...

牛耳教育艺术设计学院微信公众号

官方微信公众号

五一校区400-0731-162

长沙市五一广场省电教馆

牛耳教育开设有初中学历班、高中学历班课程,毕业即可拿到学历证书。开设的专业有UI设计专业、室内设计专业、平面设计专业、游戏动漫设计专业等。