淺析“點”在網頁設計中的應用

羅 玉

(四川理工學院 四川 自貢 643000)

?

淺析“點”在網頁設計中的應用

羅 玉

(四川理工學院 四川 自貢 643000)

網頁設計中“點”的應用主要體現在兩個方面：點對網頁設計構成的輔助性應用以及點在網頁設計構成中的主導性應用。在網頁設計制作中，我們可以通過這兩種方式將網站主體內容進行點化。

點;網頁設計;網頁界面;應用

當我們在瀏覽網頁界面的時候，如果一個精美的網頁出現在你面前，你一定會留意這個網頁界面的具體內容而不會直接跳過這一頁面。所以，一個網站制作成功與否不只是要靠內容，網頁設計也是網站制作成功與否的一個關鍵。點是構成頁面的視覺空間的基本要素之一，如何將點與網頁構成的其他要素相互之間的組成關系進行巧妙地結合與設計是將點應用于網頁界面的主要因素。

1 點的定義

“點是最最基本的元素，是任何事物的開端。當要在一張紙上面畫出一條線、一個圓或一個圖形時，總是要從一個點開始。那么在一個空間里，如要畫出一個點。這是不可能的，但是我們可以想象，賦予其‘點’的概念—當我們在仰望茫茫夜空，月亮便是夜空中的一個亮點，星星是更小的點。由此可見，點是一個相對概念，是由人類主觀決定的。”[1]

2 點在網頁設計中的應用

“從抽象形態的角度來看，‘點’是相對大小的概念。如夜空中的月亮，樹上的小鳥等。作為現實的形態，在我們周邊，相對概念的點的形態也隨處都有—相對于墻面，磚頭即為‘點’，相對于地面，石子即為‘點’。”[2]同理，在網頁界面中任何一個單獨而細小的形象即可以稱之為“點”，例如在頁面中一個文字，一個按鈕，一個logo等都可稱為“點”，并且“點”的形狀并不是單一地指圓也可以是其它的幾何形狀。

2.1 網頁設計中點的應用特征

“點是相對線和面存在的視覺元素，點排列的形狀、方向、大小、位置、聚集、發散能夠給人帶來不同的心理感受和視覺沖擊。”[3]無論是國內的網頁設計還是國外的網頁設計，設計師都在著重強調頁面中元素整體與局部的協調的同時，也在強調設計作品的設計元素在整幅畫面中的點的主導性構成。例如(圖1)，百度搜索主頁面，將百度logo放置于網頁界面的中心偏上位置，在視覺上形成簡潔明了的視覺中心點，通過和搜索框形成的視覺線進行對比與結合，使得整個頁面簡潔清晰，導航欄也是由幾個視覺點構成，最右邊的藍色框底與搜索框最右邊的藍色框底形成呼應，使畫面在不對稱之中又顯得格外協調。

圖1 百度搜索首頁

這種將點元素融入網頁界面使其與整體頁面協調的輔助性設計，在國外的網站同樣受用，例如(圖2)，蘋果官方網頁界面設計，在官網首頁我們可以把導航字體看作為“點”把手機主圖看作為面，導航字體簡潔且精小在整個頁面中僅僅是作為手機主圖的輔助“點”而存在，這樣的設計簡單但不失大氣。

圖2 蘋果官網首頁

2.2 網頁設計中點的作用與意義

通過對國內、外網頁設計作品的分析，可以了解到網頁界面是傳達信息的橋梁。而這些設計師正是將網站主體內容通過這個橋梁進行點化，用這種形式加強網頁界面設計的整體性、協調性、以及感染力，給受眾人群增添了視覺的美感和形式的動感的同時，把信息處理的濃縮、簡潔和直觀化，以精煉的內容來傳遞信息，增強網頁界面的注意值，進而使整個頁面在產生視覺焦點的同時融合在一個均衡的布局之中，通過形式與內容地統一整合把主體凸現出來，進一步的傳播網站主題理念。這種被點化的內容形成了一種視覺中心，并且運用各異設計的手法，如同構、對比及平衡等設計手法，多角度、多側面、多層次全面來表現，強烈突出的視覺中心讓網頁內容中心明確、一目了然，成為整個畫面的點睛之筆和視線的聚焦點，這樣做既可以吸引瀏覽者的眼球，又可以給瀏覽者留下過目不忘的深刻印象。

3 總結

在網頁設計的制作中，我們要在借鑒前人經驗的基礎上，勇于探索，嘗試各種新的設計手法，將作品達到出奇制勝的境界。因此，我們在進行網頁界面設計時，要把握作品畫面整 體的統一性，使頁面達到傳播的內容的點化，從而避免畫面內容凌亂、散漫而錯過要表達的中心內容與主題，除此之外，還應該通過強有力的表現來表現出要表現的重點以張揚出網站的個性，避免網頁內容的簡單空洞、平淡無奇，這樣可以在美化了版面、增強了審美意韻的基礎上，既提高了傳達信息的功能的作用，還達到了給受眾人群過目不忘的目的。只有將設計內容的核心點化，才能將要傳遞的主題內容升華的令人印象深刻。

[1] 吳翔．設計形態學[M]重慶：重慶大學出版社，2008.第73頁．

[2] 吳翔．設計形態學[M]重慶：重慶大學出版社，2008.第104頁．

[3] 孫項潔．關于網頁中的點線面[J].中國醫學教育技術，2008,16(4)：第235-236頁.

羅玉，女，漢族，四川人，研究生在讀，四川理工學院，研究方向：藝術設計視覺傳達。

TP393.092

A

1672-5832(2017)07-0154-01