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

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

  FLINTO


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

  FileSquare


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

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

  CONCEPT.LY


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

  Fluid UI


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

  Brief


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

  Balsamiq


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

  Axure


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

时间: 2024-10-22 17:17:37

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

转向移动端UI/UX设计有哪些必知的设计要点

  你手头是否有正在设计的APP项目?有没有系统的设计计划?你是直接动手设计,还是会中途停下来研究一下终端用户的真实需求?你是否知道用户打开APP第一眼到底更希望看到什么? 在考虑运用哪些用户体验相关技术的时候,它们的美学特征可能是相当值得我们深思的.目前我们所看到的许多网站上所使用的设计理念和技巧,其实也可以很好地投入到APP设计中,只不过细节和样式可能需要稍作调整,以适配更小的.高清的屏幕.对于熟知桌面端UI设计的设计师而言,接下来的7个设计要点能帮你快速转向移动端设计,让你看起来像是专业的

一名UX设计师的VR设计初体验

  本文是某VR团队设计总监在这个新领域当中进行设计初体验时所得到的一些经验分享.相信如今有很多设计师一方面不具备相关的经验,一方面又希望进入VR领域去扩展技能.开拓视野.所以希望本文能够为各位带来一些指引与帮助. 恩,这次仍是VR探索,从设计师职能出发的实战经验漫谈;对比之前的几篇,慢慢可以发现如今的设计先行者们所汇总的东西当中会有一些重要的交集.在尚未实际进入领域之前,通过识别这些交集,我们或许也可以摸到一些关键的东西了.我个人目前还没有能力去做任何偏技术的文章,例如3D方面;在当前阶段,对

移动UI/UX交互设计案例:50个精美移动UI设计

文章描述:50款拥有超赞用户体验的精美移动UI设计. 实际上用户界面(UI)和用户体验(UX)就如同硬币的两边,两者同等重要.他们在用户跟他们的产品之间都保持着紧密的联系.用户界面(UI)描述的是面对XX以及产品,而用户体验(UX)面对的则是用户的体验和对产品的洞察力.除此之外,简单来说用户界面(UI)面对的是技术以及整个网站的表现形式,用户体验(UX)面临的则是用户的理解和反应. 最漂亮.时尚.超赞的移动UI设计都在这儿了.今天,我们从behance和dribbble挑选了50款拥有超赞用户体

优秀的用户体验设计:15个不同的UI/UX案例

用户界面和用户体验(UI/UX)是任何产品成败的关键,尤其 Web,Web 是一种公开的,可以被任何人随时随地访问的特殊产品,用户的体验几乎意味着一切,虽然内容更重要,但内容可以替代,体验却是独一无二的,本文分析了15个不同的 UI/UX 案例,优秀的用户体验给我们带来的启发是无价的. 内容滚动中的运动视差效果 Parallax scrolling是让多层背景以不同的速度移动,形成运动视差 3D 效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验仍然非常出色.Charlie Gentle's

UX设计师不得不掌握的心理学技巧

  我们常说,一百个人心中会有一百个哈姆雷特,同样的,一个用户体验设计的问题,在一百个UX设计师手上可能会有一百种解决方案.不得不承认,用户体验设计并不是一门精确的学科. 每一个用户体验元素背后都有着丰富的心理学现象在背后做支撑,虽然不足以做出精确推导,但是我们可以借助这些原理来驱动用户行为.影响体验.所以,今天的文章我们将探讨如何使用这些信息获得更好的设计与效果. 在探讨如何影响和改变用户行为之前,我们先得了解哪些因素能够影响用户行为.所以,我们先从心理学的角度来看看用户体验设计. 1.时间与

给 UX 设计师的 6 个超实用技巧指南

本文讲的是给 UX 设计师的 6 个超实用技巧指南, 一些关于怎么变革产品.服务和流程的开发方式的想法 我们都同意中高级设计师和初级设计师处理问题的方法有着显著区别,到底是什么东西使我们能区分开新人和久经沙场的老设计师们呢? 接下来是一些在你从事设计师的这条漫长旅途上需要磨砺的一些实用技能. 1. 从长远的角度看你的设计方案 如我之前所提及的,设计师们需要站在一定高度上观察.理解复杂的问题,避免过早被细节困扰. 我的一位导师提过,设计师们做的不仅仅是引导用户去点击一个按钮或是完成一个小任务.用户

从物联网、智能办公室看未来UI/UX设计趋势

现今物联网(IoT)与智慧产业的发展触及在各种不同应用发展上,智慧城市俨然成为锐不可挡的未来趋势.随着2016智慧城市展热闹结束,各家厂商都展现了在物联网的不同解决方案,从智慧城市.智慧医疗.智慧工厂.智慧校园.智慧建筑.智能办公室到智能家居,一系列的应用可以看出未来科技将带来更便利的生活,却也不免让人开始思考,物联网要怎么做,才能与其他厂商做出差异化? 更贴近你的使用者 物联网,简单的说明就是万物皆联网.目前在市面上较普遍看到的应用,多是让使用者透过手机平板应用程序去远程操控对象.但这些都非物

HTML+CSS体验设计师:前端技术和框架与工具

文章描述:HTML+CSS体验设计师:前端技术和框架与工具. 我一直笃信不知道HTML和CSS的体验设计师是连砖头和钢筋都没有摸过的建筑师,因此在以往的十几个项目里虽然总是进行策略层的设计,但也不忘记锻炼自己HTML和CSS能力,只有手够脏才能成为一位好的设计师. 最近的讨论里,我们总在纠结于设计师和开发人员无法相处的话题,其实答案很简单──当你没有我的生活体验,你如何让我理解你.在开发人员那个充满逻辑.过程.抽象.定义的世界里,到底哪个部分是曾涉足,决定了你是不是一个足够理解开发人员的设计师.

网页设计师参考:网页设计和网页工具网站

作为国内的网页设计师会经常访问一些国外知名的网页设计类网站,有提供网页设计欣赏的灵感类,有提供编码与工具下载的,还有提供网页测试的.这些网站对于网页设计师都十分有用,建议经常关注下. 本文将会展示一些web设计师应该经常会使用到的工具.如果你需要一些灵感,你可以访问最流行的设计展示站点来寻找你需要的好作品和好例子.一些设 计相关的工具,在线生成器,免费字体站点,模板站点都将帮助你更有效率测试和管理站点.记住,并不是什么都亲自完成才是最好的方式,一定程度的借鉴将会让 你以更轻松的方式完成任务. 我