在圆角方形上做文章-类APP图标的3D化

应用于iOS系统的APP程序图标有一个显著的特点,即大多是圆角正方形的,这从iphone一代起就确定了的风格沿用至今,以俨然行成了一种图标设计规范。图标设计成这种形状有很多好处:比如风格规范,不管你图标内部如何设计,只要外部形状是圆角方形的,这个图标和其他图标一起出现在屏幕上,看起来就有一种风格统一的感觉,这样既给了图标设计者发挥的空间,又把发挥的自由度控制在了规范的范围内。

但App Store的程序成千上万,谁不想通过图标让自己的程序脱颖而出呢,于是很多图标制作者开始设计外形是圆角方形的3D立体图标。苹果自己的APP程序都是平面的,因为都是自家的程序(功能),无需考虑出挑,美观大方即可:

圆角方形的APP图片,最简单的3D立体化,就是给它增加一些厚度,因为一个物体,只有你看到了它的不同面之后,才会感觉它是立体的。比如下面这个图标,增加厚度以后视角也发生了变化,由原来的垂直俯视变成了约80度的侧视,我们把这个图标稍稍旋转一下,如下图右,看到它是一块有厚度的圆角矩形板。

给图标增加厚度一般是从下方俯视,也有一些特殊的图标从上方俯视,比如下图中的照相机图标,为了展示照相机上面的快门等按键,它是从上方向下观察的。

同样是照相机,也有图标把设计重点放在了照相机的前部,突出了镜头,显然软件的功能也主要在拍摄。而像上一个例子那样展示照相机的背面,显然软件的功能在于图像的后期处理。但不管面,有厚度照的相机类图标,展示的都是上面,因为有快门,这是照相机的标志性部件之一;而下面有什么,有安装三脚架的螺丝孔,有产品铭牌,显然这些都不具有代表性。

再来看一个展示上边面的图标,这是一个有源音箱,通过上边成排的接口和按钮我们可以想象到,这款软件对音效的控制功能是比较全面和强大的。

有的图标在增加厚度的基础上,也对图标的结构进行了改变,使它不再是一个单纯的圆角矩形平面,比如下图中的图标,使平面变成了一个装信的抽屉,而图标的厚度也就是抽屉的厚度,立体化的抽屉使图标变得更生动。

并不是所有的图标都是直接增加厚度这么简单,比如下图中这两个罐头图标,虽然正面直视它应该是方形的,它利用了上下面的圆角,使整体形状依然构成了圆角方形。但细心的人可能会发现,下图中中间的火腿罐头十分符合常见的罐头样式,而下图左边的花生酱罐头如果是方形的话,那上面的盖子是无法拧开的。

还有一种APP程序中经常出现的盒子图标,它们以打开或半打开的盒子为中心设计元素,利用人们对盒子里面东西一探究竟的好奇欲望,增加对图标及程序的好感度。可以说大多数盒子图标并不是单一的物体,而是盒子的盖子和本体的组合。

最后展示一些其他的立体风格APP图标。上海与道信息是技术是专业的设计外包公司:www.uidog.com为您提供图标设计和界面设计以及UI设计等美工外包服务