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

本文探讨了在设计过程中使用纸笔原型的重要性,强调了其在快速传达交互逻辑和界面元素方面的优势,并介绍了Material Design的设计理念。

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

640?wx_fmt=png&wxfrom=5&wx_lazy=1

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


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

640?wx_fmt=png&wxfrom=5&wx_lazy=1

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

640?wx_fmt=png

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


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


了解 Material Design 中的调色板

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


了解 Material Design 中的垫高和阴影

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


640?wx_fmt=gif 点击屏末 | 您可查看更多谷歌开发者相关内容信息


如果您在设计工作中碰到了一些涉及到原型制作的经验和想法,欢迎在文章下方与我们分享您在设计工作中的经验和想法。期待在 Google Play 上和更多来自大家的精彩设计作品相遇!

640?wx_fmt=gif

推荐阅读:

为了那份热爱,为了那个梦想,一直不断坚持的人不只是你一个

您的 “全球化” 产品,有考虑新兴互联网市场吗?

用户获取要不要花钱?花多少钱划算?一个简单的工具帮您轻松做决策

瞩目!2018 Google Play Awards 提名名单揭晓

640?wx_fmt=gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值