理论教育 APP图标设计分类及应用的介绍

APP图标设计分类及应用的介绍

时间:2023-06-21 理论教育 版权反馈
【摘要】:图23 示意图标2.从造型分类图标造型表现在面和线上,运用这两种基础元素去造型可以进行多种组合。图25 负形图标图26 正形图标3.从界面位置和模块分类我们知道APP界面设计在不同的位置上图标的设计形式也会不同,从界面的位置和模块分类如图27所示。

APP图标设计分类及应用的介绍

图标可以用作按钮或把界面整体分隔成多块,还可以起到装饰和视觉引导的作用,下面介绍图标的分类。

1.按功能分类</ID=4>

应用图标:应用图标通常是APP的入口,也是产品的一种概括性视觉表现,能够简洁、显眼且友好地传递产品的核心理念和内涵,如图2‑1所示。

978-7-111-53301-6-Chapter02-5.jpg

图2‑1 应用图标

功能图标:功能图标一般代表可操作性的命令、文件、设备或目录,如图2‑2所示,并包括了默认、触摸、选中三种状态。需要注意的是,简化的图标需要表达出相应的含义,在小尺寸下也必须清晰、易懂。

978-7-111-53301-6-Chapter02-6.jpg

图2‑2 功能图标

示意图标:示意图标用于指示用户无须操作的信息,如图2‑3所示。该类图标只有一个状态。

978-7-111-53301-6-Chapter02-7.jpg

图2‑3 示意图标

2.从造型分类

图标造型表现在面和线上,运用这两种基础元素去造型可以进行多种组合。组合造型一般有单体造型、多个元素组合造型,线与面之间独立与结合变化。

简化的微写实图标

这类图标一般为彩色,在造型和组合上较写实,是从写实过渡而来的简化,又接近剪影,同属于扁平简化设计,如图2‑4所示。这类图标主要利用面和颜色来进行造型的设计,在质感风格上有纯平面、折叠、轻质感、折纸风、长投影、微立体等多种。

这种图标的优点相对于剪影图标来说,更容易塑造风格,丰富易用、辨识度高,可作为主要级别的图标。(www.daowen.com)

剪影的正负形图标

978-7-111-53301-6-Chapter02-8.jpg

图2‑4 简化的微写实图标

这类图标一般为单色,相比上一类图标而言更加简洁、抽象,经过对特点、外形的高度提炼更容易识别理解,代表着现代极简主义。

这类图标的优点是简洁明了,具有一定的拓展性,可以完成一些抽象词汇的图形传达。

负形图标也叫线形图标,是以线绘制的图形,高度的轮廓概括,要求精准到位,如图2‑5所示。负形剪影是所有图标中最讲究也是最难表达的一种风格,它轻表达却重设计感,更具有想象力和拓展性。

正形图标是以面绘制的图形以及和线综合表现的图形。通常与负形图标之间做当前状态的转换,如图2‑6所示。正形图标由于面积占比大,视觉吸引力更强。

978-7-111-53301-6-Chapter02-9.jpg

   图2‑5 负形图标

978-7-111-53301-6-Chapter02-10.jpg

图2‑6 正形图标

3.从界面位置和模块分类

我们知道APP界面设计在不同的位置上图标的设计形式也会不同,从界面的位置和模块分类如图2‑7所示。

978-7-111-53301-6-Chapter02-11.jpg

图2‑7 从界面位置和模块分类

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈