曾晨暉
網(wǎng)頁(yè)設(shè)計(jì)作為互聯(lián)網(wǎng)設(shè)計(jì)的一個(gè)重要范疇,一種新的視覺(jué)表現(xiàn)形式,網(wǎng)頁(yè)與傳統(tǒng)的平面設(shè)計(jì)功能相兼容,這是平面視覺(jué)傳達(dá)設(shè)計(jì)的一種繼承和延伸,更是藝術(shù)與技術(shù)在高領(lǐng)域中的一種統(tǒng)一。伴隨著互聯(lián)網(wǎng)的發(fā)展,網(wǎng)頁(yè)的視覺(jué)傳達(dá)設(shè)計(jì)是一個(gè)新的課題。本文以虛擬演播系統(tǒng)中視頻資源平臺(tái)的網(wǎng)頁(yè)設(shè)計(jì)為例,結(jié)合人們的視覺(jué)習(xí)慣,淺析網(wǎng)頁(yè)中的視覺(jué)傳達(dá)設(shè)計(jì):從視覺(jué)傳達(dá)的角度進(jìn)行闡述和分析;對(duì)平面藝術(shù)設(shè)計(jì)的內(nèi)容和原則進(jìn)行視覺(jué)信息的有效編排;分析網(wǎng)頁(yè)的顏色設(shè)計(jì),增強(qiáng)網(wǎng)頁(yè)信息溝通。
一、視覺(jué)傳達(dá)設(shè)計(jì)概念
視覺(jué)傳達(dá)設(shè)計(jì)(Visual Communication Design)是設(shè)計(jì)并運(yùn)用視覺(jué)符號(hào)來(lái)傳達(dá)信息。設(shè)計(jì)者是信息的發(fā)送者,傳達(dá)的對(duì)象是信息的接受者。即稱之為視覺(jué)設(shè)計(jì)。
視覺(jué)傳達(dá)是人與人之間運(yùn)用“看”的形式所進(jìn)行的交流,是通過(guò)視覺(jué)語(yǔ)言進(jìn)行表達(dá)傳播的方式。不同地區(qū)、不同語(yǔ)言的人們需要進(jìn)行文化交流、情感交流,可通過(guò)文化和網(wǎng)絡(luò)媒體進(jìn)行交流,依托“圖”——圖像、圖形、視覺(jué)共識(shí)圖案、圖紙等,從而跨越雙方語(yǔ)言的障礙,以實(shí)現(xiàn)理解和互動(dòng)交流。
互聯(lián)網(wǎng)作為一種大眾的傳媒,具有及時(shí)、交互性好、傳播面廣的特點(diǎn),為視覺(jué)設(shè)計(jì)的傳播提供了一切良好的條件。在以計(jì)算機(jī)為媒介的網(wǎng)頁(yè)中,就是通過(guò)互聯(lián)網(wǎng)來(lái)傳遞,從而使用戶獲取信息,這就是視覺(jué)信息的傳遞。
二、視覺(jué)傳達(dá)在視頻資源網(wǎng)頁(yè)平臺(tái)中的作用
由于網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的差異,用戶在瀏覽網(wǎng)頁(yè)時(shí)會(huì)產(chǎn)生不同的視覺(jué)感受和心理感受,這就是網(wǎng)頁(yè)視覺(jué)傳達(dá)所產(chǎn)生的效果。網(wǎng)頁(yè)的設(shè)計(jì)者在創(chuàng)作時(shí),必須考慮用戶的視覺(jué)感受和心理感受,于是就通過(guò)視覺(jué)傳達(dá)設(shè)計(jì),從而使網(wǎng)頁(yè)能獲得最大的關(guān)注度,來(lái)增強(qiáng)可讀性。因此,在設(shè)計(jì)網(wǎng)頁(yè)時(shí),研究各種視覺(jué)傳達(dá)元素之間的聯(lián)系和區(qū)別,從而得出一個(gè)合理、有效的視覺(jué)傳達(dá)程序來(lái)編排網(wǎng)頁(yè),顯得尤為重要。視覺(jué)傳達(dá)的形成是由人類(lèi)自身視覺(jué)所決定的。人是通過(guò)眼睛來(lái)接收一切視覺(jué)信息,并通過(guò)大腦對(duì)其進(jìn)行分析判斷。所以用戶在瀏覽網(wǎng)頁(yè)時(shí),都會(huì)表現(xiàn)出一些基本上恒定的習(xí)慣,先看什么,后看什么,再看什么。
在虛擬演播系統(tǒng)視頻資源平臺(tái)的網(wǎng)頁(yè)中,主要是展示虛擬演播系統(tǒng)錄制的視頻資源。網(wǎng)頁(yè)以框形結(jié)構(gòu)進(jìn)行規(guī)劃,把網(wǎng)站名稱配合虛擬演播系統(tǒng)設(shè)備進(jìn)行精心設(shè)計(jì),擺放在網(wǎng)頁(yè)的上部,這個(gè)位置顯眼、清楚,傳達(dá)網(wǎng)頁(yè)主題的效果。在整個(gè)網(wǎng)頁(yè)的左邊是網(wǎng)頁(yè)的核心導(dǎo)航區(qū),帶有一個(gè)水晶按鈕,呈現(xiàn)出三維立體感。根據(jù)研究,平面的視覺(jué)吸引上方強(qiáng)于下方,左邊強(qiáng)于右邊,因此平面的上部和中上部被稱為“最佳視覺(jué)區(qū)域”。在網(wǎng)頁(yè)設(shè)計(jì)中,靈活運(yùn)用最佳視覺(jué)區(qū)域,組織視覺(jué)定位,高效地向用戶有效傳遞更多信息,可大大提高網(wǎng)站在大眾心里的認(rèn)識(shí)度。
三、視覺(jué)傳達(dá)中的審美需求
隨著信息和數(shù)字化時(shí)代的到來(lái),網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)類(lèi)和網(wǎng)絡(luò)的交叉學(xué)科,以互聯(lián)網(wǎng)為載體,將各類(lèi)信息通過(guò)網(wǎng)頁(yè),以最簡(jiǎn)捷、迅速的方式傳達(dá)給大眾。如何能讓大眾更好地、更高效地、完整地接收信息,這就需要在審美方面下功夫。設(shè)計(jì)者以大眾的審美需求為基準(zhǔn),把握大眾的審美心理,進(jìn)而制作出清晰、整體性好、引人注目的網(wǎng)頁(yè),使大眾在瀏覽時(shí),能夠愉悅、完整地接受信息。網(wǎng)頁(yè)設(shè)計(jì),就是要追求視覺(jué)傳達(dá)效果,將各元素信息有效地組合在一起,這種組合就是要遵循大眾審美,把握一定的原則,從而將網(wǎng)頁(yè)完美地展現(xiàn)。
1.明確并突出主題
任一網(wǎng)頁(yè)都應(yīng)該有明確的主題,明確的設(shè)計(jì)目的,有針對(duì)性地按照視覺(jué)規(guī)律和形式將主題明確地傳達(dá)給瀏覽者,使主題被瀏覽者所理解和接受。主題必須進(jìn)行有效的編排,使其成為瀏覽者的視覺(jué)中心,讓人產(chǎn)生深刻的印象,吸引更多的用戶瀏覽網(wǎng)頁(yè)。例如,在虛擬演播系統(tǒng)視頻資源平臺(tái)的網(wǎng)頁(yè)中,通過(guò)藍(lán)色的背景的襯托,各種形式的線條貫穿其中,以生動(dòng)的白色線條來(lái)突出網(wǎng)站主題,讓網(wǎng)頁(yè)更簡(jiǎn)單,簡(jiǎn)潔,清晰,更具藝術(shù)性。憑借強(qiáng)大的視覺(jué)沖擊力和獨(dú)特的風(fēng)格吸引了人們的注意力。
2.內(nèi)容與形式的統(tǒng)一
網(wǎng)頁(yè)以滿足人們的使用和需求為目標(biāo),成為信息傳播的載體。網(wǎng)頁(yè)的內(nèi)容是設(shè)計(jì)存在的基礎(chǔ),被稱為“設(shè)計(jì)的靈魂”,而網(wǎng)頁(yè)的形式是諸多要素的統(tǒng)一的表現(xiàn)方式。為了讓瀏覽者快捷、清晰、舒適、準(zhǔn)確地瀏覽到網(wǎng)頁(yè)中的信息,則需要內(nèi)容與形式的高度統(tǒng)一,讓形式緊扣內(nèi)容,讓內(nèi)容圍繞著形式,通過(guò)合理、統(tǒng)一的表現(xiàn)方式來(lái)將大量的信息內(nèi)容排布到網(wǎng)頁(yè)中,從而實(shí)現(xiàn)信息的傳達(dá)。比如在虛擬演播系統(tǒng)視頻資源平臺(tái)的網(wǎng)頁(yè)中,通過(guò)對(duì)虛擬演播系統(tǒng)產(chǎn)生的視頻資源進(jìn)行分類(lèi)劃分,將這些視頻資源合理、有效地展現(xiàn)在網(wǎng)頁(yè)中。瀏覽者可以通過(guò)分類(lèi)導(dǎo)航的方式、搜索查詢的方式,快捷、準(zhǔn)確、有效地找到相應(yīng)的內(nèi)容信息,方便瀏覽者完整接受信息。
四、視覺(jué)傳達(dá)中的各要素分析
1.文字的編排設(shè)計(jì)
文字是視覺(jué)傳達(dá)的主要元素,也是網(wǎng)頁(yè)設(shè)計(jì)的主體,文字是網(wǎng)頁(yè)中必不可少的元素。網(wǎng)頁(yè)文字的主要功能就是傳達(dá)各種信息,給人精準(zhǔn)的視覺(jué)傳達(dá),使人易讀、易懂。因此,在網(wǎng)頁(yè)文字的編排與設(shè)計(jì)中,文字的大小、粗細(xì)、字體、行距、字距等都需精心考慮,通過(guò)合理的編排與設(shè)計(jì),使瀏覽者能夠快速抓住重點(diǎn),完整地接受信息,讓人有美好印象,從而獲得良好的心理反應(yīng)。在虛擬演播系統(tǒng)視頻資源平臺(tái)的網(wǎng)頁(yè)中,文字編排運(yùn)用藍(lán)色沉穩(wěn)的字體風(fēng)格,通過(guò)大小、粗細(xì)等產(chǎn)生鮮明的層次感,打破常規(guī)設(shè)計(jì)。
2.圖片與文字的結(jié)合編排設(shè)計(jì)
圖片是網(wǎng)頁(yè)設(shè)計(jì)中最早被引入的多媒體對(duì)象。引入圖片能令網(wǎng)頁(yè)多姿多彩,圖文并茂,既豐富信息的內(nèi)容,又增加網(wǎng)頁(yè)的美感。圖片與文字結(jié)合編排的方式直接關(guān)系到網(wǎng)頁(yè)的視覺(jué)傳達(dá)效果。要達(dá)到好的視覺(jué)傳達(dá)效果,就需要對(duì)圖片進(jìn)行優(yōu)選。一要注意與內(nèi)容相符,二要注意與整體頁(yè)面相符,三要注意突出重點(diǎn),吸引眼球。同時(shí),大小、位置、面積、數(shù)量和圖象的形式也直接影響到該網(wǎng)頁(yè)的視覺(jué)傳達(dá)。因此,當(dāng)選擇圖片時(shí),應(yīng)考慮圖片對(duì)整體頁(yè)面設(shè)計(jì)的作用,既要達(dá)到傳達(dá)信息目的,又要使頁(yè)面充滿設(shè)計(jì)美感。
3.色彩的搭配設(shè)計(jì)
色彩搭配是一項(xiàng)技術(shù)性工作,也是一項(xiàng)藝術(shù)性工作,在網(wǎng)站視覺(jué)傳達(dá)設(shè)計(jì)中起到非常重要的作用。好的色彩搭配是網(wǎng)頁(yè)設(shè)計(jì)成功的一半,具有專業(yè)色彩搭配的網(wǎng)頁(yè),能給觀眾留下深刻的印象和舒適的視覺(jué)體驗(yàn)。因此,在設(shè)計(jì)網(wǎng)頁(yè)時(shí),設(shè)計(jì)師必須要考慮網(wǎng)頁(yè)本身的特性,并遵循一定的規(guī)則、藝術(shù)與鮮艷的色彩來(lái)設(shè)計(jì)網(wǎng)頁(yè)。
色彩是在人的視覺(jué)中最敏感的東西,但是整個(gè)頁(yè)面中顏色也應(yīng)該不超過(guò)三個(gè),其中有一個(gè)是主色調(diào)。最穩(wěn)當(dāng)?shù)纳蚀钆湓瓌t是“總體協(xié)調(diào),局部對(duì)比”。即:主頁(yè)的主體色彩效果應(yīng)該是和諧的,只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在虛擬演播系統(tǒng)視頻資源平臺(tái)的網(wǎng)頁(yè)中,以藍(lán)色作為主色調(diào),整體感覺(jué)沉穩(wěn)大氣,與明亮的白色字符匹配,讀來(lái)自然、流暢,并突出顯示頁(yè)面的重點(diǎn),使它更容易為大多數(shù)人認(rèn)可。
五、結(jié)語(yǔ)
網(wǎng)頁(yè)設(shè)計(jì)使網(wǎng)絡(luò)與視覺(jué)傳達(dá)結(jié)合在一起,設(shè)計(jì)視覺(jué)效果鮮明,能吸引更多的瀏覽者以及更多的瀏覽量。一個(gè)優(yōu)秀網(wǎng)頁(yè)的視覺(jué)傳達(dá)設(shè)計(jì),應(yīng)該首先依靠?jī)?nèi)容的豐富性,其次是網(wǎng)頁(yè)的合理和有效的視覺(jué)安排,以達(dá)到完美的效果,為大眾提供一個(gè)生活平臺(tái)整合知識(shí)和樂(lè)趣。所以,這就要求設(shè)計(jì)者要具備全面的專業(yè)素質(zhì),能針對(duì)視覺(jué)傳達(dá)進(jìn)行深入的了解,在網(wǎng)頁(yè)設(shè)計(jì)中有所表現(xiàn),從而使網(wǎng)頁(yè)更加吸引用戶,讓人產(chǎn)生美的共鳴。
責(zé)任編輯 何麗華