产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

开启左侧

36、用户体验设计之原型设计

[复制链接]
3241 5

立即注册,下载精品资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
sketched_wireframes_16-540x250.jpg


  产品原型(Prototype)是指一个产品的仿制品或者产品的局部工作模型。它能够体现界面交互设计的某些特点,并能够实现部分或全部功能。原型的意义在于可以很快捷方便,形象而且经济地展示设计人员的想法,便于设计开发团队成员之间,设计人员与用户,以及设计团队与项目相关管理人员的沟通。另外借助于原型,设计人员可以尽早地对设计概念进行使用性评估。


  原型设计制作贯穿于产品设计的整个过程。根据产品设计以及界面设计流程中的不同时期,以及不同时期中原型设计的不同特点,原型设计可以分为:


1)      低保真(lo-fi)

2)      中保真(mi-fi)

3)      高保真(hi-fi) 三部分。



【案例】推荐给朋友们的原型设计工具


%E6%97%A0%E6%A0%87%E9%A2%98.png


  UXPin内置了超过900种不同的UI元素供你创建线框图和原型。


%E6%97%A0%E6%A0%87%E9%A2%982.png


  Proto.io是一款非常健壮的原型设计工具,并且它可以基于原型输出HTML/CSS代码和触摸屏互动原型,方便你在实际的设备上给用户测试。


%E6%97%A0%E6%A0%87%E9%A2%983.png


  一款流行的、长效的线框图设计软件,仅限于制作静态的线框图。


%E6%97%A0%E6%A0%87%E9%A2%984.png


  支持直接在浏览器中制作线框图。


%E6%97%A0%E6%A0%87%E9%A2%985.png


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


%E6%97%A0%E6%A0%87%E9%A2%986.png


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


%E6%97%A0%E6%A0%87%E9%A2%987.png


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


%E6%97%A0%E6%A0%87%E9%A2%988.png


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

举报

回复

5 个评论

jecklcoin    发表于 2015-1-26 16:45:51  | 显示全部楼层
不错,学习了。
乔培培2015    发表于 2015-3-11 17:24:38  | 显示全部楼层
不错学习了
Sunshinemoon198    发表于 2015-5-19 08:46:36  | 显示全部楼层
很有帮助 感谢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点

更多

社区学堂

更多

客服中心

关于我们
关于我们
友情链接
联系我们
帮助中心
网友中心
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表