美文网首页
6.4 快速表达我的想法——纸面原型

6.4 快速表达我的想法——纸面原型

作者: 苏千千0046 | 来源:发表于2018-03-20 11:16 被阅读0次

1、纸面原型的目的

设计规划是一个承前启后的阶段,其目的是将最初的需求一步一步变为现实。设计师在有了初步的设计构想之后,也需要表达出来,与项目的其他人员沟通。在设计规划阶段就开始画原型会使设计师过早地陷入设计细节,就算是相同的任务流程、信息架构,也不只会产出一个设计方案。

纸面原型的目的不是为了交付,而是为了沟通、测试,尽快地解决那些不确定的问题。纸面原型更具有可塑性,可以快速修改和重建,帮助设计师探索尽可能多的想法并否定掉那些不靠谱的想法。

使用纸面原型还有一个好处。当我们已经通过纸面原型确定了大致的方案时,也就同时确定了产品的框架、主要流程、基本信息和功能等。对于一个经验丰富的交互设计师来说,具体的设计方案在心中已经胸有成竹,接下来可以每细化一个界面就交付给视觉一个界面,而不必等到全部内容都细化成标准原型之后再交付给视觉设计师。极大地提升了工作效率、缩短了项目周期。

2、使用什么工具?

纸面原型不需要什么高级的工具和复杂的技巧,可繁可简。可以使用最简单的铅笔和纸张,快速画出草图。如果希望表达出界面的逻辑,可以使用马克笔、双头画笔等,运用粗细不等的线条和阴影关系,画出界面的层次关系。如果希望页面尺寸更准确,还可以使用尺子等工具。如果想表达出交互效果,可以使用便签纸和小卡片,它们可以当作提示气泡、弹出层、模态窗口等,贴在绘图本的任何地地方,也可以作为页面标注的工具,说明产品功能。

如果界面上会出现很多可以复用的标准交互组件,而你又不想一次又一次地重复绘制,可以到网上找到标准交互原型组件库,然后将它们打印出来,剪裁成模块贴到页面框架中,与手绘草图配合使用。

如果是团队协作,也可以在白板上进行绘制,便于组织讨论和收集反馈。你可以准备一部相机或带有拍照功能的手机,对白板上的结果进行拍照保存。

由于纸面原型的快速灵活性,有些创业公司甚至已经抛弃了电子版的高保真原原型,直接采用纸面原型作为设计师的最后交付物。这对于纸面原型的保真度就有了更高的要求。现在也可以买到成套出售的纸面原型工具,包括绘图模板、设计绘画本、图标模具、标准交互组件等。

3、需要表达什么?

纸面原型可以看作是最终设计方案的雏形。其中,最需要关注的是框架、流程、基本功能和内容,可以忽略设计细节。

对于界面的逻辑关系,可以用绘制的深浅和颜色来表现。需要注意的是,对于界面上需要特别突出的信息,可以适当添加颜色,但切记不要使用过多,否则有可能会分散注意力,导致无法把精力集中在最重要的关注点上。

对于移动应用,可以用纸面原型来表达动效。如果觉得纸面原型难以直观地表现动态效果,可以使用“POP-Prototyping on Paper”和“快现”这两款手机应用。设计师只需将纸面原型拍下来,放到这两款应用中,选取特定的区域添加手势操作和链接,就可以实现点击界面后的跳转、切换等效果。

相关文章

  • 6.4 快速表达我的想法——纸面原型

    1、纸面原型的目的 设计规划是一个承前启后的阶段,其目的是将最初的需求一步一步变为现实。设计师在有了初步的设计构想...

  • 请学会这样“画”纸面原型图

    “如何快速画易懂的纸面原型呢?”“没有手绘基础不会呀?”“总害怕画错怎么办?”“有没有什么纸面原型技巧呢?”“想法...

  • 纸面原型

    我要制作一个纸面原型APP,就酱,说了做就一定要做。

  • 《破茧成蝶》读书笔记⑥:标准的原型长啥样

    前文:《破茧成蝶》读书笔记⑤:捕获用户的芳心&纸面原型 后文:《破茧成蝶》读书笔记⑦:如何绘制原型 十、什么是原型...

  • 为什么产品经理都在学画原型?

    好的产品要表达清晰离不开一个好的原型。而一个合格的产品经理也都是从画好产品原型开始的。 什么是原型? "快速产品实...

  • 词穷成诗

    我把语言锁在纸面上 不是我拥有太多 而是我可以表达的太少

  • 快速原型模型

    二、快速原型模型 2.1什么是快速原型模型 快速原型是快速建立起来的可以在计算机上运行的程序,它所能完成的功能往往...

  • 先完成再完美

    (1)锻炼自己快速总结和表达能力。认清思路,培养快速阅读能力。多沟通,善于用语言来表达自己的内心想法。多看书,去...

  • Mockplus教程:分分钟搞定APP首页原型设计

    Mockplus是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计。除了快速,Mockplus广...

  • Mockplus教程:分分钟搞定APP首页原型设计

    Mockplus是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计。除了快速,Mockplus广...

网友评论

      本文标题:6.4 快速表达我的想法——纸面原型

      本文链接:https://www.haomeiwen.com/subject/yzpnfftx.html