淺析“點”在網(wǎng)頁設(shè)計中的應(yīng)用

羅 玉

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

?

淺析“點”在網(wǎng)頁設(shè)計中的應(yīng)用

羅 玉

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

網(wǎng)頁設(shè)計中“點”的應(yīng)用主要體現(xiàn)在兩個方面：點對網(wǎng)頁設(shè)計構(gòu)成的輔助性應(yīng)用以及點在網(wǎng)頁設(shè)計構(gòu)成中的主導(dǎo)性應(yīng)用。在網(wǎng)頁設(shè)計制作中，我們可以通過這兩種方式將網(wǎng)站主體內(nèi)容進行點化。

點;網(wǎng)頁設(shè)計;網(wǎng)頁界面;應(yīng)用

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

1 點的定義

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

2 點在網(wǎng)頁設(shè)計中的應(yīng)用

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

2.1 網(wǎng)頁設(shè)計中點的應(yīng)用特征

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

圖1 百度搜索首頁

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

圖2 蘋果官網(wǎng)首頁

2.2 網(wǎng)頁設(shè)計中點的作用與意義

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

3 總結(jié)

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

[1] 吳翔．設(shè)計形態(tài)學(xué)[M]重慶：重慶大學(xué)出版社，2008.第73頁．

[2] 吳翔．設(shè)計形態(tài)學(xué)[M]重慶：重慶大學(xué)出版社，2008.第104頁．

[3] 孫項潔．關(guān)于網(wǎng)頁中的點線面[J].中國醫(yī)學(xué)教育技術(shù)，2008,16(4)：第235-236頁.

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

TP393.092

A

1672-5832(2017)07-0154-01