平面視覺元素對網(wǎng)頁設(shè)計的影響

前言：本站為你精心整理了平面視覺元素對網(wǎng)頁設(shè)計的影響范文，希望能為你的創(chuàng)作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

1相關(guān)定義及其優(yōu)點

結(jié)合平面視覺元素在網(wǎng)頁設(shè)計的應(yīng)用，網(wǎng)站建設(shè)的發(fā)展更趨向先進(jìn)。通過合理運用文字、色彩、圖形圖像等多個平面視覺元素的組合，在此基礎(chǔ)上對整個網(wǎng)頁的版面機(jī)構(gòu)進(jìn)行設(shè)計美化，使得瀏覽網(wǎng)站的用戶們在視覺上獲得全新的體驗以及享受。其次，網(wǎng)頁設(shè)計過程中融入了平面視覺元素，為網(wǎng)站贏得了較高的用戶瀏覽量，幫助企業(yè)公司實現(xiàn)了網(wǎng)站建設(shè)的目標(biāo)，也在互聯(lián)網(wǎng)這一個領(lǐng)域上有效傳遞了企業(yè)的詳細(xì)信息以及用戶所需的資料，包括企業(yè)的產(chǎn)品信息、服務(wù)、企業(yè)的理念以及品牌歷史等。最后，網(wǎng)頁設(shè)計這設(shè)計技術(shù)激發(fā)了大量的平面設(shè)計軟件人才的需求，要求網(wǎng)頁設(shè)計人員需要熟練掌握包括PS，AI在內(nèi)等諸如此類的網(wǎng)頁處理美化軟件，一定程度上促進(jìn)了社會的人才需求。

2存在問題

網(wǎng)頁設(shè)計是新時代的一種信息傳播的途徑。一個優(yōu)秀的網(wǎng)站往往在第一眼就吸引了眾多使用者的眼光。反之，如果一個網(wǎng)站在視覺上沒有達(dá)到一個奪人眼球的效果，那么毫無疑問這個網(wǎng)站的建設(shè)是失敗的。隨著網(wǎng)頁設(shè)計日益被網(wǎng)站建設(shè)者所關(guān)注，平面視覺元素的運用也漸漸被人們所注重。很多的網(wǎng)頁設(shè)計人員由于自身能力的局限以及社會的高度關(guān)注的壓力，使得設(shè)計出來的網(wǎng)站在平面視覺上遠(yuǎn)遠(yuǎn)沒有達(dá)到使用者所要求的效果。

2.1網(wǎng)頁版式編排過于簡單

頁面的版面編排可以說是網(wǎng)頁設(shè)計過程中最為基本的步驟，但也是最為重要的一步。網(wǎng)站的主頁要求是，文字內(nèi)容上概括性強(qiáng)，圖片的使用則要引起人們注意力為佳。而國內(nèi)的一些網(wǎng)站設(shè)計人員為了一味追求頁面內(nèi)容的豐富，往往忽略了網(wǎng)頁的版式編排的要求了。總是將所有的圖片以及文字胡亂地堆放在一個地方，使得整個網(wǎng)站的網(wǎng)頁布局雜亂無章，更不用說能夠增強(qiáng)網(wǎng)站的平面視覺效果了。每個網(wǎng)站都會將其包含的內(nèi)容的重要性劃分為好幾個等級，而一些網(wǎng)頁設(shè)計人員未能夠注意到這點，會將一些二級頁面的內(nèi)容穿插到網(wǎng)站的主頁面，更有的將一些廣告或者是圖片放在首頁，大大影響了使用者瀏覽網(wǎng)站時的信息獲取速度以及效率。

2.2文字排列布局不合理

文字是網(wǎng)頁設(shè)計中傳達(dá)信息的最為主要的手段之一，通過文字內(nèi)容，使用者能夠在短時間內(nèi)迅速獲知自己想要了解的內(nèi)容。由于中文文字具有結(jié)構(gòu)復(fù)雜的特點，因此在網(wǎng)站設(shè)計過程中，一些設(shè)計人員為了引起用戶的注意力，刻意在一些文字下方添加下劃線，尤其是一些附加鏈接網(wǎng)址的文字，這樣的做法會給用戶瀏覽網(wǎng)站的內(nèi)容的時候造成不少的視覺阻礙。除此之外，在文字整體的頁面布局上也是差強(qiáng)人意，行距就是一個最典型的情況，字體的行間距離會直接影響到用戶的閱讀速度。試想一下，一大堆密密麻麻的文字，即使被告知其中內(nèi)容十分精彩，又能保證誰會耐著性子，認(rèn)認(rèn)真真地閱讀完？答案毫無疑問是否定的。

2.3色彩搭配不當(dāng)

通常情況下，紅綠被認(rèn)為是最難看的色彩搭配。而當(dāng)用戶打開網(wǎng)站，目光首先都會先被網(wǎng)站的色彩所吸引。人類對色彩十分敏感，一個成功的網(wǎng)頁設(shè)計，在很大程度上是和設(shè)計人員是否會熟練運用色彩及其搭配有關(guān)聯(lián)的。因為網(wǎng)頁設(shè)計在實質(zhì)上就是屬于平面效果設(shè)計的一個分支內(nèi)容，因此對于色彩的搭配要求之高可想而知。國內(nèi)的一些網(wǎng)站為了達(dá)到一定的視覺效果沖擊，總是偏向使用大量的暖色調(diào)，大紅大紫是很多網(wǎng)站設(shè)計人員的色彩搭配習(xí)慣。這樣的做法不僅沒有起到?jīng)_擊用戶的目光，而是影響了用戶對網(wǎng)頁版式的美感欣賞，更嚴(yán)重的是，影響了用戶瀏覽網(wǎng)頁的速度，還干擾了其對信息快速篩選的能力，當(dāng)然也對網(wǎng)站本身的瀏覽量帶來了一定的消極影響。

3相應(yīng)的對策及建議

3.1構(gòu)建合理版面結(jié)構(gòu)

一般的網(wǎng)頁用戶界面在版面上融入了多種的平面視覺元素。這些元素可以通過合理的組合構(gòu)成，來達(dá)到用戶對網(wǎng)站瀏覽的視覺效果需求，因此一個合理的版面結(jié)構(gòu)對于提高網(wǎng)站的瀏覽量是十分有利的。打個比方，在文字信息上，相關(guān)的網(wǎng)頁設(shè)計人員可以選擇多種的字體結(jié)合，或者是單一的藝術(shù)字體，來營造出一種豐富的字體效果，在圖形圖像上的排放也要遵循一定的空間結(jié)構(gòu)。用戶的眼光一般都會被主頁面的畫面感較強(qiáng)的圖像所吸引。因此可以考慮將這類的圖像放在主要頁面的中央，以此達(dá)到一個最佳的視覺沖擊效果。另外，在色彩上的運用要考慮到版面的整體風(fēng)格。網(wǎng)頁設(shè)計人員可以結(jié)合圖形來一起實行版面分割。這樣一來，整個網(wǎng)站的版面就能夠既有效傳達(dá)出了用戶所需的信息，又遵循了網(wǎng)頁設(shè)計本身的視覺效果的表現(xiàn)方式。如果一些網(wǎng)頁設(shè)計經(jīng)驗尚為欠缺的新手，可以瀏覽一下日常生活中雜志或報紙的版面分布結(jié)構(gòu)。借鑒其版面在比例尺度、文字內(nèi)容的安排、圖像的穿插以及色彩的運用搭配等方面，綜合考慮這些要素，做到熟練運用，營造出一個合理良好的版面布局。

3.2采用直觀的文字表達(dá)

和其他的平面視覺元素相比起來，文字內(nèi)容的設(shè)計較為關(guān)鍵，因為它是最直觀且容易辨認(rèn)的信息傳達(dá)媒介。因此，在網(wǎng)頁設(shè)計中，直觀的文字表達(dá)能夠促進(jìn)瀏覽者的閱讀興趣。網(wǎng)頁設(shè)計又屬于平面設(shè)計中的一個分支，所以要充分考慮平面視覺效果的體現(xiàn)。一般情況下，字體的采用以默認(rèn)的為標(biāo)準(zhǔn)，這樣很多的當(dāng)?shù)氐挠脩艟涂梢允褂帽镜氐南到y(tǒng)字庫來進(jìn)行閱讀了，省去了不少下載字體的麻煩步驟。還需要注意的一點是，整個文字安排的布局要合理并且直觀。很多瀏覽者在閱讀網(wǎng)頁文字內(nèi)容的時候存在很多的局限性，文字作為網(wǎng)頁設(shè)計中最為重要的信息傳遞手段之一，為了達(dá)到更好的視覺效果，可以考慮使用比較常見的字體結(jié)構(gòu)，例如黑體和宋體等，大小的安排也是以適中為主，千萬不能因為貪圖一時的藝術(shù)效果而盲目使用一些繁體字或者是比較少見的字體。更為重要的是，比較常見的字體能夠保證用戶在瀏覽網(wǎng)站的時候，可以快速又準(zhǔn)確地下載自己所需的網(wǎng)站信息以及資料。

3.3色彩運用兼顧總體協(xié)調(diào)和局部

對比不同的色彩搭配方案可以組成多種不同的美麗畫面。按照人類對于色彩的感知規(guī)律，一般情況下認(rèn)為暖色調(diào)的色彩比較吸引人的注意力，也就是說，想要用戶能夠在短時間內(nèi)記住這個網(wǎng)站，那么使用暖色調(diào)是比較明智的選擇。為瀏覽者營造一個良好的網(wǎng)頁環(huán)境，一定程度上是取決于色彩給人們帶來的視覺沖擊，每一種色彩給瀏覽者帶來心靈上的感受也不盡相同。如果在應(yīng)用上注重總體協(xié)調(diào)，局部對比這么一個原則，那么對網(wǎng)頁設(shè)計人員創(chuàng)造出一個固定的色彩應(yīng)用模式起到很大的幫助，同時也有利于促進(jìn)網(wǎng)頁的總體布局風(fēng)格的形成。

4結(jié)語

網(wǎng)頁設(shè)計作為一種大眾信息傳播方式，在滿足內(nèi)容精益求精的基礎(chǔ)上，還需要在平面視覺效果上下足功夫。一個優(yōu)秀的網(wǎng)站建設(shè)通常能夠在文本、圖像、動畫和視頻等元素的運用上達(dá)到一個綜合的效果。熟練運用好平面視覺元素，不僅可以滿足網(wǎng)站使用者的基本瀏覽需求，還能夠為網(wǎng)站本身營造出舒適愉悅的視覺效果，從而雙方能夠達(dá)到精神層面享受的效果。

作者：和曉娟單位：麗江師范高等專科學(xué)校數(shù)學(xué)與計算機(jī)科學(xué)系