好猫网手机站
app图标设计尺寸规范(ui图标大小规范)
2022-08-12 18:28:01  浏览:59

app图标设计尺寸规范(ui图标大小规范)

图标设计流程

1.定义主题。定义主题是指把要设计的图标所涉及的关键词罗列出来,重点词汇突出显示,确定这些图标是围绕一个什么样的主题展开设计,对整体的设计有一个把控。

2.寻找隐喻。隐喻是指真实世界与虚拟世界之间的映射关系,寻找隐喻是指通过关键词进行头脑风暴,在彼类事物的暗示之下感知、体验、想象此类事物的心理行为。

3.抽象图形。抽象图形要求设计师将生活中的原素材进行归纳,提取素材的显著特点,明确设计的目的,这是创作图标的基础。

4.绘制草图。经过对实物的抽象化汲取后,便可以进行草图的绘制。在这个过程中,设计师需要将实物转化成视觉形象,即最初的草图,当然草稿可能有很多方案,这时需要筛选出若干种满意的方案继续下面的流程。

5.确定风格。在确定了图标的基准图形后,下一步就是确定标准色。我们可以根据图标的类型选择合适的颜色。当不知道使用什么颜色的时候,蓝色是最稳妥的选择。目前图标设计主流是扁平化风格。值得一提的是在UI设计中,大部分扁平化图标以单色图形为主,从技法上来说这样降低了设计的难度。

6.制作和调整。根据既定的风格,使用软件制作图标。在扁平化风格盛行的今天,单独的图形设计需要更多的设计考量,需要经过大量的推敲,设计调整。因此在图标的制作中,会修正一些草图中的不足,也可能增加一些新的设计灵感。

7.场景测试。图标的应用环境有很多种,手机的背景色也各不相同,有深色系的,也有浅色系的。我们要保证图标在各个场景下都有良好的识别性,因此在图标上线前,设计师需要在多种图标的应用场景中进行测试。

图标设计技巧

在设计图标过程中,掌握相关的设计技巧,可以帮助设计师更加快捷高效地完成设计任务。通常图标设计技巧有以下几个方面:

正负组合

正负形组合是一种最常见的设计方法,我们可以根据产品特质,然后提取相应的图形,通过图形相互组合、叠加,或者抠除,组成新的图形。

折叠图形

当一个完整的平面图形设计完成后,可以分析图形的轮廓走向,在图形的结尾或者转角处做局部折叠处理。

线形图标

线形图标是一种独特的绘制图形手法,可通过提炼图形的轮廓进行设计。线性图形应用的形象简练、完整,更具吸引力。

透明渐变

通过对图形放大或缩小叠加不同透明度的图形,形成一个层次丰富,形态饱满的图形组合。

色块拼接

色块拼接是指把图形分割成有规律的块状,并填充颜色。

图形复用

对已经设计好的主图形进行复制,通过透明度、颜色或者大小的变化,创造出一种图形阵列之美。

背景组合

运用不同的底板背景更能使图标汇聚聚焦点、富有活力。背景可以选择纯色、渐变或规律的集合线条以及和主题相关的元素。通常可以将运用背景组合的图标分为以下几类:

①图标形状+背景组合。

②文字+背景组合。

③图文组合+背景组合。

④吉祥物或卡通形象+背景组合。