App Icon Design

2020/4/11 posted in  iOS

Design

我们对符号的应用可以追溯到很久很久之前,总所周知我们现在使用的文字就是从象形文字发展过来的。

  • 象征化

    找到一个简单易懂的象征,物体、图形标注或者符号。

  • 简单性

    设计要简单,不要杂乱无章,太过复杂。如果设计的好,人们一眼就能看懂。

  • 关联性

    创建与用户之间的感情连接,跟UI一样,图标是应用的脸面,一定要有趣并且引人注目

  • 传统性

    对图标的修改要有意义而且谨慎,不建议经常更改应用图标尤其是每次升级的时候,要与时俱进。

比如最初的keynote的图标就是一张讲台,以后的每次迭代升级都是围绕着讲台进行的改变,是与时俱进的,风格不断变化。而且如果你注意到的话讲台上都有一个话筒,这个也是一直有延续的。

屏幕快照 2018-12-11 下午2.16.00

iOS平台与macOS设计的不同又相同。

屏幕快照 2018-12-11 下午2.19.41

配色,元素都是类似的,而且iOS的iwork图标更是保持了一致性,一致的地平面,一致的白色,没有多余复杂的元素。

现在来看GarageBand和Music Memos的关系,有颜色和图标来看,明显有关系。圆圈代表了木吉他上的音孔,弦的振动很清晰很有趣,让人感到动感和创造力

屏幕快照 2018-12-11 下午2.24.00

Q:怎么不显示名字,也能让人理解。

A:高对比度,颜色清晰可见,设计简单,构图独特。

下面是News的图标的例子。

屏幕快照 2018-12-11 下午2.32.55

进行了三次改变设计,才做到简单醒目,即使在文件夹的小图标也会一目了然,这点对于App Icon Design 十分重要。

屏幕快照 2018-12-11 下午2.34.30

Process

设计是一个交互过程,设计时要去考虑这些环节。

  • 独特性

    要做到有区分性,特别是对于一些类似功能的APP

    屏幕快照 2018-12-11 下午2.41.11

  • 实践

    纸笔有时候比鼠标有用的多,绘画是激发灵感的好方法。

    屏幕快照 2018-12-11 下午2.40.50

  • 测试

    要在主屏,在设置,在文件夹中测试不同情形的展示效果,要用图标展现界面的话要特别注意,Clear是一个很完美的典范,简单,多彩,高对比度。

    屏幕快照 2018-12-11 下午2.41.54

  • 耐心

    答案不会立马就来,慢慢来,检查选项,保存好作品,有时候最简单的设计或者你放弃的设计师最好的选择。