構成要素在網頁布局中的應用

張冬蘭

摘 要 隨著經濟一體化進程的不斷加深，我國各項事業也得到了快速發展，尤其是近些年各大網站的興起，更加促進了網頁設計事業的發展，但是由于網頁用戶的要求逐漸地升高，在網頁布局中對于網頁的整體布局的把握也是越來越迫切，隨著時代的發展網頁布局也被賦予了眾多的新內容，如何把握好構成要素在網頁布局中的應用，目前已經成為網頁設計者關注的中心。本文的主旨主要分析構成要素在網頁布局中的應用，在網頁布局中的眾多要素中主要從文字要素、圖片要素和色彩要素在網頁布局構成中的應用角度進行分析，以便于促進網絡整體結構良好的發展。

關鍵詞 構成要素 網頁布局 應用

中圖分類號：TP3 文獻標識碼：A

0前言

網頁布局是一種視覺傳達布局向網絡媒體的延伸，與此同時也是一種通過網絡布局構成中若干構成元素相互組合，從而達到引人注目而實現信息內容的傳達，網頁布局中的構成要素主要分為文字要素、圖片要素和色彩要素，想要保證各種構成要素在網頁布局中合理的運轉就必須要重視文字要素、圖片要素和色彩要素在網頁布局構成中的應用。

1文字要素在網頁布局構成中的應用

文字是網頁當中不可缺少的構成要素，也是網頁當中對信息主要描述的要素。所以，在某一特殊時期，網頁當中的文字占據了版面很大一部分面積，文字的效果處理情況對整幅網頁質量會有所影響。網頁中文字主要的功能是在視覺認知的過程中，公布發布者的各種意圖與信息，想要達成這一目的就要考慮文字整體訴求的效果，給人一種清晰悅目的視覺美感。所以，網頁設計當中文字組成要避免雜亂無章，要讓人能看明白、容易明白，不要將設計視為唯一目標，反而忽視文字設計根本目標是為了更優質、更有效傳達發布者意圖、設計主題與構想意念等。除此以外，視覺傳達與設計的過程當中，文字以畫面形象要素出現于人們眼前，有傳達信息與情感表述的能力，所以它應當有視覺美感，讓人有美的享受。字型設計要恰到好處，排布要構思精巧，最好能讓人身心愉悅、清爽舒適，將美好永留心間。如果不是這樣，就會讓讀者感到混沌難受，甚至是厭煩，很難感受到視覺應該傳達出的美感，也不太容易將設計者意圖與構想表達出來。網頁版面文字設計的好壞，不但包含字體、字號，還有色彩，同時也要看它排列組合的效果。假使排列不合理，不但字體本身美感得不到體現，也為讀者閱讀帶來了困難，視覺效果也不會收到良效，所以我們要認清字體間的聯系，保持其各自特征的同時，讓它們有機融合在一起。

2圖片要素在網頁布局構成中的應用

網頁版面視覺構成當中，圖片也是很重要的一個因素，它在視覺上的沖擊力比文字還要強。但是這并不代表語言與文字的表現力能忽略不計，我們使用圖片的目的是對文字起輔助作用，讓讀者理解起來更方便。原因是圖片可以具體直接地、高素質、高境界地將信息內容傳遞出去，讓平淡事物變成生動有趣的訴求性的畫面，把創造性表現出來。圖片構成要素，因它獨特的畫面風格與吸引力而顯得重要，有渲染視覺效果與引導閱讀這兩個作用。圖片是除文字外最早運用到網絡當中的多媒體式的構成要素。應用圖片，能讓網頁更生動地將信息傳遞出去，輸出信息量比以往增多了不少。并且應用圖片使網絡頁面更加美化了。也就是說，讓網頁趣味性增強，應用圖片是最好的辦法。

3色彩要素在網頁布局構成中的應用

網頁布局中的構成要素，其中包括形態因素和色彩因素，網頁的版面布局和電視畫面布局一樣，都需要應用色彩要素，往往網頁布局中都需要搭配正確的色彩，以便于增添網頁布局的悅目性，使得網頁布局更加的吸引用戶的眼球。色彩要素在網頁設計中占據著重要的地位，其重要的原因就在于由色彩要素構成的網頁布局可以給予用戶視覺上的沖擊，色彩要素在網頁布局構成中的應用，可以適當的調節用戶的視覺感觸，增添用戶的使用感覺。

網頁布局的設計就是一種藝術手法的體現，通常幾乎所有的網頁布局中色彩要素的應用主要通過增添紅、藍、綠這三種主要色彩來實現，將紅、藍、綠三種色彩要素相互的混合，以便形成不同的色彩效果。但在色彩要素在網頁布局中的應用應注意不能完全脫離形態、空間的位置。在網頁中色彩的運用和組織首先要對版面中的形態要素和空間信息進行研究，并將二者相互的結合，才能將色彩所體現的情感特征與形態性格充分的表現出來，從而達到情感特征與形態性格相互融合。網頁布局中色彩要素的應用應該從色彩的選擇和網頁背景的色調搭配上這兩方面進行考慮，才能最大限度發揮色彩要素在網頁布局構成中的應用職能。

4結論

網頁布局是綜合性的設計工作，可以把文字、圖片、色彩等做有機融合，營造一個獨特新穎的傳媒新世界，和讀者交流溝通得更自由。但是我們探求其本質，它還有賴平面設計的內容，還有讀者心理，審美觀等很多因素。該篇文章從構成要素在網頁布局中的應用這一角度出發，探究網頁布局中構成要素的重要性，最后我們可以總結出網頁布局藝術性和功能性的關系，我們在網頁布局中要把這兩點內容同等看待，讓網頁結構清晰、內容豐富，給讀者以最佳的享受，希望這篇文章可以給相關工作者提供一些參考性的建議。

參考文獻

[1] 劉維中.淺談CSS在網頁布局中的應用[J].商情（財經研究），2011，05：147-148.

[2] 隋涌.網頁布局之形式原理與設計要素[J].北京印刷學院學報，2012，03：70-72.

[3] 劉娜，易月娥，鄧子娟.淺析網頁設計中的頁面布局[J].長沙民政職業技術學院學報，2011，04：116-118.