本文選題：網(wǎng)頁界面設(shè)計 + 視覺體驗��； 參考：《上海師范大學(xué)》2013年碩士論文

【摘要】：近年來,隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展,網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人們的日常生活。網(wǎng)站是互聯(lián)網(wǎng)中最主要的應(yīng)用之一,但是國內(nèi)的網(wǎng)站與國外相比還存在著很多問題,比如網(wǎng)頁界面設(shè)計缺乏新意、只注重計算機技術(shù)而忽略藝術(shù)美感、打開網(wǎng)站后用戶不知道如何操作、找不到功能按鈕、不清楚當(dāng)前位置,甚至對網(wǎng)頁界面設(shè)計中的色彩設(shè)計缺乏規(guī)范等,國內(nèi)對網(wǎng)頁界面設(shè)計的研究又較少,因此有必要對網(wǎng)頁設(shè)計進行嶄新的整理和歸納,形成一套較為實用的設(shè)計原則和規(guī)范,這有助于提高整體網(wǎng)頁界面設(shè)計水平,也有助于大家理性的促進友好界面用戶體驗設(shè)計的實現(xiàn),更有助于提示網(wǎng)頁界面設(shè)計師把用戶視覺體驗作為設(shè)計的重要目標(biāo)之一。 本論文通過作者實際工作案例以及對大量的國內(nèi)外優(yōu)秀網(wǎng)站進行調(diào)研,結(jié)合用戶視覺原理,對影響用戶視覺體驗的因素進行分析,較為重點地討論了網(wǎng)頁界面中的元素在網(wǎng)頁界面設(shè)計中運用的視覺規(guī)律�；谛畔鬟_和視覺結(jié)構(gòu)構(gòu)建兩大因素,通過對網(wǎng)頁界面設(shè)計案例進行對比分析,探索更加美觀和有效的網(wǎng)頁界面設(shè)計的視覺傳達規(guī)律。 同以往理論相比,本文更側(cè)重在于對網(wǎng)頁界面中符合用戶視覺特性的版式結(jié)構(gòu)進行整理。在論證過程中著重運用案例的對比分析法,對界面中視覺元素的設(shè)計進行完整的分析,以此來歸納信息傳達的規(guī)律,為人們設(shè)計出具有審美效果和信息更加有效的傳達的界面供參考,重點提示網(wǎng)頁界面不僅僅是外觀布局設(shè)計,更要注重與用戶的互動行為。 文章一共分四章,可以概括為三部分：第一章闡述課題的背景、目的以及意義,側(cè)重對國內(nèi)外研究現(xiàn)狀進行對比分析,提出論點：目前國內(nèi)網(wǎng)頁界面設(shè)計出現(xiàn)的諸多問題,用戶獲得良好的視覺體驗是網(wǎng)頁界面設(shè)計師獲勝的法寶。第二章,闡述網(wǎng)頁界面的視覺理論,以認知心理學(xué)、人機工程學(xué)、色彩學(xué)為依托對這些影響用戶視覺體驗的因素進行較為細致的分析,提示設(shè)計者在界面設(shè)計時候要依據(jù)用戶視覺特性用圖形設(shè)計的原則(格式塔原理)進行設(shè)計。第三章本文論證的過程,并結(jié)合實際案例從網(wǎng)頁界面組成元素：文字和內(nèi)容、色彩、圖片、背景和底紋、廣告等元素著手,重點總結(jié)遵循以上視覺原理和圖形設(shè)計法則這些元素在網(wǎng)頁界面設(shè)計中的運用。較為實際的告訴設(shè)計者如何把握用戶視覺特性進行設(shè)計,同時讓設(shè)計者樹立良好的設(shè)計理念。最后一章用案例進行對比分析,總結(jié)優(yōu)秀案例的設(shè)計經(jīng)驗。并從自己設(shè)計的案例做正反對比分析,再次強調(diào)視覺體驗的重要性。
[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.
【學(xué)位授予單位】：上海師范大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2013
【分類號】：TP393.092

【參考文獻】

相關(guān)期刊論文 前1條

1 曲飛;;淺論網(wǎng)頁設(shè)計的視覺信息傳達[J];成才之路;2007年36期

相關(guān)碩士學(xué)位論文 前6條

1 趙媛媛;中國意象油畫的色彩表現(xiàn)力[D];遼寧師范大學(xué);2010年

2 耿明名;網(wǎng)頁UI設(shè)計中的溝通藝術(shù)[D];哈爾濱理工大學(xué);2010年

3 馬福浚;基于視覺體驗理論的WEB界面設(shè)計研究[D];山東大學(xué);2011年

4 李鐵彬;網(wǎng)頁界面體驗設(shè)計研究[D];哈爾濱工程大學(xué);2011年

5 李薇;公共空間的視覺形象系統(tǒng)研究[D];同濟大學(xué);2008年

6 金泠泠;數(shù)字技術(shù)與設(shè)計美學(xué)的博弈[D];中國美術(shù)學(xué)院;2008年

，

本文編號：1790815