發(fā)布時(shí)間：2018-04-23 06:26

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

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

【參考文獻(xiàn)】

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

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

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

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

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

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

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

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

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

，

本文編號(hào)：1790815