当前位置:首页 > 网赚项目 » 正文

「什么最赚钱」你知道线框图和原型有啥区别吗

交互式线框图

「什么最赚钱」你知道线框图和原型有啥区别吗

编者按:这篇文章出自UXPin的首席执行官Marcin Treder。

线框的视觉特性局限性非常明显。通常设计师会只需要使用线条、方框和灰阶色彩填充(不同灰阶标明不同层次)就可以完成。

这也是一款能在浏览器中使用的线框图和原型设计工具。

小贴士

在制作线框图的时候,尽量创建可编辑、可重复使用的元素。这样的话,当你在制作原型的时候,你就可以在之前的基础上继续细化这些元素就好了。

设计流程

深入了解了设计的本质,掌握线框图和原型之间的区别之后,你就站在用户体验设计的世界门口。

一款简单的线框图设计工具,不过产品开发止步于2010年。

线框图设计流程中最重要的组成部分之一,看完这张手绘的流程图你就明白,为什么要耗费时间来向他们解释什么是线框图(笑),以及为什么要这么用线框图。或者,你干脆跳过这个版本。

在UXPin中制作的交互原型设计

使用你最顺手的工具。

这款程序可以助你基于现有设计制作可用的原型。不过你不能随便画任何东西,但是可以在不同的屏幕间随意添加链接。

Axure

「什么最赚钱」你知道线框图和原型有啥区别吗

InvisionApp

「什么最赚钱」你知道线框图和原型有啥区别吗

「什么最赚钱」你知道线框图和原型有啥区别吗

Protoshare

「什么最赚钱」你知道线框图和原型有啥区别吗

Axure就无需深入介绍了吧?作为一款最流行的线框图和原型设计程序,很多做产品和交互的同学已经在用它了。

简单的矢量线框图

一个简单的线框图最终需要包含的内容有图片、视频、文本这些东西。所以,通常情况下,被省略的地方会用占位符来标明,而图片通常被带斜线的线框来替代,文本会按照排版,用一些标识性的文字所替代。

另外,将原型提供给用户,并跟踪用户反馈,这样的基本的用例对洞察产品各个细节能收到奇效的,并且可以鼓舞整个团队。使用前文我所说的软件,单靠设计师介入就可以快速高效地构建原型而无需程序员介入,这是极为省事的。

当你能够将这一系列的产品设计环节,整合成一个具有凝聚力、高效的工作流程,神奇的事情自然会发生。

制作原型的目标非常明确:尽可能真实地模拟用户和界面之间的交互。当一个按钮被按下的时候,相应的操作必须被执行,对应页面也必须出现,尽可能地模仿完整的产品体验。

原型的优势
上一篇:「网赚交流」一起来捉妖怎么赚钱 一起来捉妖3大赚钱攻略汇总
下一篇:「如何才能赚钱」想趁高铁占地发横财 女子在施工地无理取闹被拘留
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

猜你喜欢


「网赚项目」51线报网

「网赚项目」51线报网

51线报网“宽厉面。中午狄佐光热飕飕天洒正在树林里,平静而又舒服。 “怎样?尊少,我那一拳,怎样?”“呵呵,小辈,您那一拳确实有面意义,然则比起我剩下的七式,生怕是...

二维码