第一章绪论
1.1研究背景和愈义
随着经济全球化的到来和科学技术的快速发展,电子媒体、电子网络等已经延伸到了人们的各个角落,互联网给人们带来了新的信息交流方式,传统的传达方式正经历着数字化的变革。传统的媒介己难以满足人们的需求,互联网的出现突破了传统的阻隔,使信息的传达有了质的飞跃。而网络的信息越来越多的今天,仅仅靠简单的发布信息又没有特色的网页也将渐渐失去竞争力。例如,一个既没有适合主题的页面风格,界面布局又不合理的网页,很难让用户体验到良好的视觉氛围和找到的所需的信息,这样也难以吸引更多的用户。网站是网络的载体,网页又是信息与用户沟通的媒介y。在网页设计的过程中,许多网页设计者没有根据信息内容进行设计,也没有注意到网页的主体风格、色彩表现、版式安排、浏览方式、网络链接等各方面的因素都会影响网页的视觉表现。网页设计者的艺术素养和设计的方法有待提高。
新媒体环境的影响下,网页设计的视体验越来越受到人们的重视,并且用户对其有了更高的要求。网页在视觉上所呈现的趣味性、交互性、个性化的趋势使网页的浏览变得更舒适,操作更便捷,给用户营造了良好的使用体验。在信息化数字化的环境中,网页设计者站在新的角度认识和了解网络,有助于设计者创造出更多更适合在网络中传播的优秀作品。而新的触控技术使用户能够通过多种与屏幕接触的方式来获得更好的交互体验。优秀的网页设计将网页制作技术和网页的视觉表现结合在一起,这样网页不仅可以给用户以视觉上的享受,还会让用户体验到偷悦的感觉。总之,在既能给用户以视觉享受,又有良好的交互体验的网页电_用户能够在美的享受中体会到参与的乐趣,并及时获得了所需信息。
.........................
1.2研究现状
互联网己经影响到了人们生活的各种层面,每天有不同年龄、职业、喜好的用户进入网页查找各种信息。从一开始没有网页这个词,到现在优秀的网页设计不断涌现,网页在给用户提供基本信息的同时为用户提供了良好的视觉环境。在网络快速的发展时代出现了各行业的设计师,但网页设计师目前来说还是比较少的,尽管网页设计逐步与传统的广告设计脱离,并形成独立的体系。目前,许多网页设计者并没有针对不同信息而专门设计不同的网页,而是用千篇一律地模板进行套用,没有新意,没有个性,所制作的网页既没有给用户提供视觉上的享受,也没有表达出文化方面的内涵,一卜分平淡。
一些优秀的网页设计者己经能够灵活自如的运用,但是仍存在有些网页的设讨一者对网页的设计方法没有掌握。不同的网站有着特有的传播内容与外沿,网页的设计需要根据不同的特点来设计网页的界面。那么,网页的设计者要先确定信息的内容,对信息进行归类,决定将网页设计为哪类网站、使用什么样的风格、运用什么元素。否则,容易导致用户难以从网页中快速找到想要搜索的信息,也会导致网站的浏览者减少。
在浏览网页的过程中,有一个良好的视觉体验是用户更高的需求。这需要网页设计者在未来的网页设计中,针对网络环境优化网页,比如,对网页的关键字进行优化处理,使之更适合于搜索;对网页的色彩进行合理地搭配等。
1.3论文的主要研究内容
本文简要概述了新媒体、视觉原理、网页设计、网页视觉设计的相关内容,对比了网页视觉设计与平面视觉设计、新媒体环境下的网页与传统网页,介绍了网页视觉体验的技术基础;分析了新媒体环境下网页的视觉设计的需求,如:可行性分析、功能性需求分析、非功能性需求分析、设计流程分析;详细介绍了新媒体环境下网页的视觉如何设计与实现,涉及网页的视觉体验设计原则、新媒体环境下网页视觉设计构图实现、新媒体环境下网页视觉设计的基本元素设计,并结合实际案例说明了新媒体环境下网页的视觉体验的重要性:最后通过反思存在不足的地方,展望了未来的发展中网页视觉设计发展,为今后的网页视觉设计研究提供了参考。
.........................
第二章相关技术介绍
2.1新媒体概述
2.1.1新媒体的定义
如今,新媒体对政治、经济、人们的生活和思维方式都有着非常大的影响。新媒体改变着传统媒体传播信息的方式以及信息所产生的方式,对社会有着非常广泛的影响。“新媒体”一词最开始是以一份商品开发计划的形式出现的,出现于哥伦比亚广播电视技术研究所,后来被世界各地的人们所了解。新媒体在各国的政治、经济、文化等方面渗透得非常迅速,人们的生活方式也发生相应地变化,人类的文明随着新媒体的推动不断向前迈进。
科学技术正在不断进步,其发展的速度非常快,给传统的媒体带来了巨大的革命。关于新媒体这个领域的变化是非常快的,就目前而言,新媒体还没有一个让人完全达成共识的定义。但新媒体“新”的原因在于它在许多方面都有革新,如理念上、技术上、形式上。其中最重要的是新媒体在理念上的革新。因为如果仅仅只是在形式上、技术上的革新更加被适合称作为传统媒体的改良,而新媒体定义的核心内容为在理念上有革新。
人们常说的“第五媒体”就是指新媒体。新媒体向用户提供信息和服务,在这个过程中它主要是利用网络及数字技术等以互联网、卫星为渠道,凭借手机、数字电视等为终端给用户传递信息。如数字杂志、数字报纸、移动电视、触摸媒体等都是人们日常能够接触到事物,属于新型媒体的范畴。这些也是继电视、报纸等传统媒体后普遍出现在人们生活中的。新媒体具有交互功能,它是基于数字技术而产生的。有人认为,可以单纯地从互动性来判断是否属于新媒体的标准,但这是片面的观点,没有普遍性。从这个角度来说,新媒体要有自身存在的价值,例如,新媒体要有信息传递的时间、条件等;还要注意创新,具备原创性;形成一种更新的效应,对特定时间、特定范围的人在视觉反映或者听觉反映方面产生影响,并导致相关的结果。盲目套用和一成不变是不能使媒体具备一定的生命力,更不能称作新媒体。总的来说,新媒体是一种向用户提供交互式信息和服务,并以数字化交互性的固定或移动媒体为终端的传播形态,它具有新的价值、新的理念、新的效应、新的模式,是以数字媒体为核心的新媒体。
........................
第三章需求分.......... 18
3.1可行性分..................... 18
3.1.1技术可行.................. 18
3.1.2操作可............... 19
3.1.3经济可................... 19
3.2.1用户导向................... 20
3.2.2易于操作.................. 21
3.2.3视觉需................ 21
3.2.4布局需求............. 22
3.3非功能性需求.......... 22
3.3.1个性化需求——网页......................... 22
3.3.2用户体验需求——用户................ 23
3.3.3可维护性需.......... 23
3.3.4安全性需求.............. 23
3.3.5适应性需求.............. 23
3.4设计流程分析................. 24
3.4.1网页视觉的交互................ 24
3.4.2网页视觉设.............. 25
3.4.3网页视觉界面设...............26
第四章设计与实现
4.1网页的视觉体验设计原则
网页设计者在进行网页的视觉体验设计时要按照相关的设计原则来进行。比如:(1)网页的视觉体验设计要遵循交互性原则。用户的交互体验是用户在浏览网页时所产生的感受。在浏览网页的过程中,用户不再是被动地接收信息,而是能够主动参与到其中,网页界面加入用户可以参与的内容,不但能够调动浏览者的积极性和主支性,而且加强了与用户的交流,使网页更加具有亲和力。用户可以用点击、反馈信息等,凭借自己的个人爱好提出不同的信息,网页页面的结构也随着用户的不同要求而不断变化。(2)网页的视觉体验设计要有适合新媒体环境的视觉元素编排。网页页面除了有页面的布局、文字内容、图形图像、色彩设计等外,还有可能包含其他的多媒体文件,如视频、动画等。同时,动画、电影等艺术形式是网页设计所依赖的,因为媒体的综合是网页设计的基本特征。这些也是进行网页的视觉体验设计要注意的重要方面。(3)网页的视觉体验设计中非线性超链接设计也是非常重要的。非线性超链接设计能够使网页转跳更符合人们的思维习惯。非线性是多方向的扩展。网页中的非线性其实就是网页与网页之间的跳转表现得更加自由、多方向,这种浏览方式对网页设计者来说也是一个挑战。而用户点击不同的超链接,就可以进入不同的页面,更适合用户的需求。总之,网页设计者在设计的过程中要充分了解用户的个性特征、生理特征、心理特征等,始终以用户为中心,遵循网页的视觉体验设计原则,使之更符合用户所需。
如图4-1所示,进入该网站的主页时,会发现有灰色的圆形部分,并且里面有相应的图片信息。在这个页面中,当用户的操作不同,会得到不同的效果。效果一:当用户仅仅只移动鼠标时,页面中的灰色的圆形部分会随着鼠标的移动而-一在页面移动:效果二:当鼠标点击灰色圆形部分以外的绿色位置,页面的灰色的圆形部分的信息会自动换一批;效果二:当点击文字部分时,会链接到相应的信息。效果四:当用户将鼠标放在灰色圆形部分时,会有相应的图片信息以彩色的部分呈现出来,并附有对应的文字内容。如果继续单击鼠标,页面将会链接到相关的信息。
........................
结论
本论文主要对新媒体环境下网页视觉体验的相关理论与技术进行了介绍,对网页视觉体验的可行性、功能性需求、非功能性需求、设计流程进行了分析研究,结合实际案例设计对论文的研究成果进行了证实,说