系统图标的设计原则

系统图标

定义

系统图标,或者UI图标,往往象征着命令、文件、设备或者目录。系统图标也可以用来代表一些操作,例如删除、打印和保存。

系统图标的设计必须简约、富有现代感、友好,有时候要让人感到惊奇。图标必须在形式上极简,回归到最本质的形式诠释理念。确保小尺寸情况下的可读性和明晰性。

设计原则

形状鲜明,多多采用几何形状

对称、且一致的图标,质量最高,这类图标的简单且鲜明

网格、比例、尺寸

绘制图标时,要灵活运用图标网格,基于网格绘制比例和关键部分。让扁平化的几何形状对齐网格,形成图标的形式感。

图标网格由四种基本的几何形状构成,使用特定的尺寸,确保约束设计,保证图标形状、比例、视觉一致。

在应用设计中,主要使用2种尺寸不同的图标:状态栏和上下文图标,以及工具栏和桌面图标。

圆角

在矩形和正方形中广泛使用圆角。避免突兀和锯齿感,线图标的圆角要稍微分明一些。

不同的系统图标尺寸需要不同的圆角,从而优化觉一致性

一致性

一致性很重要。在不同的应用中,尽可能使用系统图标保证一致性。

应该:

不应该:

应用中得图标

建议将图标放置在24dp的边界框中,视网格线而定。

作者:MartinRGB

文章来源:

=========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享,希望打造一个最好的ui学习教程平台!

APP截图站:app.xueui.cn海量APP截图,让你灵感爆发!

(0)

相关推荐

  • 新手福利!系统图标的9种风格设计实例讲解

    在前边的文章中我们已经全方位立体式的讲解了系统图标的相关知识点.即讲到了系统图标的风格,系统图标的设计风格,也讲到图标设计的栅格体系.之前我们都是纸上谈兵那么我们今天就来实践一下,毕竟实践才是硬道理. ...

  • PPT目录页优秀设计欣赏与设计原则

    PPT目录页优秀设计欣赏与设计原则.下面我们欣赏几张优秀的PPT目录页作品. 这是比较喜欢的存在手机里的几张目录,相信这几张目录页很多小伙伴都可以很好的模仿出来,制作难度不是很大,却有着较高的颜值,原 ...

  • PPT简约设计原则

    PPT简约设计原则 极简主义可谓去芜存菁,聚焦重点.也就是说,极简主义披荆斩棘,直达目标.既然是极简主义,那么最终呈现的外观自然是简洁二字,精心思考.屡次尝试以及大量时间均融合包含在这简约中.下面,我 ...

  • 简约型PPT设计原则

    简约型PPT设计原则 一.保持一致 对于品牌标识来说,简约风格的商标就十分实用.就拿这个由 Simon McWhinnie 设计的酒吧品牌来说,标识图形及色彩采用极简风格,与其它延展元素和产品完美融合 ...

  • 关于设计原则的思考

    每个设计方案当中都包含着大大小小各种设计决策. 这个app的主界面应该以怎样的形式呈现?用户怎样在功能之间进行导航?导航栏应该用怎样的底色? 好的设计师应该有能力对这些决策进行诠释.没什么是信手拈来的 ...

  • 用户界面设计原则

    用户界面设计原则 设计绝不是简单的拼合,排列甚至编辑:设计是通过阐明,简化.明确.修饰,使之庄严,有说服性,甚至带一点趣味性,来赋予其价值及意义."--保罗·兰德(Paul Rand) 1. ...

  • 9个经典永恒的设计原则

    很多人都在寻找那些能够帮助他们快速提升设计能力的方法,但你是否想过,自己身上的哪些方面会对你的设计产生影响呢?是使用工具的技巧,对设计的理解和态度,还是你的生活习惯呢?我想说所有这些都是决定你的设计是 ...

  • 设计原则:组织信息的方式

    我们的设计必须显示展现出组织性良好的信息,这样用户才能很容易地理解所显示的内容.这是提供良好用户体验的关键.在大量显示数据的方式中,有一种经受了时间的考验,并证明即使在今天也是高效的.它被称为&quo ...

  • 【干货】5大移动端表单设计原则及案例赏析

    当我们在享受手机App为生活带来的巨大便利时,无形中已经经历了多种多样的移动表单设计形式.而表单设计又是移动应用设计中与用户产生最多交互的步骤,包括用户注册.订阅服务.用户反馈.问卷表单.买卖交易等等 ...