每一年的毕业季都是找工作高峰时期,产品经理.UI设计师这些岗位都会接触到原型设计工具.选择原型设计工具最重要的一点:适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看那一款于你而言才是最好的~ Axure 老牌原型设计工具,交互制作功能强大,当然同时也带来了较高的学习成本.设计区域是无限画布,方便给设计稿添加文字注解.在交互效果层面,可以实现非常多条件判断.巧妙运用可以实现更复杂的交互.不过同时也会带来“效率不高”的问题,因为细节过于繁琐,所以会加重产品经理或交互设计师在画原

编者按:<从零开始设计App>系列到这篇已经是第三期了,上期是低保真原型图,这期@Sophia的玲珑阁 聊聊如何从零开始制作高保真原型图和UI 设计规范. 往期回顾: <设计师怎样从零开始设计一款APP?> <从零开始设计一款APP之如何做原型图> Hi-fi 输出 上篇文章提到,在Hi-fi阶段大概可以分为前期.中期和后期三个阶段.这篇文章就是对Hi-fi阶段的详细解说. 前期 前期的主要任务是hero screen(主功能页面)的尝试设计,通过它进行视觉风格上的确定

在上一篇文章中跟大家分享了Axure7.0 的简介.基本操作和原型图的制作,主要是应用元件库里的原件进行界面元素的搭建,直至完成原型图,在最后给大家展示了高保真原型图效果.而在本次分享中,主要带领大家来实现高保真原型图的制作过程,同时介绍一些其他工具的使用情况. 在讲解之前先跟大家回顾下交互设计,什么是交互设计? 交互设计是指设计人和产品或服务互动的一种机制,以用户体验为基础进行的人机交互设计,是要考虑用户的背景.使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品

本文核心内容点:- 啥是高保真原型?(附简单说明原型)- Axure可以画出什么水准的高保真?(给示例,开启装逼模式)- 高保真原型图技巧:- 啥时候上高保真?适用场景 and 不适用场景 啥是高保真原型 ? 啥是原型,从事互联网的同学,肯定非常熟悉,特别是产品岗同学.如果不是,那如下简单讲原型和高保真原型的: 原型:即产品草图.从产品流程来看,将想法形成草图原型,原型再有设计师形成效果图,程序猿们根据需求和效果图开发,出来的软件样子就是和效果图差不多.原型在过程中就是产品最终形态的骨架. 低/

转载: Xcode + Swift 制作动态原型 为什么是 Xcode 和 Swift 我们尝试过的动态原型设计工具,Origami, Form, Hype, FramerJS,Pixate 等,但都不适合.我们想要的是像 Sketch 这样简洁好用的工具,目前来看只有 Pixate 比较合适,但 Pixate 还处于早期版本,问题还很多,在第 1 经当中我也曾经提到过. 为什么是 Xcode 和 Swift? 原因很简单,我们不想做特效,只是想模拟 iOS 上真实的体验.Xcode 不是模拟动

使用Axure制作的原型,如果你没有设置自适应视图的话它是不会自动适应任何设备的. 若要解释清楚这个问题需要的篇幅比较长,请大家自行参考 Point/Pixel/PPI/DPI 的意思和它们之间的关系.这里不再赘述,直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置,生成HTML后再到相应的移动设备中浏览就正常了. 意思是:你要

使用Axure制作App原型怎样设置尺寸? 原文地址:http://www.axure.us/2172/ 本文由原型库网站投稿,转载请注明出处. 最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接

想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可. 原帖:http://www.yuanxingku.com/article-65-1.html 如: iPhone4

转载自:http://www.guimobile.net/xcode-high-fidelity-prototype-design.html Xcode不仅是开发者用来开发iOS Apps的开发工具,同样也可以被设计师用来创建App的高保真交互原型.在Xcode开发环境里,没有任何限制,设计师可以嵌入各种各样有趣的交互,动 效和声音去创造一个真正的iOS App的体验.在这个教程中,主要讲述Xcode工具中Storyboard功能,这个功能可以让设计师不用任何一行code去创建一个iOS App

原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此,如今的原型设计工具格局也发生了很大的变化. Sketch对于现代设计师而言,已经成了不可或缺的设计工具之一.各家原型设计工具也在悄悄的发生一些改变,迎合设计师们的需求,纷纷开发出了针对sketch原型的插件.既有传统的桌面端原型工具,也有基于云平台的工具.虽然没有任何一条标准规定你必须使用哪一个工具,然而如何能在众多的sketch+原型工具的组合中找到最适合

UI/UX 设计师是我们耳熟能详的名称,但是这些红遍大江南北的设计师到底是什么鬼? 今天小编跟大家好好分享一些关于UI UX 设计师的描述,让大家搞清楚两者的含义和职责.全文主要分成UI设计师描述和UX设计师描述两个部分,下面小编为大家详细解析这两种设计工作. UI 设计师描述 UI设计师是什么?我们可以从字面理解为用户界面设计师. 简单地说,我们手机和电脑里那些精美的应用程序界面就是出自他们之手.从严格意义来讲,它是指从事软件的人机交互,操作逻辑,界面美化的整体设计的人.这样一说,你是否对UI

随着互联网的快速发展,越来越多的应届毕业生也成为设计师的一员.他们当中的许多人选择UX设计师作为第一份工作,也有一些人选择做一个产品设计师.你是否也想成为设计师呢?这两种设计师你更倾向于哪一个呢?在你做选择之前,你应该搞清楚一个问题.产品设计师和用户体验设计师:他们之间的有什么区别? 两者的区别具体体现在哪些方面?小编从定义,工作职责,设计师关注点,使用工具这四方面对比了两者. 1.定义 产品设计师负责产品与他们的工作流程的整体功能,是用户需求的守护者.UX的设计师只负责用户界面的功能,注重用户

摘自知乎http://www.zhihu.com/question/20326729 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 首先如果你小团队或者个人开发,当然可以用Xcode,如果大公司跨部门审核调整各种,还是有个快速的原型. 如你要求,可交互.包括常用的Axrue,我试用过下面提到的所有软件,分别完整产出过不同的原型,还有一些市面上的你一看它介绍图还在用ios6的就知道不必了,说明很久没更新了. 下面这些是我按照不同的特点进行了归类,视你的具体情况而定

关于项目原型制作,小菜先前写过一篇文章<FastUI快速界面原型制作工具>,只不过那个是用C#写的原型制作工具,但是感觉用C#写起来比较费力,而且也不太好用,经过高人指点,茅塞顿开,决定重新写一个Web版的. 经过将近一个月的不懈努力,Web版的原型制作工具终于诞生了:飞鱼. 飞鱼项目基于Node.js+Express+Mongodb编写,是一款轻量级的Web应用. 飞鱼开源免费,源码托管在Github上. 通过飞鱼,您可以在线制作项目原型,同时提供[保存]功能,随时保存在服务器端,以后可以用

随着信息化社会的不断发展,不仅手机迭代更新的速度飞快,就连手机里的App 也层出不穷.作为一名UI/UX设计师或产品经理,如何才能设计一款出色的移动App?光有好的创意是不够的,你还需要一款正确的App原型设计工具来表达你的设计! 不少设计新手和产品小白在选择原型工具前,早已经被网上五花八门的原型设计案例看得眼花缭乱,无从下手.实际上,大多数案例都是这些工具作为教程或炫技使用的.通常,有经验的设计师或产品经理在挑选App原型设计工具时都会从以下这些方面进行考虑: l  是否支持多终端演示(随时随

五款app原型设计工具对比 Proto.io, Pixate, Origami, Framer & Form 本文由Panblack 翻译,原文作者 Tes Mat 我用五款“高保真”原型设计工具重新创建了IF by IFTTT user onboarding应用,目的是了解这些工具的不同之处,它们是Proto.io, Pixate, Framer, Facebook的 Origami 和 RelativeWave的Form. 看看跟原装的对比,这些再造的产物表现如何:视频地址:https://

转: http://uedc.163.com/2248.html 前言 什么是原型呢? 产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块.元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体.形象和生动.    就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure.今天给大家介绍一些我在工作中使用axure的经验.主要从交互设计中涉及的三个主要步骤进行说明: 一.主要页面原型 在进行主要页面原型设计之前,交互设计师需要:

著作权归作者所有. 商业转载请联系作者获得授权,非商业转载请注明出处. 作者:李志超 链接:http://www.zhihu.com/question/20403141/answer/25329730 来源:知乎 首先如果你小团队或者个人开发,当然可以用Xcode,如果大公司跨部门审核调整各种,还是有个快速的原型. 如你要求,可交互.包括常用的Axrue,我试用过下面提到的所有软件,分别完整产出过不同的原型,还有一些市面上的你一看它介绍图还在用ios6的就知道不必了,说明很久没更新了. 下面这些

Axure原型 1.原型的出现 -软件功能复杂,用户需求多 -挖掘用户的实际需求 -项目组之间降低沟通成本 2.类型: ［草图原型］描述产品大概需求,记录瞬间灵感 ［低保真原型］展示系统的大致结构和基本交互效果:可用于给项目组同事进行交流 ［高保真原型］视觉和体验上几乎接近真实产品:最多用于给用户进行演示 3.原型设计方式不是单一的,可以用草图.文字等等,Axure是一个快速的原型设计工具,方便用于与用户和项目组同时交流 4.axure RP(rapid prototyping)可以让设计师们利

前段实践整理过一些原型设计用的软件,这里分享一下,喜欢对更多的PM战线的童鞋有所裨益.(因为交互原型工具Axure ui设计师都很常用了,文中就不专门介绍了) 首先分下类: •1.交互原型(产品能做什么) -1.1腾讯UIDesigner -1.2Flash •2.快速原型(产品大概长什么样) -2.1Pencil -2.2lumzy -2.3MockupCreater -2.4MockupBuilder •3.高保真原型(产品就要长什么样) -3.1PhotoShop 1.交互原型(产品能做什

 原型设计的工具-----Axure RP 1.原型设计的工具 目前能用于原型设计的工具有很多,其中有七种比较好. (1)    Axure RP (2)    Mockplus (3)    Justinmind (4)    Invision (5)    Flinto (6)    Proto.io (7)    Balsamiq Mockups 2．Axure RP的介绍 (1)Axure RP是一款专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:R