网页设计与图形用户界面设计之间的异同点比较

2022-05-05 分类：网站建设

如果对设计不甚了解，一定认为只要是设计师，几乎包括网站设计、平面设计、装帧美术设计在内的工作都可以做。而事实上却并非如此，即便是网页设计和图形用户界面两者之间仍有差异。网站设计不同于传统的软件用户界面设计。主要是设计者必须放弃对UI的完全控制，并与用户和他们的客户端硬件、软件分担责任。当然，网页设计和传统UI设计之间也有相似之处：在最基本的层次上，两者都是交互式系统，并且都是软件设计，而不是物理对象的设计。

设备多样性

在传统的图形用户界面设计中，您可以控制屏幕上的每个像素：当您布置一个对话框时，您可以放心，它在用户屏幕上的外观将完全相同。您知道您设计的是什么系统，您知道它安装了什么字体，您知道屏幕通常有多大，并且您有系统供应商的样式指南来告诉您组合交互小部件的规则。

在网络上，所有这些假设都被打破了。用户可以通过传统计算机访问网络，但也可以很容易地使用网络电视、笔式手持设备、诺基亚手机，甚至他们的汽车作为互联网设备。在传统的设计中，笔记本电脑和高端工作站的屏幕面积相差六倍。在Web上，我们目前需要在手持设备和工作站之间提供100倍的屏幕面积，并在调制解调器和T-3连接之间提供1，000倍的带宽。

在这种不同的设备上，任何给定的网站设计都会有很大的不同：很明显，所见即所得已经死了。实际上，外观不同是一种特性，而不是缺陷，因为好的用户体验需要对每个设备的特性进行调整。设备的专门化或低端化程度越高，对Web内容的要求就越严格，要求将网页内容转换为适合该平台的东西。实现这一点的唯一方法是设计人员放弃对页面的完全控制，让页面的表示由页面规范、选项设置和客户端设备的其他特性的交互作用来决定。

为每个平台设计一个以不同方式实例化的抽象UI规范要比听起来困难得多。HTML的基本原理可以带领设计者朝着理想的方向走很长一段路，但并不是所有的路都是如此。建议将含义和表示分离，并使用样式表来指定表示，但这样做对信息性内容比对交互更有效。

用户控制导航

在传统的图形用户界面设计中，设计者可以控制用户的访问时间。您可以灰色显示当前状态下不适用的菜单选项，并且可以抛出一个模式对话框来接管计算机，直到用户回答问题为止。在网页上，用户从根本上控制他或她在页面中的导航。用户可以选择设计者从未打算过的路径：例如，他们可以从搜索引擎直接跳入站点的内部，而不需要浏览主页。用户还可以控制自己的书签菜单，并可以使用该菜单创建站点的自定义界面。

网站设计人员需要适应和支持用户控制的导航。有时，你可以强迫用户通过设置的路径，阻止人们链接到某些页面，但这样做的网站感到刺耳和支配。最好是为行动自由而设计，例如，在每个页面上放置一个徽标(链接到主页)，以便为直接访问该页面的用户提供上下文和导航。

整体的一部分

传统应用程序是一种封闭的用户界面体验：即使窗口系统允许应用程序切换并使多个应用程序同时可见，用户在任何给定时间基本上“处于”单个应用程序中，并且只有该应用程序的命令和交互约定是活动的。用户在每个应用程序中花费相对较长的时间，并熟悉其功能和设计。

在网页上，用户在站点之间的移动速度非常快，不同设计(即站点)之间的边界也非常灵活。在任何给定的站点上，用户一次花费超过几分钟的时间是很少的，而且用户的导航经常会将他们从一个站点带到另一个站点，因为他们会跟随超链接。由于这种快速的移动，用户感到他们使用的是整个网站，而不是任何特定的站点：用户不想阅读任何手册或单个站点的帮助信息，而是要求能够根据他们在使用其他站点时所获得的约定来使用站点。在可用性研究中，每当用户接触到不同的网站时，他们都会怨天尤人。换句话说，网络作为一个整体已经成为一种体裁，每个站点都是相对于体裁的规则来解释的。

当然，传统图形用户界面设计也是一个整体的一部分，建议遵循供应商的设计样式指南。重点是个人设计和整体设计之间的平衡倾向于网页设计的整体。同时，我们没有任何既定的网站设计风格指南，可以规定设计师应该如何使用他们的界面词汇，以建立适合这一整体的网站。我强烈主张得到一套正式的网页设计惯例；只要我们没有，我给网站设计师的建议就是设计要适应，并承认你的网站不是用户世界的中心：他们将在网站之间移动，我们必须让他们在使用每一个新网站时都很容易。

分享名称：网页设计与图形用户界面设计之间的异同点比较
网页路径：https://www.cdcxhl.com/news/150368.html

成都网站建设公司_创新互联，为您提供静态网站、营销型网站建设、标签优化、网站策划、全网营销推广、小程序开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容