7招APP图标设计技巧,让你的iOS7图标精美无比

在我们设计APP项目的时候,独特而精美的APP图标设计可以说让我们脑袋疼的问题。因为精美而且吸引人的图标设计很重要。

想一想就知道,如果用户移动手机桌面安装的APP程序比较多,如何让用户第一眼看到我们的图标,而且准确的点击呢?

所以,25学堂的小编专门阅读相关的书籍和APP设计资料之后,分享下面这7招APP图标设计技巧,绝对让你茅塞顿开!突发无线的设计灵感!也可以说让我们的iOS7图标设计的精美无比。小伙伴们,动手吧!

 

APP图标设计技巧第一招:辨识度的隐喻

(1)、首先注意到的一点便是图标通常尺寸都很小,因此图标设计的关键就在于:

简单的勾勒出应用的整体概念。(iOS7 桌面图标的设计尺寸是120*120)

 

"一般的做法是使用一种或两种辨识度较高、能代表概念的物体。然后再用优秀的色彩和流畅的形状来塑造美感"

(2)、除此之外,图标的隐喻性也要强(比如说拍照应用),图标应该是一种能够有所代表的符号,具有一种标识性!其实很多APP的图标设计很失败,比如Apple的游戏中心以及设置图标的隐喻性就很差,都需要好好改进下。

(3)、APP设计师不要自作聪明:"随随便便放上个白背景,再填几个彩色圆环,这能叫图标吗?"   这种图标不具备功能性,通过图标无法了解应用的功能、概念。

比如iOS人机界面指南之5大App设计策略分享

多研究研究色彩和隐喻,图标的作用是引导用户进入应用的窗口,最好让用户一眼皆知应用的功能,不要让用户猜。比如下图:

教你7招APP图标设计技巧,让你的iOS7图标设计完美无暇

照相机图标非常显眼,但是过于厚重,美感不佳,不过它的隐喻非常强烈,一眼皆知这款应用的用处。应该说这些所谓的APP图标设计的隐喻糟糕透了。不值得学习和借鉴。

 

APP图标设计技巧第二招:设计辅助工具—栅格线合理应用

建议各位APP设计师,在开始iOS7图标设计时,可以从2方面来着手设计:

第1种:使用当下流行的iOS7栅格线:"能让你分块的设计,并且能够构建界面中图标的整体感。采用栅格线方式进行设计的图标越多,在界面中就能更好的彼此匹配,界面中图标的整体感越强"

当然,设计师不应该太限制自我:"如果你觉得自己可以打破栅格线,你的设计会更出彩,那不妨试试"

教你7招APP图标设计技巧,让你的iOS7图标设计完美无暇

苹果的栅格线能让你进行"各个击破"的设计,但是必要情况下可以打破栅格线的限制。

第2种办法:就是下载最新现成的iOS7图标模板,按照模板规格和方式来设计自己的APP图标;

 

APP图标设计技巧第三招: 鲜明对比色的合理使用

随着ios7图标的发布,第一眼看到很明亮,色彩也很丰富!所以这就是ios7的风格。呵呵

苹果是设计风向标:"在设计中尝试打造鲜明的对照感。iOS7因明亮的边界、清晰的线条、大胆的色彩而著称"

因为明亮的色彩能带来一种活力感和趣味性,柔和、细腻的色彩却无法做到这一点。如下图这些图标。

教你7招APP图标设计技巧,让你的iOS7图标设计完美无暇
 

APP图标设计技巧第四招: 避免信息过载太多,千万记住

APP知识补充,iOS7界面的高度依赖于字体。纤细的字体让按钮区域充满了大量的留白。

但是有人也认为图标尽量不要和纤细的字体结合:"图标应该是一种符号化的元素,本身就是一种视觉语言,不应该和文字语言联系到一起。即便结合,文本也不宜过多。"

教你7招APP图标设计技巧,让你的iOS7图标设计完美无暇
 

比如说系统设置中的VPN选项,微图标和文本结合让人有一种信息过载的感觉。所以,微图标的设计跟字体也要合理搭配,不能乱来 呵呵!

 

 

APP图标设计技巧第五招适度增加深度和立体感

iOS7的视觉风格可以看作是一种扁平化设计,今天我们要强调了iOS7图标设计 "层次"的概念,而不是一种单一的扁平。

若想要与众不同,必须设计的与众不同:"加入一点投影、加入一点渐变也无妨,多做做实验,没准一种新的流行由此诞生,iOS7上的设计充满了无限可能,不一定要死板的扁平。"

可以加入一些我们在拟物化设计中的一些设计技巧,某块地区的凹凸,或者投影等等。

教你7招APP图标设计技巧,让你的iOS7图标设计完美无暇
上图中Mirror图标便具有深度感,效果比纯扁平设计好多了。你们觉得呢?

 

APP图标设计技巧第六招:保持一致的视觉设计风格

切勿调色太严重。你们懂得!  下面有3点可以让我们把握住设计方向。

(1)、可以看看苹果应用商店套件的图标,很明显,他们都是一个系列的图标。

设计成套图标和设计一款图标,要考虑的东西不尽相同。设计成套图标还要考虑一致性。

设计师要刻意培养自己的这种整体感,即便你的工作是设计一款图标,你也可以这么想:"要是这款应用有了姊妹应用,那么图标该要怎么设计?"通过这种假象来锻炼自己的设计思维。

(2)、不过提醒各位,一致性不意味着拘泥于一种形式:"线条粗细不必完全相同、颜色也不必完全一致,但是整体风格一定要和谐、匹配"    "白色符号搭配色彩渐变"这种方法最简单。(或者在白色背景上使用多彩、透明的图标)"整体风格统一——单个图标根据隐喻的不同来灵活设计"

(3)、其实通过一致性设计,能够增加同一系列应用、图标的联系感觉或是情感化。

教你7招APP图标设计技巧,让你的iOS7图标设计完美无暇
总之:打造一致性的方法有很多。需要我们在实践中慢慢学习和积累。

 

APP图标设计技巧第六招:APP设计师必须拥有追求完美的精神,反复琢磨,必出精品。

完美的iOS7图标设计是需要经过无数次的雕琢修饰而成的。我想大家都看过《钢铁是怎样练成的》吧! 呵呵

不管iOS7的视觉风格怎样,优秀图标的标准还是没有改变:优雅、简约、细节到位。

在此,25学堂推荐各位多读一点现代设计、建筑、字体类的书籍,不断追求,不断提升自己的设计感觉。

看完上面,不妨阅读下移动APP布局设计经验之道:独门七字诀》

 

 

每天更新,
全站高品质素材免费下载!