网站地图    收藏   

主页 > 设计 > 网页设计 >

几个做交互设计的误区_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

   传统的设计,主要走的是视觉路子,这块儿东西挖得很深;讲究传达,把设计师想表达的东西、情感、境界通过设计的内容传达给用户;而现代设计,除了表达这些元素之外,更讲究“用户体验”“沉浸式”“用户行为和操作”,这些元素都必须综合的加以考虑,才能得到用户的认可。

  简单来说,主要就是加入了“交互”概念。现在各种概念有很多,简单来说,就是这个设计好的东西,对用户操作,“有反应”,这种“反应”将赋予内容新的内涵,拥有生命。但做交互经常会遇到几个误区:

  误区一:“我觉得这样的交互有创意且顺手”。

  有些交互设计师往往会觉得现在已有的交互方式都太老土了,想方设法创造出一套自己的交互方式来,然后自己多用了几遍就觉得真的很顺手。殊不知破坏了很多经典的交互方式,用户操作起来非常地困惑。

  小建议:可以还是多看看苹果和谷歌发布的最基本的交互设计的法则,虚心想想他们为什么会规定这样做设计呢?如果不是这样,会带来什么问题啊?慢慢学会走了,那你跑啊,跳啊都没有问题,否则怎么都容易摔跟头。

  误区二:对着电脑屏幕:“这个按钮放在这里正合适”。

  有些设计师在设计手机页面的时候,从来不在手机上去检查页面上元素的位置和尺寸。所有设计都是在电脑上完成。看着觉得位置差不多了,就这样吧。直到最后放到手机上一看,按钮太小,行距太小,字体太小,什么都得重来。

  小建议:先在纸上画原型图,手机拍照存到手机中,然后用一个手机端的简单的工具,比如Prototype on Paper(POP)之类的将页面大小调到与手机屏幕一样。再进行点击操作(POP提供简单的交互操作),看按钮的位置和大小没有太大的问题了,将原型图导入电脑中进行设计细化。在电脑上设计细化的过程中也应该不断地在手机上进行检查,是否适用于手机页面。

  误区三:“交互设计太难了,做得好一定要会代码才行”。

  确实做交互设计往往涉及到较为复杂的操作方式和展示行为,往往都需要前端程序员、Flash程序员、HTML5程序的支持,光凭设计师往往是不能单独完成的。

  小建议:市面上已经有很多工具,例如 Axure, Balsamiq,visio等,可以帮助设计师轻松地实现交互效果,做一些简单的静态的原型是足够了。如果设计师希望功能更加强大一些,可以尝试国产的VXPLO互动大师,一款免费的交互编辑软件,几乎所有复杂的交互都可以通过这个工具来快速实现。如果你实在是没有时间学习代码,或是对代码很感冒,直接用工具是个事半功倍的方法!

  误区四:“我天生逻辑差,应该不适合做交互设计吧”。

  交互设计有很多的逻辑在其中,天生逻辑感强的人一定是有优势的。

  小建议:天道酬勤这句话在什么行业内都适用。如果你每天都有很多时间在思考一些好的案例逻辑,泡在各种高手论坛里面交流,最重要的是,多实践!不需要界面做得多好看,哪怕只是在纸上画草图,但也要记录交互的每个步骤。初期也可以把一些好的交互案例模拟地画出来,仔细研究。最后,记得要把你的作品拿给小白用户使用,收集他们的交互反馈,甚至是面部表情(是的!),然后再慢慢改进。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论