省时高效！苹果官方的设计流程和实用工具推荐

苹果公司一直以其先进的设计理念和独特的创新精神而领先于市场。相信每个有追求的公司都希望可以像苹果一样做出设计精湛，富有创新精神的产品。你是不是也一直好奇，苹果是怎样设计一款产品的？其实，仅有创意是远远不够的，创意必须付诸实践才能成就一款产品。苹果首席设计师，Jonathan Ive 在与纽约时报的访谈过程中，揭露了苹果有意思的设计流程。对于不同的流程阶段，我也会推荐一些实用的工具帮助大家更好地把想法付诸实践。

△  苹果首席设计官 Jonathan Ive

想法阶段：纸笔手绘

这个阶段，主要是高级管理人员表达他们对创造某个新产品的兴趣，以及讨论一些基础信息。这个时候的想法是不成形的，并没有什么完整的或是视觉概念。所以这个阶段建议多讨论，采用纸笔记录想法，或是快速手绘概念。

△  手绘的重点在于快速表达想法，而不要纠结于细节和美观

产品启动

一旦产品被定义好之后，就会有一个内部设计小组独立出来负责新产品的开发。不仅如此，这个新启动的小组还会从常规的办公室分离开来（有时还可能整栋楼的一部分都分给这个小组），从而方便该内部小组的工作。这个过程可以让产品团队从公司常规架构独立，从而专注于新产品开发流程。

原型设计阶段：Sketch + Principle / Flinto

高保真原型（pixel-perfect mockups）

这个过程需要花费大量的时间和精力。苹果（前）高级工程师Michael Lopp说，这个过程就是要去除所有含糊不定的地方。所以虽然前期会耗费大量的时间，但减少了在后期纠错和改正的时间。对于设计师来说，这个阶段还是推荐用 Sketch 来进行高保真原型绘制。配合 Principle 或是 Flinto 使用来加强交互动效设计。

△  利用 Sketch 方便地制作原型

我喜欢 Sketch 的地方：

1. 操作简单、易于理解的界面

2. 一个项目文档里面可以导出多页

3. 可独立导出多个图标或元素

10 到 3 到 1（10 to 3 to 1）

10 到 3 到 1 的意思是，对于任何一项新设计，苹果的设计师们都要拿出10个完全不同的模拟方案。并且，不能是「其中有 7 个是为了让剩下的 3 个看起来不错」，而是希望让设计师们放开限制大胆设想。然后他们会从中挑选 3 个，花一段时间研究这 3 个方案，最终确定一个最优秀的方案。

苹果的新产品进展文档（ANPP）：Dropbox Paper

一旦设计原型方案选定，并且公司也同意进行开发，就需要开始制作苹果新产品进展文档（ANPP）。ANPP是一份描述产品进展细节和开发阶段的文档，一般由产品技术总监（EPM）和全球供应链经理（GSM）共同负责。但每个阶段谁做什么都会有详细的文档记录。这个文档可以由在线文档协作工具，如 Dropbox 来完成。此外，对于 ANPP 里面提到的 mapping the stage details 也可以通过流程图的形式展现。一些思维导图软件，如 XMind 就可以做到这点。

△  利用 Dropbox 实现文档共享和编辑

△  利用 XMind 做流程图

每周两次例会

头脑风暴会议：XMind

每周，设计团队和开发团队之间会举行一次头脑风暴会议。这个会议的重点在于优化设计。每个人都可以无条件限制地大胆提出自己的想法，甚至可以「go crazy」,从而碰撞出灵感的火花。在这个阶段，使用带有头脑风暴功能的工具最适合不过。这个阶段推荐使用 XMind 来快速记录、整理和分享会议成果给他人。

△  利用 XMind 辅助头脑风暴会议

我喜欢 XMind 的地方：

1. 分组记录头脑风暴要点

2. 全屏演示模式

3. 方便地将成果分享给团队其他人

执行团队评估会议：Invision

光有一堆创意和想法是不够的。每周一，执行团队会对公司内部产品开发进展进行效用评估。通过研究每个小的步骤来保证团队朝着最终的目标前进。另外，苹果不会一次性评估多款产品或项目。一般一个会议只会集中在少数几个产品上，这也保证了产品评估的质量。这个阶段虽然重点已在开发和进展上，但团队还是会不断地挖掘其他潜在的可能。所以保持创造性的想法和团队的沟通协作也很重要。在这个阶段推荐 Invision 作为团队协作工具。

△  利用 Invision 实现团队评估协作

我喜欢 Invision 的地方：

1. 在线直接制作原型共享给他人；

2. 可以通过Photoshop直接分享

3.允许多人在设计里具体某个位置添加评论

产品测试和包装

产品的Beta版做好之后，EPM 和 GSM 会把产品带回库比蒂诺交给高层进行评估和反馈。但如果公司希望获得用户层面的反馈，那么我推荐这个网站 https://betterdesign.io/。这个网站让公司可以把有争议的一些设计细节放在上面，让用户票选出他们认为更好的选择。

苹果的设计流程值得学习的地方在于，整个流程步骤非常直接、省去了无谓的步骤。而利用这些高效工具，可以让你事半功倍，更好地专注于工作本身。

「完整的设计流程合集」

1. UI 设计丨https://www.uisdc.com/full-ui-design-process
2. 品牌设计丨https://www.uisdc.com/complete-design-work-flow
3. 交互设计丨https://www.uisdc.com/complete-interactive-design-workflow
4. 图标设计丨https://www.uisdc.com/icon-design-flow-skills
5. UED 团队设计丨https://www.uisdc.com/china-ued-teams-workflow

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量200万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com