西伯利亚新闻与中俄新闻!

忘记密码

对于交互Demo设计的一些倡议

2013-10-12 07:48 作者: 来源: 本站 浏览: 887 次 我要评论对于交互Demo设计的一些倡议已关闭评论 字号:

摘要: heyuchan :为便利产品经理、设计师、开发及名目相干职员可能看到直观的效果,进行更有效的沟通;供给直观的产品假想,阐明用户将如何与产品进行交互,在交互设计的进程中一定会产出各种各样的产出物,如流程图、思维图、纸上的草稿、甚至高保真演示稿。 这里简略分享下...

heyuchan :为便利产品经理、设计师、开发及名目相干职员可能看到直观的效果,进行更有效的沟通;供给直观的产品假想,阐明用户将如何与产品进行交互,在交互设计的进程中一定会产出各种各样的产出物,如流程图、思维图、纸上的草稿、甚至高保真演示稿。
这里简略分享下自己在名目进程中的交互demo设计的一些心得。
axure
制造交互demo的软件有良多,个人比拟爱好且习惯的就是axure。axure操作简略明了,对初学者来说,十分轻易上手;它也领有强盛的交互演示动作,对高等应用者来说,制造异常高保真的演示demo, 也是无比有成绩感的。
balsamiq
供给了丰盛的手绘作风的web常用元件,能创立濒临于纸上手绘的原型,让人有面前一亮的感到,个人倡议初稿计划的时候能够斟酌用这个更能吸惹人。
mockups
与balsamiq 作风类似,而 mockups最大的特点是网页版,无需下载装置,可以基于web的存储在任意电脑上联机翻开。
其余还有一些工具,就不做先容了,由于个人也不使用过,比方:
microsoft office visio、pencil sketch、design studio、prototype composer、lucid spec、irise professional edition、adobe reader…
每个软件都是各有特点,也有利弊,但软件都只是工具,用哪个都不妨,只有合乎自己的习惯就好,要害是产出物。
相对中保真的交互demo
工具之后,就是demo稿的设计了。在平凡的项目中,我根本上都是使用axure 工具,也是大家常用的工具。而交互demo也只要出到绝对中保真的状况即可,所谓的绝对中保真,就是产出交付物中能体现出用户在每个页面上冀望看到的内容,以及这些内容在页面上的相对优先级,并要提供流程解释跟操作方法及响应状态的表述。
不是毛糙的草稿方案,也不要出太高保真的视觉效果。草稿计划,可以用手绘或者靠近手绘效果的工具,不见得都需要用axure 而高保真的原型需要破费更多的精神,也不够高效,除非是用于汇报演示方案、或是为可用性测试制作高保真原型。
一、遵照栅格标准
许多新人交互设计师都比较轻易疏忽这一点,不按照栅格规范来布局,这样容易导致的成果就是:视觉设计师在依照栅格排版时,发明在交互稿中能排下的内容,在视觉稿中排不下了,这样就还得去改交互稿,或是需要从新设计布局。
所以要养成习惯,在设计初时,一定要先依据栅格进行布局,同时也要保障交互稿中的字号、间距尽量契。網站設計要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。合视觉请求
免得给视觉造成不用要的困扰。
二、不要应用截图与色彩
有些产品职员或设计师为了能便。平面設計它是集创造力、专业知识和操作为一体的综合性技能。利,拼凑各种竞品的截图,组成一个页面。这样即不规范,也大大下降了交互稿的品位,还会对视觉设计师也有一定的烦扰,个人长短常讨厌的。
另外,交互阶段的产出方案,应当更聚焦在信息布局、内容档次、操作流程。不太倡议在交互稿上使用颜色
防止对视觉设计师造成不必要的烦扰。如果然的有一些对于主意,可以通过文字描写,或者直接告知视觉设计师需要营造什么样的气氛,到达什么效果。
让颜色、质感、详细局势交给视觉设计师,多点空间让视觉设计师去纵情施展。
三、不要陷溺于庞杂的交互动作效果
axure提供了丰硕的动作脚本支撑,使得动态模仿实在界面交互变成可能, 能实现状态切换、时光动画以及其余一些惊人的小玩意。
但有时候咱们需要思考,在日常项目中是否需要消费这么多的精力和时光?
这也取决于于这个原型是用于什么情境。假如原型是用以进行早期的可用性测试,或为争夺资源的高保真演示汇报demo,兴许需要咱们疾速产出亲近于实际界面的可操作效果。
而假如只是用于流程中的交互物,提供应视觉设计师或前端工程师进行开发,那么适度的设计和效果只能是挥霍精神。
四、必定要有一套属于本人的控件库
把常用的控件、功效组建、图标、标注等制作成通用的标准小单元,插入到。網頁設計根据用户反馈,进行页面设计调整,以达到最优效果。部件库
在制作交互demo时,只要要调出须要的控件即可,这能够大大的进步你的效力。
对于原型控件,每个原型工具都有,可以网上搜寻或者调用下别人分享的。但个人提议,仍是依据本人的习惯或产品设计标准,制作一套自用的尺度控件库。
五、善用master,进步效力
大批的页面进行同一的更新也是相称麻烦的一件事。在制作时,直接用master制作复用的模块,来代替复制黏贴,在需要调剂时,只须要调剂master文件即可。
master是axure提供的相似于自定义组件的功效,你可以在master设计常用的交互组件,而后在不同的页面援用,如页面头尾、菜单等会在大局部页面公用内容,十分合适做成master,而后在各个界面中拖曳相应到指定地位。这样当这些共用内容需要修改时,只要修改mater即可。
六、版本存档也很主要
demo,跟实际产品一样,是会迭代跟一直被修正的,所以,必定要记得存档。即便是在统一个原型上做修正,也一定要做记载,这对后续回想很主要。
后话:交互demo设计,是每个交互设计师最最基础的技巧,这也是一个梳理思路很好的方法,但不是独一的情势,axure也不是独一工具。只有能清楚表白产品思路、界面ui、流程逻辑及交互状况的好用工具都是值得去尝试的。

  ☞评论暂时关闭,有事请直接联系本站客服,谢谢!