app原型设计
❶ 如何快速制作APP原型
一、创建元件库“绿色文件
二、元件库分组
三、编辑并制作元件
四、载回入自制元件库并答使用
首先,我们要熟悉APP的设计规范,符合Android或者iOS的设计理念,对于一些常规的控件设计规则有一定的了解。这样设计出来的产品才能符
合这个平台的特性,并且基于大家对相关平台的一些固有认知,很容易能够达成共识。这也是交互原型作为一个沟通交付物应该达成的目标。
❷ APP原型设计学习:去哪儿网APP的低保真原型案例
不同公司用法不一样,这得看你们公司的产品开发流程。以我们公司为例,产品内经理在产品容设计阶段做低保真原型,这种原型最主要有3个用处:1、产品会议/汇报时用于展示2、交付给前端/交互,前端/交互根据此交付物做下一步工作3、产品开发完毕后用于对照测试此外,不少公司有专门的交互设计师,那他们也会用axure做交互原型。再其它的,比如低保真通过后还要求在axure做出高保真页面啥的,就不一一表了。还是那句话,得看你们公司的产品开发流程。
❸ 手机App开发之前的设计,用什么软件画原型
Axure8.0。之前有学用复这个软件制来设计原型图。界面美观、原件库也很多,不用自己上网去找,除非是比较特殊的、交互效果方面也能实现很多,比较不足是输入文本时,每次都要设置文本样式,比较烦。当时老师说企业里面的一般都是用这个来设计网页、app的原型图。
❹ APP交互原型图 怎么画
Low-fi,即低保真原型图,整个设计阶段,设计师真正开始上手的环节。待PM制作好PRD文档和逻辑流程图之后,交互设计师开始依据已有的结论,画出Low-fi。
Low-fi的作用
1. 方便团队进行方案的讨论和统一。
就像使用场景Scenario和用户画像Personas,团队每个成员脑海中所理解的都会有所不同,但通过PRD,咱们可以进行至少是大体上的统一。而在这基础上,APP的具体画面和流程,每个人都有自己想象的视觉效果。Low-fi就在此时起了相同的作用。
当然统一的进一步促进效果是,进行后面核心功能的深入探讨,将概念落实到实施方案,并验证逻辑上是否能跑通,以及主页面元素的确定。
2. 方便开发人员进行整体架构的布置,开始着手一些基础元素的部署。
3. 做出demo进行内部尝试、小范围的用户调查,一般会有一些更改,不会影响项目主方向,大多是功能上的调整
Low-fi 的处理工具与文件要求
作为交互设计师,在Low-fi阶段多使用的是sketch,PS更侧重于用来做图片的处理。出发点还是更多的从效率上进行考虑,sketch运行速度非常快,文档小,测量距离方便,可复用的图层组(symbol),做好图之后导出多倍图也十分方便。所以在此阶段做草图,sketch是不二之选。
然而,对Low-fi的文件处理也有一些要求,主要分为视觉效果和文件名整理。
视觉效果上倾向于使用黑白灰无色彩感的设计方案,目的是为了降低视觉上的干扰,让设计师和团队其他成员,将精力重点放到APP本身的功能完善和逻辑完整上面。
而文件名的整理主要表现在图层命名需要规范。统一的控件用symbol进行管理,symbol的命名建议使用驼峰式,即每个单词间没有空格,每个单词首字母大写(这里说的是大驼峰式,即第一个单词的首字母也大写了)。
❺ 移动APP开发使用什么样的原型设计工具比较合适
移动端的开发变的越来越丰富,最好的开发模式应该是快速原型模型版。快速原型设计是权设计师与移动app软件需求方沟通的最好工具,在软件开发初期,先对所要开发的软件有一个大致的整体设计,毕竟现在的移动端多种多样,如果没有一个好的设计,很难做出一个比较优秀的软件,快速原型更有利于客户与开发人员的交互,使设计细致入微。
使用原型的优点:
用现在的原型开发工具很容易就可以进行创建。而且如果客户的需求发生了变化,那么快速原型可以降低卡发成本时间,可以在短时间内进行修改。
便于开发人员进行协商讨论,当团队对开发的软件进行讨论的时候,原型可以提供讨论的内容。
有利于开发团队之间的沟通,原型可以使得多个开发团队之间展开构想,帮助他们通过原型弄清app软件相关的概念,使得将要开发的软件具体化。
对可用性测试很有用,有些交互性的原型可以让你在写代码之前进行可用性测试。
在移动端app开发的早期阶段,原型的重要性也是也体现在降低开发成本的作用,此阶段应该充分被利用,以避免后期因为不符合需求而改写大量代码。
❻ 移动端APP原型设计属于什么领域
不是,这一类属于产品经理领域的范围,原型设计是需求设计的版一部分,UI只负责效果图的权设计,通常来说,产品经理这一个职位主要负责需求调研、用户分析、原型文档的产出工作,这一个职位是互联网职位中的一种核心职位,类似UI,却比UI做的多一些东西。
❼ 如何快速制作一个App首页原型
对用户抄需求进行文字描述
这阶段其实就是把重点给挑选出来,以免后续的产品设计过程中,遗漏了重点项目。
草图设计阶段
这个阶段,可以天马行空,不用拘泥于传统。也就是自由创作,将思想,以图形形式表达出来。
确认主体结构
将产品的使用逻辑优化好。配合用户使用习惯,行为特点,将结构弄得简单易用而内容丰富。
美化原型
首先要确认自己需要哪些地方做美化。然后能搜索到的就搜索,不能搜索到的,就只能用Photoshop或其它绘图软件进行编辑了。
尽量不因为其它因素而修改最初的需求
❽ app原型图是ui设计师的工作吗
准确的说现在已经没有ui这个职位了,ui分解为视觉和交互设计师。
你指的应该是视觉设计师,并不需要做原型图。
交互设计师而言,原型图是他的主要工作。
❾ App 产品原型设计用什么软件
现在主流的原型界面设计软件基本就那几款吧,比如Framer、Shireframe、v-proto,前2款对技术和入门还是专有要求的,后面者是国产,属更符合国人使用习惯,而且零基础的人也能很好地使用。
原型设计工具一定要能在工具内拖拉拽模块或者通过大量模版集合,现场快速生成产品模型,可视化操作让客户思维得以具现化,高保真度还原需求,同时支持团队协作办公,需求即提即改,大大缩短交流成本和交付周期。这才是原型工具的本身存在的意义
❿ App 产品原型设计用什么软件axureMMvisio
如果像要在设备上实际让原型显示出来,并且能测试。那axure和腾讯cdc的uiddesigner,还有在线的fluidUI也可以考虑。其他好像没有了吧。但除了axure,后两者所谓的交互其实都是不同的界面截图之间的切换,说白了就是多节点式结构的ppt,不是真正的交互。axure的思想更接近实际开发,比如通过master实现界面元素的封装复用,条件判断,函数,变量。这些功能除了开发工具,原型工具还有谁能比得上axure吗?
app原型相比网页,界面结构简单,但交互复杂得多。界面上的div也不是平铺的,为了有效利用空间会用到很多层叠,卡片式之类的展示方式。要做这类高保真可交互原型,我觉得非auxre莫属。比如一个tableview滑动到顶部刷新,底部回弹,不借助开发只有axure能做出来。
我从07年开始用axure,曾经一度认为做网站原型,axure已经不需要再怎么改进了。自从做app之后,觉得axure有点根不上时代,但试了其他工具,还是觉得auxre最合适。仔细做过几个以后,我觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网,或者axshare上,或者有一个html runtime的app,可以在设备上直接浏览axure输出的html。
当然axure作为一个工具,不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想,把UI和素材分离出来,就像换皮肤一样,一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计,确定交互以后,可以把设计师的图贴上去,这样就100%保真了。
axure对app设计不友好或者说最落伍的地方,就是支持的事件类型太少。交互上无法模拟出多点触摸,无法模拟设备运动,无法模拟各类传感器……或许对一个原型工具来说,要求太高了。