原型设计学习笔记
《原型设计学习笔记》由会员分享,可在线阅读,更多相关《原型设计学习笔记(3页珍藏版)》请在装配图网上搜索。
1、学习好资料欢迎下载1、什么是原型呢?产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动。2、在进行主要页面原型设计之前,交互设计师需要: 一份主要的任务流程图(此处指的不是“业务逻辑流程图”,而是根据“业务逻辑”产生的“任务流程”。任务流程可由产品或是交互出,根据各个公司或项目的具体情况而定。) 一份主要功能列表(一般由产品经理提供) 网站信息架构(信息架构在一些公司是需要交互设计师来完成的) 对于前期调研结果的理解3、主要页面原型用途:主要的页面原型可以用于产品初期的讨论会、
2、测试以及产品介绍会应注意几点:(1)不要加入视觉设计的元素。着眼于大局,不要纠结细枝末节在制作原型的初期请把所有精力都放在流程的优化和布局设计上面吧,不要把时间浪费在视觉设计上,那样绝对是得不偿失。因为我们的原型方案还没有最终通过,肯定要通过多次迭代才能确定方案,太多的视觉设计就是浪费时间;再者,如果原型做的十分逼真,在产品讨论会上,视觉的元素会很快抓住大家的眼球,到时就会有领导来质疑你的界面是不是该换成蓝色,按钮是不是再精致一些这样的问题。没有人会专注于你的交互设计了。(2)最好在使用axure工具前,用纸和笔画一些纸面原型,整理一下思路。(3)这个过程应是快速的,迭代的。4、页面流程图在确
3、定主要页面之后,我们可以开始细化页面流程了。页面流程图有利于向大家展示自己的想法,也有利于思路的整理。毕竟axure上面的交互点是散的,通过页面流程图,我们可以整理所有的页面上的交互行为,避免遗漏;在向他人展示的时候,也可以一目了然的看出需要的操作步骤是多少。用途可以与他人沟通流程、整理思路细化流程。应注意的几点(1)如果项目时间有限,页面流程可以画在纸上。但还是建议在交互设计保留这一步。(2)为了减少沟通成本,在绘制页面流程图时,最好有一定的规范和标准。5、完善原型页面的主要页面和页面流程确定之后,就可以完善原型了。如何完善原型(1)按照页面流程中所考虑的交互过程,体现在原型上面。出错,提示
4、等交互细节也应有体现。这时你可能会用到变量、层等高级axure技巧。增加说明选中某个控件,在右边区域可以为此控件增加说明。(3)为页面编号当原型不再需要修改时,我们需要为原型页面编号,这样有利于与视觉设计师、前端沟通。用途测试、产品需求文档编写参考、视觉设计参考、前端设计参考等。应注意的几点(1)不要过于追求技术表现原型有些交互效果做出来会很花费时间,我建议不要过于追求技术表现效果,可以用些文字来说明交互效果。Axure软件的初衷是快速的设计原型,如果在一些技术方面交互设计师花费很多时间的话,就有些顾此失彼了。还是把真实的效果交给前端去实现吧。(2)为了减少沟通成本,在完善原型时,最好有一定的规范和标准总结Axure其实只是一种交互工具而已,交互设计最重要的还是想法,工具只是来帮你表现想法的。不必过于追求技术,不必过于追求视觉表现。我们在把握好整个产品方向的同时,应专注于交互流程、页面内交互、布局结构的创新和优化。
- 温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。