设计师必看iOS7图标设计七条黄金法则.pdfVIP

设计师必看iOS7图标设计的七条黄金法则 　 你是怎样设计iO S7图标的?如果还没开始上手?不要紧 ， 紧练习前 ，先看看 Craig Grannell 从设计 大神那里总结的一些经验。 iO S7的图标设计 ，评论不一 ，肯定有优点 ，也有缺点 ，正如Bjango设计总监 Marc Edwards 说的 那样 ：“不管iO S7好还是坏 ，大部分应用的图标都根据iO S7的视觉风格进行了调整 ，我个人怀 疑iO S 8的视觉转变可能会更大 ，但无论如何 ，iO S7还会存在很久。” 从iO S6到iO S7 ，苹果的转变未免太激进了 ，这给很多设计师设置了障碍 ：原来在iO S6上的设计经 验一点都用不上。 那么到底要怎样设计iO S7图标呢?我们一道来听听大师的看法 ，一道探索吧。 01.使用辨识度高的隐喻 (1 Edwards 首先注意到的一点便是图标通常尺寸都很小 ，因此图标设计的关键就在于 ：简单的勾勒 出应用的整体概念 “一般的做法是使用一种或两种辨识度较高、能代表概念的物体。然后再用优秀的色彩和流畅的形状 来塑造美感” (2 而设计师 Jo n Hicks认为除此之外 ，图标的隐喻性也要强(比如说拍照应用 ，图标应该是一种能 够有所代表的符号 ，具有一种标识性(不可否认 ，Saf ari的品牌塑造就很成功 ，大部分人一眼都能认 出来 ，A pple的游戏中心以及设置图标的隐喻性就很差。 (3 Sof t Façade的创意总监 Dmit ry Tsoz ik认为设计师不要自作聪明 ：“随随便便放上个白背景 ，再填 几个彩色圆环 ，这能叫图标吗?” 这种图标不具备功能性 ，通过图标无法了解应用的功能、概念。 多研究研究色彩和隐喻 ，图标的作用是引导用户进入应用的窗口 ，最好让用户一眼皆知应用的功能 ，不要让用户猜。 照相机图标非常显眼 ，但是过于厚重 ，美感不佳 ，不过它的隐喻非常强烈 ，一眼皆知这款应用的 用处。而游戏中心….隐喻糟糕透了。 02. 鲜活用色 Ico nf act o ry 联合创始人 Gedeo n Maheux认为即便你对iO S7的色彩体系不感冒 ，你也要研究研 究iO S7的图标设计风格 ，毕竟苹果是设计风向标 ：“在设计中尝试打造鲜明的对照感。iO S7因明亮 的边界、清晰的线条、大胆的色彩而著称” 他认为明亮的色彩能带来一种活力感和趣味性 ，柔和、细腻的色彩却无法做到这一点。 iWo rk应用色彩非常鲜活 ，辨识度极高 03. 使用栅格线 Maheux建议在开始iO S7图标设计时 ，使用当下流行的iO S7栅格线 ：“能让你分块的设计 ，并且能够 构建界面中图标的整体感。采用栅格线方式进行设计的图标越多 ，在界面中就能更好的彼此匹配 ， 界面中图标的整体感越强” 当然 ，他也认为 ，不应该太限制自我 ：“如果你觉得打破栅格线 ，你的设计会更出彩 ，那不妨试试” 　　 苹果的栅格线能让你进行“各个击破”的设计 ，但是必要情况下可以打破栅格线的限制。 04 . 避免信息过载 iO S7高度依赖字体。纤细的字体让按钮区域充满了大量的留白。 但是Edwards认为图标尽量不要和纤细的字体结合 ：“图标应该是一种符号化的元素 ，本身就是一种 视觉语言 ，不应该和文字语言联系到一起。即便结合 ，文本也不宜过多。” 比如说设置中的V PN选项 ，微图标和文本结合让人有一种信息过载的感觉 05.适度添加深度感 iO S7的视觉风格可以看作是一种扁平化设计 ，Jo ny Ive特别强调了iO S7“层次”的概念 ，而不是一种 单一的扁平。Maheux认为 ，若想要与众不同 ，必须设计的与众不同 ：“加入一点投影、加入一点渐 变也无妨 ，多做做实验 ，没准一种新的流行由此诞生 ，iO S7上的设计充满了无限可能 ，不一定要死 板的扁平。” Ico nf act o ry的Sco pe Mirro r图标便具有深度感 ，效果比纯扁平设计好多了。 06.一致的视觉风格 (1 可以看看苹果应用商店套件的图标 ，很明显 ，他们都是一个系列的图标。 设计成套图标和设计一款图标 ，要考虑的东西不尽相同。设计成套图标还要考虑一致性。 设计师要刻意培养自己的这种整体感 ，即便你的工作是设计一款图标 ，你也可以这么想 ：“要是这款 应用有了姊妹应用 ，那么图标该要怎么设计?”通过这种假象来锻炼自己的设计思维。 (2 不过Hicks还提醒 ，一致性不意味着拘泥于一种形式 ：“线条粗细不必完全相同、颜色也不必完全 一致 ，但是整体风格