应用程序用户界面设计

《应用程序用户界面设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、第一章现代网络应用程序中的用户界面设计DmitryFadeyev么是用户界面（UI）设计?什么是有效的用户界面设计?什你打算如何把用户界面设计得更好?这一章，我们就来了解一下现代互联网应用程序中可视用户界面设计的理论演化和技术更新。什么是用户界面?“在你使用工具完成任务的过程中，你所做的操作以及工具的响应，这些结合起来构成了界面。”—JefRaskin用户界面设计并不仅仅是考虑如何摆放按钮和菜单，更为重要的是考虑应用程序或设备如何与用户互动；更多时候，还要考虑产品与多个用户之间的互动。这就意味着，用户界面设计不仅要做出好看的产品外观，用户在第一次使用一个界面时，还要做出好用的产品。这不仅仅仍

2、然能发现某些元素是他们所熟是调整一下按钮的位置、给他们知的。选选颜色，而是要为完成一项任务而选择正确的工具。一个特殊的界面，是否需要使用按钮?如果确实需要，那么这些按钮将完成什么样的工作?这个按钮需要如何设计，才能让用户了解这个应用程序的工作方式，并且轻松达到用户的目的。在产品的开发周期中，尽早开始用户界面设计至关重要，1正如JefRaskin所说：“对消费者而言，界面就是产品”。用户一直看到和使用的都是用户界面，而不是深藏在应用程序背后的技术体系结构。把界面做好，这将极大地提高用户使用产品的愉悦感，用户也能很容易就掌握产品的使用。所以先从界面设计开始，然后再开始应用程序后台引擎的编码，要好

3、于先开始编码，再给他包裹一层界面。什么因素能成就一个伟大的用户界面？1Raskin,J.2000TheHumaneInterfaceAddisonWesley。众妙之门—网站UI设计之道在我们开始着手设计用户界面之前，首先应该理解什么样的用户界面才是出色的用户界面，我们的设计要具备哪些品质才够得上是出色的界面设计。所有伟大的用户界面大都具有下面这八个品质或特点。1.清晰。通过使用文字、流程图、层级图、图标等元素，避免用户对界面的模糊认识。清晰的界面不需要手册，同时还能确保用户在使用的过程中减少犯错。2.简洁。为了让界面清晰，可以通过在所有元素上添加浮动框的说明或者标签这种简单的方法来实现，

4、但这样做会导致界面膨胀臃肿。如果电脑屏幕上同时充斥了太多的东西。找到你想要的东西是非常困难的，用户使用起来就觉得困难乏味。如何让界面同时保持简洁和清晰，这正是设计伟大界面的挑战所在。3.熟悉。人们总是对之前见过的东西有一种熟悉的感觉，有的界面即使是第一次使用，其中的有些元素我们还是会感觉很熟悉。在设计过程中，使用一些现实生活中公认的意象能够更好地帮助用户理解。例如，文件夹样式的选项卡通常在网站和应用程序中起导航作用，人们很快就能认识到它的导航作用，因为现实生活中，我们也是通过文件夹来分类资料的。4.响应性。这意味着两件事情。首先，响应必须迅速，一个良好的界面不应该让人感觉反映迟缓。其次，界面

5、应该提醒用户发生了什么事，用户的输入是否被成功地处理，让用户了解这些信息反馈。并且明确告诉用户，您的请求已经被成功受理。5.一致性。在整个应用程序中保持界面一致是非常重要的，这能够让用户识别出使用的模式。一旦用户学会了界面中某个部分的操作，他很快就能知道如何在其他地方或其他特性上进行操作，就好像他们早就知道似的。6.美学性。尽管你不需要把一个界面做的非常有吸引力，第一章现代网络应用程序中的用户界面设计但是有一个好看的界面会让用户工作起来更开心。况且，让用户开心绝对是一件好事。7.高效性。时间就是金钱，一个伟大的界面应当通过快捷菜单或者良好的设计来帮助用户提高工作效率。毕竟这是科技带给我们的

6、一个最大好处，它允许我们用更少的时间和努力来做完成更多的工作。8.容错性。每个人都会犯错，你的应用程序会如何处理用户所犯的错误是对它的总体质量一个最好测试。它是否容易撤消操作?是否容易恢复删除的文件?一个好的用户界面不应当因为用户的错误而惩罚他们，而应该总是为他们提供犯错之后补救的方法。想要设计一个包含所有特性的用户界面非常困难，因为各个特性之间总是相互影响。你在界面中增加的元素越多，用户在使用上所花的努力就越大。当然，反过来亦是如此。没有足够的帮助和支持，用户会茫然不知所措。如何设计既简洁、优雅，又清晰、一致的用户界面，是摆在用户界面设计师之前的最大难题。可视界面设计的工具箱可视界面设计就

7、是设计让用户能够在他们的电子设备的屏幕上看到你的界面的物理表现的过程。可视界面设计的主要目的是通过精心制作合适的可视界面，让用户理解应用程序的用途以及如何操作应用程序。可视界面设计中由一系列过程组成。选择合适的类型、对齐每个元素、将不同元素以一种有意义的方式组合起来，用户界面中不同的功能和特性借此传递给了用户。下面就是可视界面设计中的一些主要元素布局和定位布局规定了界面中所有可视元素的结构。通过元素之间的众