移动UI/UX设计师和PM使用的原型工具

2016-04-01 00:33 17 1 收藏

下面图老师小编要跟大家分享移动UI/UX设计师和PM使用的原型工具,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - 软件应用 】

移动UI/UX设计师和PM使用的原型工具

   无论是做网页设计还是手机移动端设计,开始制作时都是先从原型框架开始设计,最初设计师们可能在纸上画原型图,但现在已有很多先进的工具能让我快速生成原型并能实现一些交互设计功能。因此,设计达人网整理一些适用于移动应用的原型设计工具,这些都能有助于你的工作哦!

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

  FLINTO

移动UI/UX设计师和PM使用的原型工具 图老师

  Flinto 用于演示App原型的工具,它能快速将你设计好的原型图(框架图也可以)链接起来,并以App形式展示,这样你给客户看的时候,简直像一个真的App一样。使用flinto一般5分钟就能制作完原型展示,简单快速。

  FileSquare

原型制作工具 filesquare

  一个链接模型画面的工具,通过在线方式上传和操作。另外它还是一个开放的交流平台,用户可以为作品添加注释,比如添加反馈意见等等,或许你会发现有专业的设计师给你意见哦!

  这里有个在线DEMO演示:App.filesq

  CONCEPT.LY

原型制作工具 concept-ly

  可以快速将框架图和ui设计图转换成交互式App程序。

  Fluid UI

fluidui

  Fluid UI帮助交互设计师们方便制作产品线框图,它甚至能够影响到后期的界面设计、产品功能设置以及上线前测试。Fluid UI具有丰富的资源库,不管是iOS、Android还是Windows 8都能找到最合适的资源来使用。支持添加手势,让设计原型更真实。Fluid UI有动画效果,高保真模拟用户体验和操作。

  Brief

原型制作工具 briefs

  Brief 堪称移动App上的Axure RP,Library内置了很多丰富的UI组件/控件,可以快速创建你的App框架图,并能添加Actives(触发动作)实现交互功能,该软件价格有点贵,但对工作却是很有帮助的,(其实你可以向公司申请购买嘛!)

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

  Balsamiq

原型制作工具 balsamiq

  balsamiq 可以让你原型框架图变成可爱的手绘风格,就像在纸上手绘草图一样,看起来很Q版。balsamiq 还内置很多手绘风格的常用UI控件,足够画一般的网页设计框架、App框架使用。

  Axure

原型制作工具 axure

  Axure这个是很出名的原型工具了,很多设计师、PM(产品经理)都有用它,它除了能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML 模版外,还支持javascript交互的实现,并生成Web格式给用户浏览。

来源:https://www.tulaoshi.com/n/20160401/2073353.html

延伸阅读
作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,教你读懂心理学,提高说服力。 信息不要同时全部展示,阶段性地向用户展示当前场景里必要的信息 设计师经常犯的错误:同时将大量信息展示给用户。 不要一次性大量提供信息,...
著名UI设计师刘琦设计作品欣赏 刘琦,网名“酚麻”,现为自由职业者,从事设计咨询工作。曾任北京首信股份有限公司功能交互设计主管。负责管理部门的界面图形、交互设计、用户体验及用户测试等方面工作。2004年创作的"Chinese Traditional Icons"倍受世界各地的苹果用户喜欢。 ...
标签: 设计
图标设计能力 UI设计师需要掌握各种图标设计能力,线性和剪影图标是目前工作中运用最多的图标设计形式。网上各种素材库的图标已经很多了,为什么还需要自己设计,因为项目是千变万化的,网上下载的图标没法成套使用。你需要根据产品设计的风格进行统一设计,做有风格独特又符合产品气质 的图标。 图形设计能力 经常有问UI...
标签: PS PS基础
如果你是设计移动UI界面又是Photoshop新手,那么今天分享的技巧教程很适合你,虽然说是移动界面设计,但同样适用于其它设计工作,比如网页设计、平面设计等等,让我们开始吧。 Photoshop新建文档设置 操作:菜单 → 文件 → 新建 宽度:640像素 高度:1136像素(4英寸iPhone设备) 分辨率:72像素/英寸(ppi) 颜色模式:RGB颜色 背...
腾讯的yixin同学对市面上的记账软件都不太满意,干脆自己设计了一款。这篇分享了他全部的设计探索过程,想知道专业设计师如何从零开始一款APP的设计,在细节上如何考量周旋,看这个就对了。 现代智能手机给我们提供了非常多丰富实用的功能,比如平时颇为在意金钱去向的我,就是一个 手机记账 App 的使用者,曾经尝试过各种记账 App,但好像...

经验教程

215

收藏

41
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部