当前位置：首页 >教程首页 > U I 设计 > 商业插画高级设计师班 >IOS7图标设计的起跳黄金法则

IOS7图标设计的起跳黄金法则

发布时间：2018-11-17 19:57:24

你是怎样设计iOS7图标的？如果还没开始上手？不要紧，抓紧练习前，先看看 Craig Grannell 从设计大神那里总结的一些经验。

IOS7的图标设计，评论不一，肯定有优点，也有缺点，正如Bjango设计总监 Marc Edwards 说的那样："不管iOS7好还是坏，大部分应用的图标都根据iOS7的视觉风格进行了调整，我个人怀疑iOS 8的视觉转变可能会更大，但无论如何，iOS7还会存在很久。"

从iOS6到iOS7，苹果的转变未免太激进了，这给很多设计师设置了障碍：原来在iOS6上的设计经验一点都用不上。

那么到底要怎样设计iOS7图标呢？我们一道来听听大师的看法，一道探索吧。

1.使用辨识度高的隐喻

(1)Edwards 首先注意到的一点便是图标通常尺寸都很小，因此图标设计的关键就在于：简单的勾勒出应用的整体概念

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

(2)而设计师 Jon Hicks认为除此之外，图标的隐喻性也要强（比如说拍照应用），图标应该是一种能够有所代表的符号，具有一种标识性（不可否认，Safari的品牌塑造就很成功，大部分人一眼都能认出来），Apple的游戏中心以及设置图标的隐喻性就很差。

(3)Soft Façade的创意总监 Dmitry Tsozik认为设计师不要自作聪明："随随便便放上个白背景，再填几个彩色圆环，这能叫图标吗？"

这种图标不具备功能性，通过图标无法了解应用的功能、概念。

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

2. 鲜活用色

Iconfactory 联合创始人 Gedeon Maheux认为即便你对iOS7的色彩体系不感冒，你也要研究研究iOS7的图标设计风格，毕竟苹果是设计风向标："在设计中尝试打造鲜明的对照感。iOS7因明亮的边界、清晰的线条、大胆的色彩而著称"

他认为明亮的色彩能带来一种活力感和趣味性，柔和、细腻的色彩却无法做到这一点。

iWork应用色彩非常鲜活，辨识度极高

3. 使用栅格线

Maheux建议在开始iOS7图标设计时，使用当下流行的iOS7栅格线："能让你分块的设计，并且能够构建界面中图标的整体感。采用栅格线方式进行设计的图标越多，在界面中就能更好的彼此匹配，界面中图标的整体感越强"。当然，他也认为，不应该太限制自我："如果你觉得打破栅格线，你的设计会更出彩，那不妨试试"。苹果的栅格线能让你进行"各个击破"的设计，但是必要情况下可以打破栅格线的限制。

4. 避免信息过载

iOS7高度依赖字体。纤细的字体让按钮区域充满了大量的留白。

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

比如说设置中的VPN选项，微图标和文本结合让人有一种信息过载的感觉

5.适度添加深度感

iOS7的视觉风格可以看作是一种扁平化设计，Jony Ive特别强调了iOS7"层次"的概念，而不是一种单一的扁平。Maheux认为，若想要与众不同，必须设计的与众不同："加入一点投影、加入一点渐变也无妨，多做做实验，没准一种新的流行由此诞生，iOS7上的设计充满了无限可能，不一定要死板的扁平。"Mirror图标便具有深度感，效果比纯扁平设计好多了。

6.一致的视觉风格

（1）可以看看苹果应用商店套件的图标，很明显，他们都是一个系列的图标。

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

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

（2）不过Hicks还提醒，一致性不意味着拘泥于一种形式："线条粗细不必完全相同、颜色也不必完全一致，但是整体风格一定要和谐、匹配"

他强调"白色符号搭配色彩渐变"这种方法最简单。（或者在白色背景上使用多彩、透明的图标）"整体风格统一——单个图标根据隐喻的不同来灵活设计"

（3）Edwards认为："通过一致性设计，能够增加同一系列应用、图标的联系感"

打造一致性的方法有很多。

7. 追求完美

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

上一篇 CDR绘制活力城市海报

下一篇 Painter绘制翘臀女孩

返回列表

学员作品赏析

2101期学员李思庭作品
2104期学员林雪茹作品
2107期学员赵凌作品
2107期学员赵燃作品
2106期学员徐正浩作品
2106期学员弓莉作品
2105期学员白羽新作品
2107期学员王佳蕊作品

热门课程

专业讲师指导快速摆脱技能困惑

多种教程总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

知道了这17种剪辑技巧，做短视频博主上热门洒洒水啦！

电影剪辑通常被称为“隐形的艺术”，尽管剪辑师的名号不如导演的名号响，但是如果缺少了剪辑师对拍摄素材的二次加工，电影作品将缺少其......
迪士尼如何使用Maya制作《海洋奇缘2》

今天，我来和大家聊聊，迪士尼动画《海洋奇缘》系列是怎么用Maya软件为他们最新的续集打造获奖动画的。
有哪些听起来高大上、实际上转行同学也能胜任的岗位？试试虚拟现实工程师！

增强现实（AR）和虚拟现实（VR）是当前备受瞩目的创新技术，对相关的增强现实开发、虚拟现实开发、数字孪生开发工程师的人才需求，......
短视频怎么剪能上推荐？这10个概念请记牢！

在这个短视频盛行的时代，越来越多的人想要尝试自己进行短视频剪辑，却常常因为缺乏专业知识而无从下手。别担心，今天就为大家带来短视......
探秘皮克斯！《头脑特工队》的幕后制作

今天，我们聊聊皮克斯的《头脑特工队》系列
中国首个AIGC导演共创计划今日正式上线：同学，做导演不要？

中国首个AIGC导演共创计划定于12月6日正式上线。该计划由快手自研视频生成大模型产品“可灵AI”，联合李少红、贾樟柯、叶锦添......