網頁設計中的視覺構成研究論文

摘要：隨着社會向信息化方向的發展，各類高科技技術在蒸蒸日上地進步着，並有效地推動了各個領域的可持續進步，提升了我國的經濟及生活的發展水平。特別是有關網頁設計的方面，它與設計、美學、網絡等方面的內容有關，所設計出來的內容要比平面設計全面，可以有效地提升人們的工作效率，給人帶來一定的視覺享受，併為工作提供了便利條件。網頁設計的關鍵是視覺構成，這是網頁的主要構成部分，其相關人員要對其進行嚴格地分析，進而使網頁更加完善。文章通過對網頁設計內的視覺構成進行簡單的陳述，並結合人們瀏覽網頁的視覺行為習慣，探討出如何在視覺構成上能更好、合理有效地把網頁信息傳達出去，進而推進網頁設計技術的進步。

關鍵詞：網頁設計；視覺構成

引言

網頁設計的主要目的是把設計出的網頁內容運用到各個領域，帶給人們另類視覺享受，通過將各式各樣的視覺元素形成藝術設計效果並傳達給客户，滿足他們視覺上的需求。而對視覺構成上的解析是把網頁發展起來的關鍵，同時亦是網頁設計的一個主要因素。所以，在進行網頁設計時，設計者不單要考慮頁面上所存的一些內容，還應結合顧客的審美觀、思考方式、認知習慣、心理習慣等，在點、線、面、文字、圖片、顏色等方面進行合理有效地搭配，最後給顧客呈現出一種令人滿意的視覺效果，讓他們能夠下意識的接納所設計出的網頁，而後把該網頁應用到實踐活動中，進而把網頁設計的目的發揮出來。

1基礎概念概述

視覺構成主要講求的內容是形式美、傳播迅速及對視覺造成的衝擊力，而避免人的意識、精神及傳統文化等因素上的運用習慣。令人滿意的視覺構成要知道怎樣合理地運用各個視覺元素及功能的使用技巧，最主要的便是不管在何種領域或媒體中都能在設計的過程中把握設計的原則，才能認真地控制其意義的形成，讓設計出的作品能夠實現傳播的效果及目的。網頁設計若想達到很好的傳播效率就必須很好地運用其內在的關鍵元素。視覺構成所遵循的主要原則有界定圖框（是指把設計框架定好，也決定了視覺的表現範圍、表現方式、水平構圖方向或是垂直的）、視覺重量（主要是指心理的定勢、圖的大小、線條的比重、上下左右間的比重、顏色的深淺等等）、視線動向（指人們的閲讀習慣及興趣愛好而把視覺首先放在哪，但也可通過方向線條、色彩的深淺、動向來引導人們的閲讀視線）、人們本能上對於一切美好事物的探求。視覺構成的設計目的主要有：構成心曠神怡的吸引力（只有吸引瀏覽者的關注力，才能引起他們的興趣及好感，才能夠達到更好的傳播效果）、有利於意義的傳播（具有針對性的網頁設計，可使其意義能夠更好地傳達出去，降低無效的設計內容）、方便人們的閲讀（儘量減少那些阻礙閲讀的各個因素，使閲者能夠順暢的瀏覽）、中心思想的傳達（通過各種設計或引導，來使閲讀者能夠把視線放在重點上）。網頁設計中的視覺構成主要講的內容是對整個版面的設計，它包含了點、線、面、色、字、圖等的有效組合及搭配，怎樣把它們有效地搭配在一塊，做好這個版面的設計，給瀏覽者留下一個好的印象是探討視覺構成的重點。網頁中的文字、顏色及圖片都是由各個點、線條及面構成的，它們在視覺構成中是相互依存的關係，不能以單獨的形式存在，也不可能單獨達成某一讓人滿意的視覺效果。因而，在進行網頁設計時應將它們有效合理地結合在一起，並選取符合中心內容的文字、圖片及顏色，從而把設計出的網站能夠給人一種煥然一新之感。

2在視覺構成上提升網頁設計視覺效果

通過以上所述，筆者已簡要地瞭解到視覺構成的意義、所遵循的原則、設計目的以及在網頁設計中的重要作用，也可以説視覺效果是判斷網頁設計效果的主要依據。所以，有關設計的專業人士要先對視覺構成有一個深入的瞭解，以及在網頁設計中有哪些視覺構成，盡最大努力地在視覺構成上提升該網頁所帶給人們的視覺效果，進而推進網頁設計這一行業的進一步發展。本文論述了點、線、面間的有效結合，圖片、文字及色彩的合理搭配以及版面的本質特性與顧客的認識、瞭解習慣的相互結合等等，其具體內容如下：

2.1點、線、面三者間的有效結合

視覺構成的主要組成部分便是點、線、面，而網頁上的所有內容也都是由這三者進行合理、有效地搭配而成的，所以，要提升網頁所要達到的視覺效果，就應先從這三者的相互結合上進行分析。比如：點的使用，設計者可通過把點進行聚合或分散處理，進而實現靜動結合的效果，滿足顧客的實用需求。此外，也可通過點間的相互結合構成線條，線與線間的交叉運用，線條的虛實結合、明暗漸變等等，把網頁版面的大概外框繪畫出來，以實現版面所要達到的最基礎效果。

2.2圖片、文字及顏色間的合理搭配

在進行網頁設計時，圖片、文字及顏色也是視覺構成的主要因素，而相同的圖片、文字及顏色進行不同方式的搭配，所要達到的效果也是不同的'，同時，不同的圖文色彩所搭配出的網頁效果也是截然不同。因而，設計者想要提升網頁設計的視覺效果，就需把更多的時間及精力投入到圖片、文字與顏色間的合理搭配之上。同時在進行選擇時應與主題保持一致，並具有一定的代表性，能把網頁的中心思想表現出來。如在對顏色的選擇上，選出的顏色應符合科學道理。有關柔情的網站一般會選擇暖色調，有關科學研究的網站一般會選用藍色，有關環保的網站一般會選擇綠色為主等來渲染所要表達的主題。此外，選擇的顏色還應進行合理的搭配才能夠表現出該網站的中心思想，如相同/相似的色調、擁有對比效果的色調、主輔色調等等的選擇和搭配，設計者都應仔細斟酌，才能保證所選內容與網頁主題相同，進而達到更好的視覺效果以吸引更多顧客的眼球。

2.3版面的本質特性與顧客的認識、瞭解習慣相結合

顧客不同，他們的思維方式、審美觀、理解習慣也將會有所不同，要想讓他們每個人都對所設計出的網頁滿意，還需把他們的認識、瞭解習慣科學合理地運用到網頁設計之中。設計者不單需要良好的職業素質，還應把顧客的需求、認識瞭解習慣運用其中，才能把各類網頁設計內的視覺構成的必要因素系統科學地組合到一塊，達成設計網頁的良好效果，以此實現顧客的需求。

3結語

總而言之，要想把網頁設計成功，對其視覺構成的探討是至關重要的一個環節，我們應考慮到不同種類的視覺構成要素，把不同的顏色、靜動效果、圖片、認知習慣等等科學系統有效地綜合在一起，才能夠讓他們從視覺上採納所設計出的網頁，並將其應用到工作的各個領域之中。因而，設計者在進行網頁設計時，要結合其自身的視覺構成，在滿足顧客需求的先決條件下，給他們另類的視覺享受。並且，我們還應更深層次的對其視覺構成進行研究，並把研究出的結果及時地落到實處，從而提升網頁設計的辦事效率，為我國互聯網技術的發展做出努力，進而推進我國經濟水平的提升。

參考文獻

［1］霍俊燕.視覺效應在網頁設計中的應用［J］.湖南大眾傳媒職業技術學院學報，2016（1）：58-60.

［2］吳乃羣,史耀軍.網頁界面設計中視覺傳達的解讀［J］.藝術研究，2007（3）：69-70.

［3］鬲波飛.網頁設計之視覺信息傳達分析［J］.湖南大學學報：社會科學版，2001（S2）：187-189.

［4］歐亞梅.網頁設計中的視覺節省研究［J］.武漢工程職業技術學院學報，2012（4）：36-39.

［5］古新良.論網頁設計中藝術設計的視覺呈現［J］.計算機光盤軟件與應用，2013（7）：262，264.