线框图?原型图?为何傻傻分不清楚

简介: 首先,我们需要搞清楚的一点就是线框图不是真正意义上的原型。许多设计师和产品经理,甚至是经验丰富的设计大牛往往也很容易混肴这些专业术语。什么是线框图?什么是原型?什么时候使用线框图?什么时候使用原型?我们都看过小说,小说呈现给我们的只是文字表达,由作者赋予的人物形象。

首先,我们需要搞清楚的一点就是线框图不是真正意义上的原型。许多设计师和产品经理,甚至是经验丰富的设计大牛往往也很容易混肴这些专业术语。什么是线框图?什么是原型?什么时候使用线框图?什么时候使用原型?

我们都看过小说,小说呈现给我们的只是文字表达,由作者赋予的人物形象。我们常常在语文考试中都会这样回答“本文中的人物形象生动、鲜明”,这里的“生动”指的只是我们通过作者的视角想象出来的,我们并没有看过真实的人物。但当这部小说被拍成电影或电视剧,导演根据自己的理解选角,演员们赋予了他们鲜活的生命,这就是原型,小说中人物的原型。

提供信息和功能——线框图,我该如何互动或如何使用——原型。

什么是线框图

线框图是一种低保真且静态的呈现方式,设计师通常使用纸笔来表达自己的想法。只要能明确表达内容大纲,信息结构,布局,用户界面的视觉以及交互行为描述即可。就像建筑蓝图一样,蓝图也就是施工方案,详细描述改如何建造建筑。绘制线框图重点就是要快,明确表达自己的设计想法,它不是美术作品,无需过多的视觉效果。黑白灰则是它的经典用色。


img_4b9e98d712bebb6626e6e492d9fe4345.jpe

什么时候使用线框图?

线框图(Wireframe)是软件或者网站设计过程中非常重要的一个环节。线框图常常适用于非正式场合,用于团队内部的讨论。

花费成本

线框图的花费成本可以说是零,只要有纸笔,或白板就能完成你的想法的构建。不过有的产品经理用Word,有的用Photoshop等。但一般不作为用户测试。

什么是原型?

原型通常是中高保真的呈现形式。以接近最终产品的形式来考量产品的可用性。它能够实现和验证你的设计理念。原型是程序开发过程中的重要步骤,并且允许我们进行一些初步的测试。

什么时候使用原型

原型常用于做早期测试,以确保你的想法符合目标市场。在产品发布之前,没有原型和对用户的测试,这个产品注定是失败的。在原型设计阶段花费的时间,可以避免额外的工作和成本。相对于纸上的产品设计文档,产品原型更加有效,这样可以让所有的测试人员以及用户知道你产品的创意所在。


img_957d7956339e5db474fbd675790a4ec9.png

花费成本

原型比线框图耗时且花费成本高,市面上的原型工具,价格和方式不等。Axure现在没有了盗版之后购买包年要495美元,终身版 899美元并仅限于大版本;Justinmind包年228美元;终身版495美元,第二年后,每年需要支付99美元保持更新。Mockplus包年129美元;终身版399美元,Mockplus实现了真正意义上的终身版,无需再为新版本付费。 工具是为我们服务的,要看它是否易操作,易上手,学习成本高低,价格是否亲民。

原型的可交互,可点击和可操作的设计为用户提供了最终产品的真实想法。通过原型设计工具中的高级UI功能和元素,您可以添加视频,html,flash以及广泛的动画,效果,转换和移动手势。原型越现实,反馈越准确!原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。所以原型工具的花费是值得的,就看哪一种工具符合你的预期。

总结:


img_f71ce73dc32b0c458adbef4fd8e7b3be.png
相关文章
|
2月前
|
机器人 程序员 C++
Scratch3.0——助力新进程序员理解程序(案例四、绘制五角星)
Scratch3.0——助力新进程序员理解程序(案例四、绘制五角星)
13 0
|
9月前
|
测试技术 容器
开门小例子学习十种用例图
早晨上班米老师需要何老师打开水麒麟的门
|
4月前
|
缓存 数据库 数据安全/隐私保护
我绘制文章插图的三个神级工具
我绘制文章插图的三个神级工具
|
4月前
|
人工智能 vr&ar 图形学
次世代建模纹理贴图怎么做?
高端的引擎技术、材质贴图技术、渲染技术,使得次世代模型有着比肩电影画面的视觉效果,且是实时渲染。而且次世代模型有着面数高、贴图精度高、运用法线贴图描绘物体表面凹凸变化、高光贴图表现物体材质反光、实时光影等特点。
65 2
|
6月前
|
设计模式 Java
【3D机甲】捏造型功能
【3D机甲】捏造型功能
|
9月前
|
数据安全/隐私保护
机房收费系统—经典代码
机房收费系统—经典代码
|
10月前
|
架构师 Java 测试技术
这7种UML图的画法每个程序员都应该掌握~
这7种UML图的画法每个程序员都应该掌握~
494 0
|
11月前
如何做一个俄罗斯方块3:形状控制
今天,我们来继续学习和实现下一个模块:玩家控制形状。在俄罗斯方块游戏中,玩家可以对下落的形状进行控制,控制分为两种,一种是控制形状的移动(左,右,下),一种是控制形状的旋转(顺时针旋转 90 度)。
102 0
|
11月前
|
小程序
如何做一个俄罗斯方块6:形状停靠
在处理形状停靠之前,有一点儿东西需要了解,就是已经停靠的方块和正在下落的方块不是一种方块,如图,红色的表示的是已经停靠的方块,绿色的表示下落的绿色方块的作用是展示当前下落的形状,红色方块的作用是标识出哪些位置已经摆放了方块。
86 0
|
数据库 数据安全/隐私保护
写代码的七八九十宗罪,多图、胆小慎入!
写代码的七八九十宗罪,多图、胆小慎入!
149 0
写代码的七八九十宗罪,多图、胆小慎入!