通往优秀UI设计师之路的20个路标

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-02 02:15 点击:

  导读:界面设计师Joshua Porter在自己的博客中发表了这篇文章,文章中列举了20条用户界面的设计原则,这些原则是设计师们在设计工作中需要遵循的,它们能够给设计师们提供较好的指导工作。

  界面的存在,促进交互作用

  界面的存在,使得用户和我们的世界互动性加强。他们可以帮助用户清晰、阐明、启用等显示关系,它不仅让我们做事有效率,还可以管理我们的应用程序并访问相关的服务。设计界面的行为不是艺术,而是有规则可寻的。优良的设计界面可以激发、唤起和加强我们与这个世界的联系。

  清晰度是项很重要的工作

  清晰度是界面设计中,第一步也是最重要的工作。要想你设计的界面有效并被人喜欢,你必须要充分认识到界面是什么?人们为什么会使用它?要清楚界面对用户的交互作用,比如当用户使用时,能够预料到发生什么,并成功的与它交互。有的界面设计的不是太清晰虽然能够满足用户一时的需求,但放眼看它混淆的界面是没未来的。清晰的界面能够激起人们信息,并促使人们进一步使用。

  不惜一切代价保护用户的注意力

  我们生活在一个中断的世界。在日常生活中,总是会有许多事物分散我们的注意力,使得我们很难集中注意力安静地阅读。因此能够吸引注意力是很关键的。所以千万不要将你重要应用周围设计的乱七八糟分散人的注意力……记得屏幕整洁能够吸引注意力的重要性。如果你非要显示广告,那么请你在用户阅读之前显示完。保护和尊重用户的注意力,不仅让用户更快乐,还使得你的广告效果更好。因此要想设计好的界面,保护用户的注意力是先决条件。

  

\

 

  保证用户的控制能力

  人类往往都对可以掌控自己以及他们环境而感到开心。不考虑他人感受的软件夺走用户的控制力,迫使用户不得不进入计划外的交互,不仅让用户很不舒服,同时也会有意想不到的后果。保证用户的控制能力,让用户自己决定系统状态,稍加引导,我想你会达到你希望的目标。

  直接操作是最好的

  当我们能够直接操作我们世界的物理对象时,最好的界面设计是什么都没有。但这并不太容易实现,因为在界面设计时,我们增加的图标往往并不是必须的。比如我们过多的使用按钮、图形、选项、附件等等其他繁琐的东西以便我们最终操纵UI元素而不是重要的事情。而最初的目标呢?就是希望简化而能够直接操纵……,因此界面设计,我们要尽可能的少点界面封装,尽可能多的了解一些人类自然手势。理想情况下,界面设计要简洁,让用户有一个直接操作的感觉。

  每个屏幕上都要有个主题

  我们设计的每一个画面都应该有单一的主题,这样不仅能够让用户使用到它真正的价值,也使得它更容易学习,使用也更方便,更容易在必要的时候添加或修改。屏幕,如果支持两个或两个以上的主题会变得很混乱。像撰写的文章,应该有一个单一的主题以及强大的论点,我们的界面设计也应该如此,这是其存在的理由。

  保持二次行动

  屏幕与单一的主要行动可以有多个二次行动,但它们需要保持二次!您的文章存在的原因就是,人们可以在Twitter等上面分享它……,因此很多事物的存在,是为了人们阅读和理解它。因此保持次要操作能够使得视觉得到改善,以及帮助主要的行动实现。

  自然过渡

  很少有交互能够持久,所以深思熟虑的设计要考虑到交互的下一步。考虑到下一步的交互是怎样的,并且用设计支持它。这有点儿像对话,要为深入交谈提供话由。当用户已经完成该做的步骤,不要让他们不知所措。给他们自然而然继续下去的方法,以达成目标。

  名副其实

  人对符合期望的行为最感舒适。他人、动物、事物或者软件的行为始终符合我们的期望时,我们会感到与之关系良好。这也是与人打交道的设计应该做到的。在实践中,这意味着,用户应该可以预测交互元素如何表现而不用多加思索。如果看上去像个按钮,就应该表现得像个按钮。设计师不应该在基本的交互问题上耍小聪明,要在更高的层次上发挥创造力。

  区分重点

  接上条,如果视觉元素的行为不一样,那它们的表现也理应不同。反之,如果行为相同,则表现相同。这两点同样总要。为了保持一致性,初级设计师常常对应该区分重点的元素,用相同的视觉效果(往往重用代码),而其实区别对待才是合适的。

  明确层级

  视觉元素如果有清楚的浏览次序,那么应该明确它们的层级关系。也就是说,如果用户每次都按照同样的顺序浏览同样的东西,不清晰的层级,没法告诉他那里才是重点,最终会显得杂乱,使人困惑

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 7大主流B2C首页导航栏设计对比分析
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1