专栏名称: 谷歌开发者
Google中国官方账号。汇集Android, Chrome, Angular等移动和网络开发技术、Google Play和AdMob等开发者成长、优化和变现平台。
51好读  ›  专栏  ›  谷歌开发者

在 Google,我们是这样做产品原型的 | 上篇

谷歌开发者  · 公众号  · 科技媒体  · 2018-05-04 07:30

正文

我们相信,有不少熟练的设计师很有可能直接在设计工具里起稿,在很短的时间里完成一套非常高保真的视觉原型 (Look & Feel),比如这样:

但在实际产品的生命周期里,设计师的工作往往不会如此一帆风顺。事实上我们得到经验是,设计师的工作往往会伴随产品的整个生命旅程 —— 通过一次一次测试,一条一条反馈,和一笔一笔的修改, 最终才能得到体验极佳的产品。


而在动笔之前,尽早地,准确地将自己脑中的交互逻辑展示给相关人员 (无论是测试者还是开发人员) 至关重要。从这个角度考虑,纸和笔才是效率最佳的工具。巧的是,Material Design 的灵感来源也是纸和笔,所以在尝试理清脑中产品的千头万绪时,回到我们设计的本源 —— 纸和笔,总是极好的。

不用画得很工整,这不是手工课考试。更重要的是准确表达自己脑中的交互思路和界面元素。

Material Design 中除了平面上的 Material 外,也强调纵轴的浮动效果,以及由此产生的阴影视觉。实体的纸质原型可以从根本上帮助您规避一些常见的设计陷阱,比如 “互相覆盖” 谬误。


更多关于纸质原型的细节请观看下面的☟视频☟。本次连载分上、中、下三个部分,我们接下来会依次带着大家了解 Google 制作更高精度的原型,即 带简单交互的数字原型 ,以及 原生原型 的方法,敬请期待。


了解 Material Design 中的 调色板

> https://material.io/guidelines/style/color.html


了解 Material Design 中的 垫高和阴影

> https://material.io/guidelines/material-design/elevation-shadows.html







请到「今天看啥」查看全文