基于HTML5的Web界面设计模式初探.docx

?

?

基于HTML5的Web界面设计模式初探

?

?

邓威

摘要：建立在数字化环境下的Web界面设计是以网站为支撑、网页为承载的一种新颖设计。随着HTML5与CSS3等新技术的不断优化，涌现出很多新功能，进而导致Web界面设计模式从设计基础到设计范畴再到交互都有了更新。该文通过对比分析HTML5与CSS3对Web界面设计模式的影响，发现Web界面设计已经超越其原有的视觉设计这一单方面的特色，它逐渐与Web其他相关高科技融合在一起，开创了更多优化功能，使用户体验更加舒适。

关键词：HTML5；Web界面；设计模式；初探

中图分类号：TP393文献标识码：A文章编号：1009-3044（2018）33-0184-03

1引言

随着科学技术的不断发展和网络的普及应用，Web界面设计朝着更加智能并且有趣的方向发展，其页面内容也趋于丰富化。2012年12月，Web网络平台的基石正式被确定为HTML5规范[1]，这种举措不单说明HTML5是传统PC的Web设计，而且表明其他所有的智能终端都有采用，为信息时代下的Web发展与应用提供了极其丰富的开发标准。

2Web界面设计模式

2.1Web界面设计基础

Web，全称为全球广域网，缩写为WWAN，同时又称为万维网，是一种跨平台的HTML和HTTP协议的分布式、全局且动态的图形信息系统[2]。Web界面设计是一种基于数字环境、网站和网页的新设计。根据人们对传统美学的一般理解，网页界面设计作为一种视觉表达手段而受到极大的重视。在Web界面设计中，忽略影响技术的种种复杂因素，则其设计中重要且关键的问题就归根于组织和创建网站的内容，比如如何使得页面内容布局新颖、颜色搭配符合大众审美，动画和视频酷炫且合理等。

随着HTML4向HTML5和CSS向CSS3的革新与换代，Web网页的功能已经远远超越内容的展示这一单一功能，它还可以与用户进行交互链接，吸收用户的反馈信息，更好地服务于大众用户，网页设计的新标准可以体现一个企业的成与败。互联网的特殊性使得Web网页界面设计趋于一种跨学科领域的知识综合体。为了给用户提供更美观、更舒适的用户体验效果，满足大众对Web界面的不同需求，有必要将计算机图形学、客户机和服务器技术、用户界面设计、人机交互、心理学以及社会学等融合在一起来设计Web界面[2]。

2.2Web界面设计范畴

2.2.1内容

网站的目的在于信息的传播，作用是设计传播途径，核心是如何将信息以用户最容易接收的方式呈现给用户。由于新时代下赋予Web的特殊意义，其内容已经超越我们传统定义的Web内容，它现今的内容更加趋于丰富化，不但有传统的文字、图形和动画，还有新时代下出现的超链接、交互操作、音视频以及网络游戏，甚至一个界面同时出现以上的综合，一个网站要想成功，其内容质量必须达标[3]。Web网页界面设计首先要满足用户对其内容和质量的要求，其次要给用户不同的审美感受，给予他们良好的视觉体验，这样能吸引首次访问该网页的新用户更多地关注站点；另外，当用户停留在某个地方或某个界面的时间较长时，说明用户对此感兴趣，Web界面设计中就要通过对用户浏览数据进行分析，进而给不同的用户自主提供他们感兴趣的内容，一切看起来都顺理成章。网页内容作为界面设计的一大模块，其最主要的要求就是页面显示良好，让用户可以在视觉上很享受，愿意继续通过它索引更多信息，因此，为了让用户用着舒心，Web界面设计时应该大量分析用户的浏览数据，结合有效的方法，利用这些数据更好地组织和規划用户的浏览信息，并为他们提供他们所感兴趣的或有用的推荐。

2.2.2技术

技术和制度的完善是保障Web功能合理的基础。网络是信息从传统纸质媒体向互联网传播的载体，其媒介发生了深刻的变化。因此，Web技术出发点应该是互联网的基本特征。当下，互联网技术以惊人的速度快速发展，HTML、CSS和Java脚本等也以此为基点在以超乎想象的速度发展，这样的发展趋势迫使Web界面必须及时掌握和应用最新的技术来服务于广大用户[4]。Web界面的设计者应该始终关注技术领域的变化，并高度重视Web前端技术，实时以用户体验为设计动力。

2.2.3交互

Web界面同样作为人机界面，与其他人机界面在PC操作体统、手机界面以及办公软件界面等都有很多共同之处。诸多科学家和其研究团队的专业人员往往愿意投很多时间和经历来观察和研究人们操作网络的行为，然后统计他们操作的数据，最终通过分析数据来评估用户的体验效果。应用软件、浏览网站或执行任务等人们普遍作用在电脑上的行为都是可以预期的，通常这些行为可以被作如下归纳：1）安全探索：网络的危害方面人人皆知，所以人们对网络也存在芥蒂之心，但是如果一个网站可以给用户安全感，则用户就会频繁使用该网站，并且每一步都会认可它；2）即时满足：人类的