• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 省时高效!苹果官方的设计流程和实用工具推荐

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

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含经验分享,苹果发展史,设计工具,设计流程等相关知识,希望在学习及工作中可以帮助到您

苹果公司一直以其先进的设计理念和独特的创新精神而领先于市场。相信每个有追求的公司都希望可以像苹果一样做出设计精湛,富有创新精神的产品。你是不是也一直好奇,苹果是怎样设计一款产品的?其实,仅有创意是远远不够的,创意必须付诸实践才能成就一款产品。苹果首席设计师,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 设计丨http://www..com/full-ui-design-process
  2. 品牌设计丨http://www..com/complete-design-work-flow
  3. 交互设计丨http://www..com/complete-interactive-design-workflow
  4. 图标设计丨http://www..com/icon-design-flow-skills
  5. UED 团队设计丨http://www..com/china-ued-teams-workflow
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。

优设大课堂

您可能想查找下面的文章:

  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 想为iPhone X设计UI?给你这11个设计小贴士
  • 疯传谷歌走All-White风?假的!其实只是合作伙伴的重设计
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 想紧跟流行风尚?这5种平面设计趋势了解一下

相关文章

  • 2017-08-06IE6/7下a.getAttribute(href,2)的问题分析及解决
  • 2018-08-23腾讯出品!从零开始制作设计规范的实用指南
  • 2017-08-06输入自动提示搜索提示功能的样式文件:suggestion.css
  • 2018-08-23如何判断你的产品“好不好”?来看高手的角度!
  • 2018-08-23为什么39%的设计工作可能被人工智能取代?
  • 2018-08-23在现代网页设计中,动效有哪些常见的用法?
  • 2017-08-06css样式优先级及层叠的顺序排序探讨
  • 2017-08-06iframe在IE6下出现横向滚动条的解决方案
  • 2018-08-23设计师应该知道的 iOS 设备常见差异化设计
  • 2018-08-23进阶必读!可能是最全面的组件化开发与设计指南

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 化整为零!关于组件化设计升级的一些思考
    • 这个大公司越来越重视的体验文案编写师,到底是干嘛的?
    • 如何做一个好重构 不仅是在重构代码也是在重构人生
    • 创业公司精雕细琢的17个优秀网页设计
    • 酷站两连发!日本免费人物图库+全能型在线GIF编辑优化网站
    • 设计师如何评估工作量?来看腾讯设计师的总结!
    • 这个博主靠P图收获了100多万粉丝,原因竟然是…
    • 什么是 MIME TYPE MIME-Types类型集合
    • AR KIT有哪些玩法?来看这些超好玩的案例!
    • IE环境规定div高度必须大于字体高度的问题

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有