本文我们始讲解后一种类型的图标 ── 启动图标。在第一章我们已经对启图标有了基础的认识,图再简单顾一遍。
想要在启图标设计上入门,就要先从规范开始学习,然后了解不同的风格以及对应风格的计过程。
说启动图标的规范,首先会想的,就是 iOS 提供的图标栅格。通过这个栅格,会规范图形的尺寸,以及所的位置。
这个模板和工图标的使用方法类似,在后面的案例进一步讲解。着,来说一个更重要的问题,就是启动图标画布的尺寸。
默认的情况下,我们使用 1024×1024 尺寸来设计启动图标,个参数在 iOS 和 Android 中适用。
之使这么大的尺寸,是由屏幕分辨率的差异和使场景导致的。
第一,手机硬件中,根据屏幕规格的不同,展示图标的实际素也不同,即图标的尺寸会发改变。
例如在 1x 屏幕,图标使用 60x60px;在 2x 屏幕,使用 120x120pt;3x 则是 180×180。
第,不设备和显示场景里,应用图标尺寸也不样。于个真实项目来说,图标不是放在手上运,论是 iOS 是 Android APP 都可以在 PAD 上安装,图标尺寸规格不。并,在网页或者手应用商店里,也需要展示启动图标,显示规格和真实应用列表又不。
所以,在 iOS 官图标模板,我们会看见里罗列了常多图标尺寸,我们需要设计第个 1024 规格,将这个图标入到 PS 智能象,或者 Sketch Symbol ,可以性生成所有尺寸,不需要我们自己手动调各规格图标输出。
应该有学这时候会生疑问,模板里画布是个正形,是大多数手 APP 图标使用是圆,所以,应该如何制作这个圆,以及它相关参数呢?
真实项目中,除非项目的定要求,只需要提交正方形的图形即可,之后无论是 APP Store,还是多数安卓应用商,都会「动」对该图形进行裁切,生成符系统的圆角图标。
如果想要计出正方形图形后预览真实的效果,就可以用准备的 PSD 模板,将正方形置入模板中即可。
在计已经确认以后,就要导出这些图标。因为启动图标有多拟物的计或会使用真实的摄素材,所以应用商提交的格式会选用位图格式而不是矢量格式,所以导出启动图标,只需要导出对应尺寸的 PNG 即可。
1. 图标形
一些比较基础的应用类型中,通常会直接使用具图标的图形设启动图标。因基础的 APP 服务多表意极其清晰的具图标与之对应,例如邮箱、算器、音乐、图类型应用,企业往往使用一些抽象的品牌化图形与表意清晰的具图标中选择后者。
工具图标设计其实很简单,是在画板完成两元素设计,个是背景,个是上图标。
背景的计,比较常见的有种类型,纯色、渐变。而上方图标的计,包含的类型就是前面讲过的种常见的工图标。所以你,只要将它组,就可以轻地计出符主流征的启动图标。
所以,如果要计一款笔记应用,那就可以先画一个线性的笔记图标,然后再将它置入格线模板中确认大,再别为它上色,就可以完成计了。
2. 文字形式
文形设计,背景和上样,也使用纯色和渐变,这设计主要难在于体设计上。
想要放文字,大家首先想的肯定是直用字体进去,但是切记,字体的商业版权问题是不能视而不见的。选择字体前,一定要关注该字体是否是免费的,百度或者官网都可以查询。或者一开始就在免费字库中挑选,如思源黑、思源宋、汉宗系列等等。
用字合辑:《我整理200款免费用字,放心下载不侵权!》
果得直接使用字库文字太没有设计感,以选择做一次字的二次创,对新手来说简单一点。即一开始挑选一个合适的字,在 AI 中对该字进行临摹,对细节进行重新加工,比衬的整,笔画粗细的整等等。
如要设计一个我的应,那么我可取「超人的电话亭」的一个字──超,为图标上方的文字。我选用「方正兰亭大黑」为基础字形,对它进行重构即。
最建议,果不是一比严肃或是传统的题材,尽量不要选用宋或是楷进行设计。
前往优设字体设计专题习更多干货:「字体设计」
3. 拟物形式
虽现在整设计境中,拟物已经被扁平取代,但不代表它已经消失,或是在形式上不合理。适当的拟物设计让我们对应用功能的认识更清晰,且更有趣味。
还是老惯例,我们从简单的拟物设计入手。目前拟物的领域中,使最普遍的格是手最容易习的格,即「轻拟物」的设计。这种格需要刻画的细节相对较,更易于我们掌握,只要好渐变即可。
比如,iOS 的官方应用──文件,图标的形式就符合轻拟的特征。简单分析一遍,即确完轮廓后,通过渐变填充表示体本身的高光阴影,并添加投影制造立体感。
如果设一些复杂的拟图形,可以通过多拟图标的练习会帮。今天扁平化图形当道的环境中,设得精良的拟图标往往可以满屏的扁平图标中脱颖出,于吸引用户启动应用。
启动图标的介绍到这里就结束了,新手该掌握的知识点并不多。无论好的字体、图案、插画,都已入 LOGO 设的范畴。如果这领域一提升,那么针对性训练的效果反不理,需积累视觉、图形的整体设能力。
欢迎关注作者微信公众号:「电话亭」