下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

原型设计的工具有哪些?

作者:课课家教育     来源: http://www.kokojia.com点击数:1326发布时间: 2016-08-09 09:00:55

标签: 交互设计原型设计原型工具

  原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。

  一、原型设计是什么

  产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册为例,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单点说,是将页面的模块、原素、人机交互的形式,利用线框描述的方法,将产品脱离皮肤状态下更生动地进行表达。

  原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。

  二、原型开发工具

  以下是iOS开发者必备的两个原型设计的工具:

  1.Indigo Studio

  Indigo Studio是由infragistics开发的一款UI原型设计和交互设计工具。帮助你快速而简单地创建活生生的UI原型。它的每一步都保持以用户体验为中心,有了Indigo Studio你可以用超过100个不同的场景、线框(内置交互控件以及桌面、网站和移动应用的原型)创建脚本,全部不需要代码。

原型设计的工具有哪些?_原型设计_交互设计_课课家

  与大多数的原型设计工具不同,Indigo Studio将交互设计视为其核心。其他工具只侧重于提供静态的UI实体模型设计和基本链接能力,如Axure等流行的原型设计软件,让原型设计师或UI开发者花费大量时间以不同的增加链接的方式实现交互设计。Indigo Studio却可以对每一个元素每一个按钮进行交互设计,并能够为交互动作设计丰富的过渡动画效果。他还支持设计注释和分享,大大的团队设计的工作效率。

  2.Paint Code

  Paint Code是一款面向iOS和Mac应用开发者及设计师的矢量图形可视化开发工具,通过这款软件即使没有编程经验的设计师也能画出美丽的控件、图标或其他UI元素。

开发工具

  在开发过程中,设计一个有吸引力的、与分辨率自适应的UI是很困难和繁琐的事情,尤其是你需要编写图像代码的时候更是如此。Paint Code便可实时地将你编辑的矢量图转化为Objective-C和C#/Mono Touch图像代码,使你不必再为了达到预期效果一遍遍地调整和重新编译代码,节省了大量的开发时间。

  作为一款个性十足且用户体验超棒的Mac应用,Paint Code是iOS开发者不能忽视的开发工具,也正因如此,许多开发者将其称为设计与开发通吃的代码神器。

  原型开发工具的选择并没有说哪个最好,因为每个人都有各自的使用习惯,有人喜欢axure、Mockplus,有人喜欢paint code、indigo studio,也有人喜欢手绘,甚至有人用Excel来制作交互原型,不仅能够布局,还具有基本的链接和跳转功能。但工具只是实现目标的一个手段,因此选用何种工具完全基于个人的习惯及方便。

  在原形设计上,Axure软件提供了一套非常完美的原形设计工具。就目前所有的原型图工具,于轻量化的原型设计工具来说,Mockplus软件入手更快,更容易接受。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程