網頁界面設計論文范文
前言：我們精心挑選了數篇優質網頁界面設計論文文章，供您閱讀參考。期待這些文章能為您帶來啟發，助您在寫作的道路上更上一層樓。
第1篇
關鍵詞：格式塔網頁設計視知覺
引言
格式塔一詞來源于德文“Gestalt”的音譯，本意指的是形式、形狀、方式、實質。格式塔心理學是一種與藝術有緣的心理學理論，其主要目標是探討視覺感知及其與學習、思維的關系，它所研究的出發點就是“形”，“形”是經由知覺活動組織成的經驗中的整體，與視知覺活動密不可分。而網頁界面設計是視覺傳達設計向網絡媒體的延伸，主要是通過瀏覽者的視覺感知來接受網站信息。因此，研究格式塔理論在網頁界面設計中的運用，無疑對網頁界面的設計具有很大的指導作用。
格式塔理論在網頁界面設計中的應用
網頁設計是將特定的視覺信息要素，根據主題表達的需求在特定的頁面上進行的一種編輯和安排，其基礎是視覺生理學和視覺心理學。格式塔心理學派通過對視覺感知的生理研究，提出了一系列視感知規律，其中包含了“圖底”這個核心概念，和“簡明原則”“接近原則”“相似原則”“閉合原則”等視感知特性，將這些規律引入頁面設計，有助于我們優化視覺時代“形象過剩”狀態下盲目的網頁設計，提高信息傳達的速度與準確度。
1.圖與底
在人的知覺系統中最基本的一種知覺能力是在圖形與背景間作出區分。“圖”是居于前部的區域，“底”被看成是用來襯托圖的背景。相對而言，圖比底，輪廓較為完整、封閉，形狀較為規則，面積比較小，色彩比較鮮艷；此外，更重要的是，能組織成為一定意義的區域傾向于被感覺成圖。
由于圖與底之間存在的這種相對性質，在網頁設計中，應當明確區分圖與底，主體與背景。另外,主體自身結構要清晰明了，背景不能過于復雜，這樣才有利于瀏覽者辨別需要了解的信息。在背景的色彩搭配上應盡量選用同一色系的顏色，盡量避免同時使用色相環中相對的顏色，大面積同一顏色宜采用低對比度，避免用強烈刺激的顏色引起瀏覽者的視覺疲勞與厭煩情緒。格式塔理論的圖－底規則不僅說明了主體從背景中分離出來的條件,而且指出了背景在一個格式塔中的重要作用。因此在網頁設計中我們同樣不能忽視背景的作用，圖形是依賴于背景而存在的，要使主體感到存在，必然要有底將它襯托出來。因此無論在文字、色彩、圖像，還是動畫和視頻方面都要堅持圖底原則。
2.簡明原則
格式塔心理學家認為，人們的知覺有一種“簡化”傾向，所謂簡化并非僅指一般意義上的“簡單”，即物體中包含的成分少或成分之間的關系簡單，而是一種將任何刺激以盡可能簡單的機構組織起來的傾向。我們的眼睛只能接受少數幾個不相關聯的整體單位，如果一個格式塔中包括太多不相關的單位，眼睛就會試圖將其簡化，把各個單位加以組合，使之成為一個知覺上易于處理的整體，否則，整體形象將無法被正確感知，這種形象勢必會被人們忽視，以至拒絕接受。
我們可以將這一觀點延伸到網頁界面設計中。首先，在網頁界面結構的設計上，應避免使用過于復雜的網格結構，結構的設置應盡量簡單明了，符合人的視覺流程，也符合人們對規則形的喜好，利于瀏覽者以最短的時間找到最需要的信息。
其次，在圖像的選擇上，應避免使用過于繁復雜亂的、容易分散瀏覽者注意力的圖像，這樣會增加瀏覽者找尋信息的難度。
再次，在進行文字編輯時，應該考慮編輯的最終效果。文字應給人以清晰的視覺印象，避免頁面繁雜凌亂，減少不必要的裝飾變化，使人易認、易懂、易讀，不能為造型而編輯，忘記了文字本身是傳達內容和表達信息的主體。在字體的選擇上，雖然可供選擇的字體很多，但同一頁面上的字體種類最多只能有三四種，這樣才不會顯得花哨。字體的選擇應依據段落大小和內容層次,由重到輕、由粗到細。字號的選擇也應該依據內容層次由大到小，但到了節以下的層面，可以選用同一字號但用不同的字體加以區分。在文本密度方面，文本應該以短小的組塊形式出現，并且應該經過編輯，以簡化內容。3.接近原則和相似原則
接近原則和相似原則的本質上都是簡化和整體化知覺對象的組織原則，與前面的簡明原則類似，人們在傾向于簡化認識對象的同時，也傾向于將近似、接近的元素組合起來作為一個整體加以認知。也就是說如果不同的文字或圖形組成部分位置靠近，瀏覽者就比較容易看出它們是一起的。根據這一原理，對于頁面上的任何元素，如果在功能或內容上是相同或相近的，就應在一定程度上保持相對較小的空間距離，做到“物以類聚”。比如，頁面中用以解釋圖形或用以表明某一部分圖形的文字就應當緊挨其所指的圖形或部分圖形。
相似的物體也很容易被認為是從屬于一個系統，具有相似的功能。因而，需要通過將瀏覽者注意力集中于視覺范圍內的關鍵概念，幫助他們獲得信息。在網頁界面設計中，可以通過強調、動畫、對比色的使用或其他手段達到這一目的。假如一個圖形中的組成部分都屬于同一風格，這個圖形就被視為一個整體。為了使瀏覽者重點關注圖形中的特定部分，對這一部分可采用不同的顏色、動畫、閃爍或其他區分方式。但是，如果一幅畫面中區別過多，也會使瀏覽者難以注意需要獲得的信息。因此，這些方法應該用于強調關鍵信息或圖形的關鍵部分，而不宜用于大片信息。
4.閉合原則與網頁界面設計
閉合原則是指一種完成某種完形的行動。這一規則表明，每一種視覺樣式都可以被看成是一種陳述，對于模棱兩可的視覺樣式，人們會根據以往的經驗按照不同的樣式加以組織，這時不同的人會看到不同的東西。因此，在網頁界面設計時,應當避免出現不完整的圖形，以免使瀏覽者花費過多的時間去琢磨圖形的含義，而不是從網頁上獲取信息。
閉合規則還表明,視覺形象被知覺的形式是首先作為一個統一的整體被知覺，然后再以部分的形式被知覺。因此，在進行網頁界面設計時，要強調整體風格的統一，內容與形式的統一。
結語
將格式塔心理學引入網頁界面設計，目的是希望網頁設計向理性化的方向發展。隨著網絡的不斷發展，瀏覽者對頁面的要求也越來越高，但現在的頁面設計大多還是從直覺出發，離科學的頁面設計還有相當大的距離，因此要想達到科學的頁面設計，就要在設計時遵照人類的認知規律，并且將這些規律正確地應用到設計實踐中。而如何將格式塔理論與設計結合起來,仍是我們需要投入大量精力去研究與探討的問題。
參考文獻：
[1]曹方著.視覺傳達設計原理，江蘇美術出版社
[2]卡爾·考夫卡著，黎煒譯.格式塔心理學原理.浙江教育出版社
第2篇
網頁應用是指用網頁語言編寫的程序通過瀏覽器來運行的軟件，它可以廣泛應用于企業網站或互聯網。由于網頁語言程序可以直接應用于各個PC終端和手機移動終端，不需要像其他應用軟件進行升級或運行前安裝復雜的程序，深受用戶的青睞，例如，較常見的有基于計算機終端的網絡論壇、網絡游戲、網絡超市等，也有基于手機移動終端的APP、網頁瀏覽等應用。雖然我國網絡化快速發展，但是，網頁界面的情感化設計起步較晚，最早的網頁界面概念是由國外發達國家提出來的，在國外已經有了相對成熟的設計理論和實踐經驗，如歐美、日本等國家一方面提出了網頁界面設計的理論基礎，如依據藝術設計理論和社會心理、人機交互理論等理論進行情感化設計；另一方面，還要遵循簡約化、一致性、統一性、均衡性等原則。目前我國對這方面的發展主要是針對網站的文字、色彩等視覺方面進行了一定程度的設計，但總體上缺乏對情感化設計的深入探究。
二、網頁應用界面的情感化設計分析
“情感”是人們對自身周圍的事物以及對自身的態度的體驗，它是人對客觀事物的主體反映。根據唐納德教授在《情感化設計》一書中的論述，情感化設計分為本能、行為以及反思三個層次。本能層次是用戶通過外界的刺激而做出的第一反應，具有先天性，因此，在對網頁界面進行設計時需要充分考慮本能層次的物理特性，將本能層次的特征融入設計的界面當中。行為層次主要是指利用簡單有趣的設計為用戶提供最方便網頁瀏覽布局和清晰明確的操作導向，使用戶在運用中在情感上得到體驗。反思層次是意識反作用于客觀事物的一種表現形式，是人們最高的情感水平。網絡用戶通過瀏覽網頁界面后產生的更深層次的感知和情感，往往受到不同主體認識的不同而有不同的情感變化。通常反思層次有助于提高用戶的忠誠度，建立起用戶與產品的長期聯系。情感設計的三個層次相互影響，在本能層次得到滿足后，產生行為層次，然后體驗后，產生對網絡界面的反思層次，在對網絡應用界面設計中應當注意三個層次的相互作用，將情感化設計貫穿于三個層次中，提高用戶的認知度，為用戶帶來情感愉悅和舒服的體驗。
三、我國網頁應用界面設計的現狀及存在的問題
由于我國情感化網頁設計起步相對較晚，缺乏理論依據，存在著眾多不足，其主要有以下幾個方面。
1.內容方面的問題
通常網站網頁是進行信息傳播的承載體，往往包含了眾多的內容，但在國內的一些網站網頁設計時內容相對混亂，分不清主次。還有一些網站為了向用戶傳達更多的信息，對網頁界面嵌入各種軟件以及各種各樣的內容，使用戶感覺雜亂無章，忽略了頁面設計的整體性和主次感。此外，還有一些網站為了商業利潤，在網頁界面中填充了大量的廣告，容易讓用戶在使用時產生抵觸情緒，降低了情感化的體驗效果，同時，網頁廣告界面往往自動彈出，強制用戶“消費”，缺乏對用戶的尊重。
2.網頁界面板式雷同化嚴重，缺乏創新
網頁應用界面在設計上大多都是遵照一種設計樣式，除一些網站在設計時根據自身的實際情況，對界面內容進行分欄分類，對色彩字體進行搭配，其他大多數設計的版本內容布局高度雷同化，缺乏創新，使用戶容易產生視覺疲勞，很難吸引用戶的注意力，降低了情感化的體驗。
3.網頁應用界面設計普遍缺乏情感
情感化的網頁設計能提高用戶在瀏覽網頁時的舒服程度，還能提高用戶的自我標識，但是在實際的網站網頁界面設計的過程中，往往只是滿足功能上的需求，追求界面的效果，忽略了在網頁中添加情感因素，在視覺色彩的應用上也相對混亂，造成用戶情感體驗的效果不明顯。
四、網頁應用界面的情感化設計
通常進行網頁界面的情感化設計需要明確進行網絡界面設計的目的，即構建一個使用戶在視覺上產業愉悅的網站，以提高用戶對該網站的忠誠度。一般來講，網頁界面設計目的包括實現網站服務、良好的視覺效果以及可行性和易用性三方面。因此，網站的網頁界面的情感化設計需要圍繞著上述的三個目的展開。
1.色彩的設計
網頁的應用界面的色調通常包含了文字的顏色、主板的色彩、所含圖片的色調等幾個方面。首先，圖片的設計是將抽象化的物體轉化為直觀的視覺效果，圖片的色調可以直接進入用戶的視覺體驗，進而產生本能層次的情感，因此，圖片色調的選擇要符合主題內容，與整個網頁的風格相匹配。其次，文字色調的設計，文字是傳達網頁內容的主要方式，是網頁界面的主體，其字體的顏色需要與整個網頁界面的設計搭配，使用戶在閱讀時不產生疲勞感；最后，主色調的設計，主色調是整個網頁界面的背景，在對主色調設計時要遵照使用戶舒服的原則，防止色調太強，而影響文字主體閱讀的困難。
2.合理統一的布局
對網頁界面合理統一的布局是指在網頁界面有限的空間內，對文字、圖片、色彩等元素進行統一的設計編排，使整個界面顯得和諧統一，不至于出現內容混亂的局面。因此，在對網頁界面設計中，既要加入人的情感因素，同時又要進行合理的布局，這樣才能讓用戶在使用過程中產生情感上的依賴。
3.方便易用的操作功能
通常網頁界面設計要以方便易于操作的功能為前提，使用戶在使用過程中，能夠用最短的時間進行操作，并接受該功能的應用。
4.對網頁界面的情感化設計的創新
創新是設計的動力源泉，一方面，只有不斷創新才能滿足人們提出新的需求，另一發面，創新是人們勞動性的創造，將情感和抽象思維相融合，設計到網頁界面的布局中去，提高用戶網頁界面體驗的情感效率。
5.和諧統一的人機交互
第3篇
［關鍵詞］色彩 網頁設計 人性化
［中圖分類號］J524.3［文獻標識碼］A［文章編號］1009-5349（2011）06－0089－01
在今天的中國，大多數的人每天都在使用互聯網。查找信息、閱覽文章、娛樂、交友、購物等都可以在網絡上實現，查看網頁已經成為了人們生活的重要內容。
網頁由多個設計元素組成，各個設計元素向我們傳達著信息。其中色彩是最先映入人們眼簾的，它決定了網頁的印象，同時也影響到網頁界面設計的成敗。設計者在網頁界面設計中利用色彩來表達網站主題，烘托網站內容，滿足網頁展示方的意愿。與此同時，設計者更應該注重瀏覽用戶的使用需求。在色彩設計上充分考慮瀏覽用戶的心理特征、視覺習慣和操作習慣，使網頁界面色彩設計人性化，便于瀏覽用戶能夠輕松地使用網頁。
如何實現網頁界面色彩設計的人性化？本文從色彩對人的生理和心理產生影響的角度，對網頁設計中的配色問題提出幾點看法。
一、配色和諧，提高網頁文字的易見度
由于顏色有同化作用，人的眼睛識別顏色的能力有一定的限度，色相對比強的顏色易于辨認，色相對比弱的則難于分辨。在網頁界面里，文字、圖案、背景都有自己的顏色，用戶使用網頁時，背景與文字的配色直接影響用戶對內容的辨別和閱讀。而網頁中，文字是用戶攝取的主要內容，在設計時必須考慮文字與其他元素的色彩對比，注意文字的易見度。
在高明度的背景上低明度的文字易于識別，在低明度的背景上高明度的文字易于識別。但如果背景和文字的明度相近，則會出現難以認讀的情況。如，白色的背景上使用黑色文字易見度非常高，而使用檸檬黃的文字則易見度很低。
二、科學使用顏色，避免視覺疲勞
人的視網膜對不同色彩的興奮度有所不同。當人看到高明度、純度高的顏色時，視網膜的興奮度高，因此它讓人感覺到刺眼。當人看到低明度、純度低的顏色時，視網膜的興奮度低，因而會覺得較舒適。
在眾多色彩中容易引起人注意的通常是刺激強度高的高明度色，但如果這樣的顏色在網頁界面中大面積使用極易使瀏覽用戶產生視覺疲勞，因此應盡量少使用高明度背景。而低明度色不會強烈刺激人眼，但過多的使用會給瀏覽用戶帶來壓抑感。
通常，我們可以使用淺色調輔以小面積鮮艷的色塊，使畫面既有對比又統一和諧。如果碰到暗色調的網頁，也可以使用小面積的高明度色來調和。避免網頁色彩過艷或過暗帶給瀏覽用戶視覺上的疲勞。
三、了解瀏覽用戶的色彩心理，合理配色
色彩可以作用于人的感官，刺激神經，喚起人們的特殊情感，這是色彩的心理效應。不同的顏色對同一個人會產生不同的心理效應，不同的人會對同一種顏色產生不同的心理體驗。這種體驗，從認識論的角度來說，是人對客觀世界的主觀反映，是由于每個人的年齡、性別、文化、生活環境、豐富習慣等因素所造成的。
有的設計者在設計網頁界面時，對色彩的選擇僅憑自己的直覺和喜好，沒有對瀏覽用戶群體的心理特征和審美需求進行調查分析，這樣設計出的網頁界面往往難以把握瀏覽用戶對信息的獲取量。因此，網頁界面的色彩設計要了解并把握瀏覽用戶的色彩心理。例如，網頁界面的瀏覽用戶是兒童，界面的用色應選取兒童喜歡的活潑、明亮的顏色。而瀏覽用戶是老年人的話則采用成熟、穩重的顏色。不同的民族對同一種色彩可能有不同的理解。在中國古代，黃色代表威嚴，巴西則代表熱情。紅色在中國寓意為喜慶，但在西方人的眼里，它是恐怖、危險的象征。這些因素在設計網頁色彩時都是應該考慮并加以運用的。符合瀏覽用戶色彩心理的設計才會激發他們的閱讀興趣，利于信息的傳播。
色彩給我們的感受是豐富而奇妙的，它每時每刻都在影響著人們的生活。網頁界面的設計者應在掌握人的色彩心理的情況下，充分發揮色彩的特性，網頁界面達到悅目并且適用的要求，實現網頁界面設計人性化的第一步。
【參考文獻】
[1]旭日東升.網頁設計與配色經典案例解析[M].電子工業出版社,2009.6.
[2]馬炅.色彩的情感屬性在網頁配色中的應用探析[J].長春理工大學學報(高教版),2009.11.
[3]陸敏.設計人性化之思考[J].淮北煤炭師范學院學報(哲學社會科學版),2004(6):113-115.
