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

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。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设