发布时间: 来源:浮熙 102
图标是应用程序不可分割的一部分,在应用程序界面中随处可见。因为图标太常见了,我们经常需要在一个应用程序中使用多个图标,这与第一印象的简单性相悖。
许多新手认为我们只需要设计一大堆图标,然后将它们提取到项目中。但在很多情况下,只使用一种图标类型可能会非常糟糕。到底,我们在进行 图标设计的过程中需要注意什么呢?怎么才能够设计出优质的图标作品出来呢?
图标设计注意点:
1. 图标大小
大小就是图标的大小,有的界面元素权重低,图标大小小,有的权重高,反之亦然。例如在Apple Music的播放界面中,播放快进按钮是页面中最重要的按钮。它的大小非常大,后面是其他可咨询的图标,两个表示体积的按钮是最小的。

2. 图标风格
一般来说,如果一个应用程序中有多个图标集,那么正常的中小型图标可以以线性或多面风格使用。对于装饰类、类别类、快入口等大尺寸类型,应采用更为激进的设计风格。
3.图标的界限
事实上,图标的距离是根据外部轮廓来计算的。虽然这个大纲是肉眼看不见的,但它包含了内部规则,可以帮助我们忽略不必要的小问题。
因此,为了让注释更有效,不要偷懒,只需将图标放在画布上,而不要使用透明的矩形背景。
4. 图标画布
有许多协作工具可以帮助我们注释和切片图像,如Blue Lake、Zeplin等。我们只需要上传设计稿,程序员自己就可以得到相应的图标。
这对于裁剪特定的元素很好,但是通过在线页面导出图标就不太可靠了。如前所述,应用程序中可能会出现各种规格的图标,所以合理的图标切割图应该根据不同的规格导出并排序(如下图所示),而不是由程序员在线下载,不仅操作困难,但也很难轻易获得图标之间的不同状态。
5. 图标命名
说到整个应用程序的图标系统,有很多“抽象”图标。例如,在我上面的例子中,有一个创业图标,它的中文名字是“中二”,那么这个词应该怎么翻译呢?即使你的英语水平并不局限,你的书面英语并不意味着开发人员可以理解,抽象词汇的积累并最终使命名不是一个有效折射率条件,因为没有人能理解,和开发人员仍然需要通过缩略图,而不是找到一个图标命名。
以上即是图标设计过程当中需要注意的一些点了,其实我们在进行图标设计的过程中,只要将以上这些点都尽可能做好了,那么相信设计出的图标不会很差~
立即申请报名,提升你的技能