行業(yè)動(dòng)態(tài)平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

發(fā)布：2019-03-07 12:52:49 瀏覽：5541

一般來說,以往的平面設(shè)計(jì)在視覺元素的應(yīng)用上受到印刷技術(shù)的限制,隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,平面設(shè)計(jì)逐漸延伸到網(wǎng)絡(luò),在這一背景下的平面設(shè)計(jì)具備效率高、圖文互動(dòng)強(qiáng)、信息資源豐富的優(yōu)點(diǎn),賦予原有的平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用新的意義。目前,構(gòu)成網(wǎng)頁設(shè)計(jì)的圖形視覺元素主要包括文本元素、圖形元素和色彩元素。

(一)文字元素

在網(wǎng)頁設(shè)計(jì)中,文字元素起著至關(guān)重要的作用,它是向?yàn)g覽者傳遞網(wǎng)頁信息的重要載體,其地位是不可撼動(dòng)的。一般來說,文本在很大程度上決定了整個(gè)網(wǎng)站的效果。在網(wǎng)頁設(shè)計(jì)中,文字的易讀性和辨識(shí)性是非常重要的。因此,設(shè)計(jì)師在使用手機(jī)文本時(shí)要謹(jǐn)慎。同時(shí),在網(wǎng)頁設(shè)計(jì)中,設(shè)計(jì)者必須牢固設(shè)置主體文本,處理相關(guān)細(xì)節(jié),安排文本與圖形的交集。在當(dāng)前的網(wǎng)頁設(shè)計(jì)階段,文字變得越來越圖形化。換句話說,文本作為一種圖形元素體現(xiàn)出來,增強(qiáng)了審美效果,對(duì)原有功能起到了強(qiáng)化作用。

(二)圖形元素

從客觀角度來說,網(wǎng)頁的整體美感在很大程度上取決于圖形元素的應(yīng)用,因?yàn)楹臀淖衷叵啾?其具有較強(qiáng)的藝術(shù)美感和視覺沖擊力。除此之外,它在傳遞信息方面也比文字元素要直接得多。然而,為了充分發(fā)揮圖形元素的作用,我們需要注意其色彩搭配和版面的布局,需要適應(yīng)人們的審美心理,達(dá)到在短時(shí)間給人留下深刻印象的目的。一般來說,網(wǎng)頁設(shè)計(jì)中的圖像具備導(dǎo)向和鏈接的功能。根據(jù)相關(guān)心理學(xué)研究,在瀏覽網(wǎng)頁時(shí),眼睛會(huì)先垂直落在屏幕的中心,然后看四邊。

設(shè)計(jì)師在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候,往往會(huì)將重要的信息安排在注視點(diǎn)高的區(qū)域,并且在這種情況下,會(huì)根據(jù)視覺流程合理安排圖片的適度位置。我們?cè)跒g覽圖片的時(shí)候會(huì)首先通過網(wǎng)絡(luò)下載,也就是說,網(wǎng)頁中的圖片受寬帶的限制,在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)設(shè)計(jì)者會(huì)盡可能地減少圖形文件量,不過文件量越低,圖片的分辨率就越低,受眾的體驗(yàn)比較差。針對(duì)這種情況,設(shè)計(jì)者需要從實(shí)際情況出發(fā),選擇最佳的圖形文件量。

(三)色彩元素

在網(wǎng)頁設(shè)計(jì)過程中,色彩的匹配會(huì)直接影響網(wǎng)站的整體風(fēng)格。色彩是設(shè)計(jì)中最重要的因素之一,它以文字和圖形為基礎(chǔ),主要通過視覺沖擊作用于觀眾的心理。具體來說,就是通過不同色彩給人們帶來不同的心理暗示,比如黑色是沉穩(wěn)、黃色是溫暖、紅色是官方,等等。除此之外,色彩的飽和度、明度及色調(diào)也會(huì)影響網(wǎng)頁的視覺效果。同時(shí),需要強(qiáng)調(diào)的是,網(wǎng)頁設(shè)計(jì)師在運(yùn)用色彩元素的時(shí)候,必須保證其符合國(guó)際色彩標(biāo)準(zhǔn),因?yàn)榛ヂ?lián)網(wǎng)是建立在同一平臺(tái)上的,盡量使用網(wǎng)頁安全的顏色,禁止無節(jié)制地使用大量顏色。再者,設(shè)計(jì)師還需要從網(wǎng)頁的實(shí)際情況出發(fā),對(duì)色調(diào)和輔助色進(jìn)行調(diào)整,保證整體的美觀度和舒適感,同時(shí)符合網(wǎng)頁內(nèi)容的主題。

平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用問題

(一)網(wǎng)頁版式設(shè)計(jì)應(yīng)用上的問題

就現(xiàn)階段來看,我國(guó)一些企業(yè)在網(wǎng)站設(shè)計(jì)上,過于追求商業(yè)價(jià)值,這就使得網(wǎng)頁板式設(shè)計(jì)在應(yīng)用平面視覺元素上缺乏藝術(shù)性和合理性。除此之外,一些企業(yè)在做網(wǎng)頁的過程中,要求設(shè)計(jì)師不斷豐富頁面內(nèi)容,進(jìn)一步導(dǎo)致簡(jiǎn)單羅列網(wǎng)頁版塊的現(xiàn)象出現(xiàn),影響網(wǎng)站信息質(zhì)量,還會(huì)給人一種信息冗雜的感覺。

(二)文字視覺元素應(yīng)用上的問題

從客觀角度來看,中國(guó)的字體結(jié)構(gòu)比較復(fù)雜,在中國(guó)的網(wǎng)站設(shè)計(jì)中對(duì)中文字體格式的發(fā)展等方面存在一定的限制。在這種情況下,一些網(wǎng)站在設(shè)計(jì)過程中會(huì)追求文字的視覺效果,如現(xiàn)有的單詞下劃線的鏈接,這不是大問題,但是設(shè)計(jì)師往往忽略字體間距,進(jìn)一步使頁面發(fā)生擁堵,很容易引起客人的反感。此外,國(guó)內(nèi)一些網(wǎng)站在設(shè)計(jì)過程中缺乏對(duì)頁面整潔和模塊區(qū)域的考慮,出現(xiàn)加大字體等錯(cuò)誤的文字用法。

(三)網(wǎng)頁圖片設(shè)計(jì)方面存在的問題

網(wǎng)頁平面設(shè)計(jì)不合理主要表現(xiàn)在兩個(gè)方面:一方面,圖像大小問題,一些設(shè)計(jì)師在文本格式的應(yīng)用程序中,沒有更大的圖片,導(dǎo)致整個(gè)頁面的效果缺乏細(xì)節(jié)、豐滿,或只是沒有更大的圖片,進(jìn)一步紊亂,難以突出關(guān)鍵信息。另一方面,圖像的位置、面積、數(shù)量和分辨率將直接影響觀眾的視覺感知或信息的缺乏。因此,布局設(shè)計(jì)不當(dāng)容易導(dǎo)致視覺信息的錯(cuò)誤引導(dǎo)。

(四)網(wǎng)頁色彩布置上存在的問題

在網(wǎng)頁設(shè)計(jì)中,常常會(huì)出現(xiàn)色彩布置的問題,比如整體色彩不協(xié)調(diào)、內(nèi)在美感不明顯,等等。除此之外,還存在色彩的視覺效果沖擊干擾人們?yōu)g覽頁面的情況,舉個(gè)例子來說,當(dāng)網(wǎng)頁使用帶有豐富色彩的圖片作為背景的時(shí)候,就會(huì)對(duì)人們的視覺產(chǎn)生沖擊,進(jìn)一步引起他們的閱讀疲勞。還有網(wǎng)站整體色彩和信息不搭配,比如慶祝新年的時(shí)候,有的網(wǎng)站仍然將藍(lán)色、黑色等作為主題顏色,不符合內(nèi)容信息所體現(xiàn)的情緒。

網(wǎng)頁設(shè)計(jì)中的平面視覺元素應(yīng)用要求

(一)網(wǎng)頁版式設(shè)計(jì)方面

在網(wǎng)頁設(shè)計(jì)中,網(wǎng)頁板式的設(shè)計(jì)是十分重要的環(huán)節(jié),如果沒有合理有效的排版,那么平面視覺元素應(yīng)用得再好也無濟(jì)于事,傳遞的信息再有質(zhì)量也難以得到瀏覽者的深入了解。因此,那些過于追求網(wǎng)頁商業(yè)價(jià)值的企業(yè),必須更新觀念,重視網(wǎng)頁的美觀性和各方面元素的合理配置,這樣才能取得良好的實(shí)效。首先,設(shè)計(jì)者應(yīng)該從讀者的角度出發(fā),設(shè)計(jì)出方便讀者瀏覽的版面,還要考慮網(wǎng)頁信息的重點(diǎn),并將其放在合理位置,這樣不僅能夠給讀者好的視覺感受,還能有效傳遞信息。

(二)文字視覺元素應(yīng)用方面

在網(wǎng)頁設(shè)計(jì)中,文字元素占據(jù)著十分重要的地位,它是向?yàn)g覽者傳遞網(wǎng)站信息的主要載體,其地位是難以被其他因素所取代的,比如圖片和視頻。因此,文本設(shè)計(jì)的質(zhì)量在很大程度上決定了整個(gè)網(wǎng)站的視覺效果。在這種情況下,設(shè)計(jì)者可以從實(shí)際需求出發(fā),將表達(dá)內(nèi)心的情感作為根本目的,進(jìn)行適當(dāng)?shù)娜诵曰O(shè)計(jì),鑒于目前Web客戶機(jī)種類較多,漢字字體的局限性、設(shè)計(jì)和開發(fā),在設(shè)計(jì)過程中,設(shè)計(jì)師或使用默認(rèn)字體,進(jìn)一步提高設(shè)計(jì)效率和讀者瀏覽效率。

(三)網(wǎng)頁圖形圖像應(yīng)用方面

隨著互聯(lián)網(wǎng)的發(fā)展,人們更傾向于從圖片中獲取想要的信息,在網(wǎng)頁設(shè)計(jì)中,圖像起著十分關(guān)鍵的作用。經(jīng)典的圖形圖像設(shè)計(jì),不僅僅是視覺效果的準(zhǔn)確和豐富,而且是網(wǎng)站主題內(nèi)容的表現(xiàn)。設(shè)計(jì)者需要在保證頁面效果的同時(shí),還要讓瀏覽更方便地閱讀。比如在分辨率問題上,設(shè)計(jì)者可以將那些沒有特殊要求的圖片定位在多常用的分辨率層面上,以此解決終端顯示器分辨率帶來的局限性問題。

(四)色彩視覺元素應(yīng)用方面

在平面視覺元素中,對(duì)瀏覽者視覺影響最大的是色彩元素。在通常情況下,一個(gè)優(yōu)秀的網(wǎng)站會(huì)在網(wǎng)頁設(shè)計(jì)中合理運(yùn)用色彩符號(hào),以此給瀏覽者和諧寬松的視覺效果,激發(fā)他們的閱讀興趣。因此,在進(jìn)行網(wǎng)頁設(shè)計(jì)的過程中,設(shè)計(jì)師要重視色彩的搭配,提高裝修的價(jià)值程度,依據(jù)整體和諧的原則運(yùn)用色彩。

比如在網(wǎng)頁的局部對(duì)比方面,設(shè)計(jì)師可以采用一些暖色和冷色,這樣能夠有效強(qiáng)化其記憶效果。同時(shí),在主色和輔助色的選擇上,設(shè)計(jì)者需要從網(wǎng)頁的內(nèi)容信息出發(fā),搭配與其體現(xiàn)的情緒相符合的色彩。

平面視覺元素在網(wǎng)頁設(shè)計(jì)中新的發(fā)展方向

從理論上來說,平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用其實(shí)相當(dāng)于對(duì)傳統(tǒng)平面設(shè)計(jì)的延伸。二者設(shè)計(jì)的目的都是一樣的,即傳遞信息和審美。同時(shí),網(wǎng)頁設(shè)計(jì)和傳統(tǒng)設(shè)計(jì)的視覺構(gòu)成元素也是一樣的,無外乎圖形、文字及色彩這三種。從平面設(shè)計(jì)的范疇看,網(wǎng)頁設(shè)計(jì)的不同在于它打破了傳統(tǒng)二維靜態(tài)空間的限制,實(shí)現(xiàn)了動(dòng)態(tài)信息的傳遞,增強(qiáng)了與人們之間的交互性,正因?yàn)槿绱?才使得網(wǎng)頁設(shè)計(jì)成了一個(gè)嶄新的且前景廣闊的設(shè)計(jì)領(lǐng)域。同時(shí),信息時(shí)代的到來為網(wǎng)頁設(shè)計(jì)提供了良好的發(fā)展條件。對(duì)于人們來說,視覺元素的動(dòng)態(tài)表達(dá)和交互性在很大程度上滿足了他們的需求,大大提高了他們的瀏覽興趣。另外,若從未來發(fā)展方向看,平面視覺元素在網(wǎng)頁設(shè)計(jì)中將朝以下兩方面發(fā)展:

(一)交互元素

由于網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,網(wǎng)頁方面的技術(shù)不斷發(fā)展,由于平面設(shè)計(jì)中視覺元素逐漸由原本的二維空間變成多維空間的轉(zhuǎn)變,為了適應(yīng)網(wǎng)頁這一新媒體的逐漸發(fā)展,交互元素應(yīng)運(yùn)而生。就現(xiàn)階段來看,交互技術(shù)呈現(xiàn)出良好且迅速的發(fā)展趨勢(shì),這會(huì)在很大程度上增強(qiáng)網(wǎng)頁交互設(shè)計(jì)的互動(dòng)性,也會(huì)豐富網(wǎng)頁互動(dòng)的形式與內(nèi)容,進(jìn)一步激發(fā)人們的瀏覽興趣。可以說,這是網(wǎng)頁交互動(dòng)畫設(shè)計(jì)的一個(gè)發(fā)展方向。除此之外,在形式上,有更多的互動(dòng)種類,比如以聲音和視覺控制的互動(dòng)形式的,等等,具體來說就是網(wǎng)頁設(shè)計(jì)在運(yùn)用平面視覺元素的過程中,將會(huì)采用多種形式讓瀏覽者和計(jì)算機(jī)交互,并且保證瀏覽方式的個(gè)性化,以此滿足不同群體的瀏覽需求,進(jìn)一步為人機(jī)交互帶來更大的便利。此外,在內(nèi)容上,網(wǎng)頁設(shè)計(jì)將朝著更豐富、更有個(gè)性的方向發(fā)展,通過運(yùn)用平面視覺元素,讓交互的內(nèi)容涉及網(wǎng)絡(luò)的方方面面,促進(jìn)人們和虛擬世界自然互動(dòng),給人們帶來輕松、個(gè)性的娛樂感受。

(二)動(dòng)態(tài)因素

在網(wǎng)頁設(shè)計(jì)中,動(dòng)畫、視頻屬于最活躍且最生動(dòng)的因素,它能夠?qū)⒕W(wǎng)頁的信息直觀傳遞給人們,增加對(duì)人們的視覺沖擊,促進(jìn)人與人之間的溝通和互動(dòng)。除此之外,動(dòng)畫及視頻元素的運(yùn)用還能夠有效豐富網(wǎng)頁信息內(nèi)容,帶給人們視聽享受。如今,各種媒體媒介層出不窮,對(duì)動(dòng)畫元素的應(yīng)用越來越成熟,從心理上來說,動(dòng)畫元素適應(yīng)人們的感官體驗(yàn),且極具親和力,屬于對(duì)受眾視覺和心理上的一種調(diào)劑,能進(jìn)一步增強(qiáng)他們的愉悅感,賦予瀏覽者更廣闊的想象空間?？偠灾?隨著多媒體技術(shù)的不斷發(fā)展,人們對(duì)網(wǎng)頁交互元素、動(dòng)態(tài)元素有了更深入的認(rèn)識(shí),這要求網(wǎng)頁設(shè)計(jì)在未來發(fā)展中朝著多元化方向發(fā)展,即除了傳統(tǒng)三個(gè)平面視覺元素之外,加強(qiáng)對(duì)交互元素和動(dòng)態(tài)的元素的成熟運(yùn)用,進(jìn)一步增加瀏覽者的感官體驗(yàn),有效傳遞網(wǎng)頁信息。