网页界面设计中视觉体验的研究

发布时间：2018-04-23 06:26

本文选题：网页界面设计 + 视觉体验　；参考：《上海师范大学》2013年硕士论文

【摘要】：近年来,随着互联网技术的发展,网络应用已经渗透到人们的日常生活。网站是互联网中最主要的应用之一,但是国内的网站与国外相比还存在着很多问题,比如网页界面设计缺乏新意、只注重计算机技术而忽略艺术美感、打开网站后用户不知道如何操作、找不到功能按钮、不清楚当前位置,甚至对网页界面设计中的色彩设计缺乏规范等,国内对网页界面设计的研究又较少,因此有必要对网页设计进行崭新的整理和归纳,形成一套较为实用的设计原则和规范,这有助于提高整体网页界面设计水平,也有助于大家理性的促进友好界面用户体验设计的实现,更有助于提示网页界面设计师把用户视觉体验作为设计的重要目标之一。本论文通过作者实际工作案例以及对大量的国内外优秀网站进行调研,结合用户视觉原理,对影响用户视觉体验的因素进行分析,较为重点地讨论了网页界面中的元素在网页界面设计中运用的视觉规律。基于信息传达和视觉结构构建两大因素,通过对网页界面设计案例进行对比分析,探索更加美观和有效的网页界面设计的视觉传达规律。同以往理论相比,本文更侧重在于对网页界面中符合用户视觉特性的版式结构进行整理。在论证过程中着重运用案例的对比分析法,对界面中视觉元素的设计进行完整的分析,以此来归纳信息传达的规律,为人们设计出具有审美效果和信息更加有效的传达的界面供参考,重点提示网页界面不仅仅是外观布局设计,更要注重与用户的互动行为。文章一共分四章,可以概括为三部分：第一章阐述课题的背景、目的以及意义,侧重对国内外研究现状进行对比分析,提出论点：目前国内网页界面设计出现的诸多问题,用户获得良好的视觉体验是网页界面设计师获胜的法宝。第二章,阐述网页界面的视觉理论,以认知心理学、人机工程学、色彩学为依托对这些影响用户视觉体验的因素进行较为细致的分析,提示设计者在界面设计时候要依据用户视觉特性用图形设计的原则(格式塔原理)进行设计。第三章本文论证的过程,并结合实际案例从网页界面组成元素：文字和内容、色彩、图片、背景和底纹、广告等元素着手,重点总结遵循以上视觉原理和图形设计法则这些元素在网页界面设计中的运用。较为实际的告诉设计者如何把握用户视觉特性进行设计,同时让设计者树立良好的设计理念。最后一章用案例进行对比分析,总结优秀案例的设计经验。并从自己设计的案例做正反对比分析,再次强调视觉体验的重要性。
[Abstract]:In recent years, with the development of Internet technology, network application has penetrated into people's daily life. Websites are one of the most important applications on the Internet, but there are still many problems in domestic websites compared with foreign countries. For example, the design of web interface lacks of new ideas, and only pays attention to computer technology and neglects the aesthetic feeling of art. After opening the website, the user does not know how to operate, can not find the function button, does not know the current position, even lacks the standard to the color design in the web page interface design, and the domestic research on the web interface design is less. Therefore, it is necessary to organize and summarize the web page design completely and form a set of practical design principles and norms, which will help to improve the design level of the whole web page interface. It also helps us to rationally promote the realization of user experience design of friendly interface, and it is also helpful to prompt web interface designers to take user visual experience as one of the important objectives of design. In this paper, through the author's actual work cases and a large number of excellent websites at home and abroad, combined with the principles of user vision, the factors that affect the visual experience of users are analyzed. The visual rules of the elements in the web interface design are discussed in detail. Based on the two major factors of information transmission and visual structure construction, through the comparative analysis of web interface design cases, this paper explores a more beautiful and effective visual communication rules of web interface design. Compared with the previous theories, this paper focuses on the layout structure of the web interface which conforms to the user's visual characteristics. In the process of argumentation, emphasis is placed on the use of comparative analysis of cases to analyze the design of visual elements in the interface, so as to sum up the rules of information transmission. For people to design a more effective aesthetic effect and information communication interface for reference, the focus of the web interface is not only the design of the appearance of layout, but also pay attention to the interactive behavior with users. The article is divided into four chapters, which can be summarized into three parts: the first chapter describes the background, purpose and significance of the topic, focusing on the domestic and foreign research status quo comparative analysis, put forward the argument: the current domestic web interface design problems, The user obtains the good visual experience is the webpage interface designer to win the magic weapon. In the second chapter, the visual theory of the web interface is expounded. Based on cognitive psychology, ergonomics and color science, the author makes a detailed analysis of the factors that affect the user's visual experience. It is suggested that the designer should design the interface according to the principle of graphic design (Gestalt principle) according to the visual characteristics of the user. The third chapter demonstrates the process, and combines the actual case from the web interface elements: text and content, color, pictures, background and shading, advertising and other elements, The application of these elements in web interface design is summarized. It is practical to tell designers how to grasp the visual characteristics of users to design, and let designers set up a good design concept. The last chapter uses the case to carry on the contrast analysis, summarizes the outstanding case design experience. And from their own design of the case to do a contrastive analysis, again stressed the importance of visual experience.
【学位授予单位】：上海师范大学
【学位级别】：硕士
【学位授予年份】：2013
【分类号】：TP393.092

【参考文献】