今天我们讲一下干货内容:如何绘制纸质的原型图。我们知道,Google一直倡导的是纸质原型设计,Material Design 的灵感来源也是纸和笔。所以在尝试理清脑中产品的千头万绪时,回到我们设计的本源我们今天来Google学习,如何制作纸质原型。在现实工作中,我们很多产品经理都担任着设计原型的工作。而已经比较熟练的产品很有可能直接在设计工具里起稿,在很短的时间里完成一套非常高保真的视觉原型 (Look & Feel)。
但在实际产品的研发周期和上线后的产品生命周期里,产品经理总是不断对界面和功能进行反复的修改。
所以在动笔之前,我们需要尽早地,准确地将自己脑中的交互逻辑展示给相关人员(ui设计师/开发人员/测试人员),这一点至关重要。
相关人员会根据我们的产品设计勾勒出自己的工作内容和范围,以此作为整个产品研发的方向。从这个角度考虑,纸和笔才是效率最佳的工具。
根据Google play的描述,不用画得很工整,这不是手工课考试。更重要的是准确表达自己脑中的交互思路和界面元素。
也就是说从交互层面上来讲,页面从哪来,到哪里去能做出哪些概念模型、响应反馈和用户语言是重要的。
从界面设计而言,界面元素不可缺失是最重要的,任何一个栏、任何视图、任何控件,都是不可以缺失的内容。
上图即为点击某按钮后弹出的警告框,提供给用户进行操作。通常情况下我们会给用户提示主题、提示信息、选项(默认选项、次级选项)、取消操作按钮。Material Design 中除了平面上的 Material 外,也强调纵轴的浮动效果,以及由此产生的阴影视觉。