淺析文字與圖形在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

【摘 要】文字、圖形和色彩是網(wǎng)頁設(shè)計(jì)的核心元素，也是網(wǎng)頁設(shè)計(jì)信息的主要表現(xiàn)形式，只有將這三者靈活應(yīng)用、合理排布才能展現(xiàn)出網(wǎng)頁最佳的效果。網(wǎng)頁設(shè)計(jì)除了注重色彩調(diào)配外，文字與圖形的合理設(shè)計(jì)及協(xié)調(diào)運(yùn)用同樣重要。因此，網(wǎng)頁設(shè)計(jì)者需要從整體出發(fā)，關(guān)注文字和圖形在網(wǎng)頁設(shè)計(jì)上的應(yīng)用，以此提高網(wǎng)頁的視覺美感和總體價(jià)值。

【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì);文字;圖形

一、前言

為提高文字和圖形在網(wǎng)頁設(shè)計(jì)中的表現(xiàn)水平，提高網(wǎng)頁設(shè)計(jì)的美感、信息量和吸引力，首先要了解文字與圖形的內(nèi)在關(guān)系，科學(xué)、合理地對(duì)文字和圖形進(jìn)行編排和布局，從而實(shí)現(xiàn)最佳的宣傳效果。

二、網(wǎng)頁設(shè)計(jì)中文字、圖形的概況

（一）文字

網(wǎng)頁設(shè)計(jì)中文字通常包括圖形文字和文本文字兩種形式。圖形文字是將文字以圖形化的形式表現(xiàn)出來，具有動(dòng)態(tài)和靜態(tài)文字兩種，只可通過專業(yè)APP 制作而成，因此不能通過網(wǎng)頁編輯對(duì)文字進(jìn)行調(diào)整，也不具有文本文字的特征，并且在任何設(shè)備上其顯示效果都一致。這種圖形文字多數(shù)應(yīng)用在標(biāo)題、導(dǎo)航中。應(yīng)用較多的是文本文字，其具有色彩、字體的特點(diǎn)，可根據(jù)實(shí)際需要進(jìn)行靈活調(diào)整、變更。目前，篇幅較大的網(wǎng)頁設(shè)計(jì)中通常采用css對(duì)文本的顯示方式進(jìn)行有效的調(diào)整和控制，以提高網(wǎng)頁傳輸速度、瀏覽的便捷性和降低對(duì)網(wǎng)絡(luò)的依賴程度。網(wǎng)頁設(shè)計(jì)中，文字的應(yīng)用和形式的選擇是一項(xiàng)技術(shù)工作，一是字體類型不宜過多，二是需要突出關(guān)鍵信息。這一方面，需要結(jié)合根據(jù)實(shí)際情況和網(wǎng)頁的整體風(fēng)格而定，如以老人、學(xué)生為主的受眾，需要注意使用不同的字體以此提升藝術(shù)效果、吸引力和感染力。

此外，某些特殊形式的文字也可吸引觀眾點(diǎn)擊進(jìn)入。特殊的文字形式與圖形文字和文本文字不同，只能在本機(jī)上顯示。因此，為提升網(wǎng)頁質(zhì)量和宣傳效果，設(shè)計(jì)人員需要了解受眾閱讀心理和靈活運(yùn)用理論知識(shí)，制作出優(yōu)質(zhì)的文字形式。此外，結(jié)合色彩情況和文字的復(fù)雜性，靈活運(yùn)用Photoshop等APP工具制作文字，根據(jù)實(shí)際需要將其保存為不同的格式的圖片。在網(wǎng)頁中插入照片的優(yōu)點(diǎn)是可保證在所有計(jì)算機(jī)上閱覽到同樣效果的文字信息，并且可以產(chǎn)生良好的視覺效果，但不足之處是信息體積太大，一旦同時(shí)插入過多會(huì)引起信息載入時(shí)間過長。

（二）圖形

在快速發(fā)展的現(xiàn)代社會(huì)，人們生活節(jié)奏不斷加快，心態(tài)也變得越來越浮躁，因此受眾更喜歡以圖形的形式接受信息。特別是面對(duì)大量信息內(nèi)容的時(shí)候，受眾更愿意采用迅速、直觀的方式獲取信息。相對(duì)文字而言，圖形具有更高的吸引力和直觀性，更能捕捉受眾的眼球，因此更容易獲得他們的關(guān)注。將圖形與文字靈活使用，能一定程度上促進(jìn)受眾閱覽信息時(shí)的愉悅感。因此，網(wǎng)頁設(shè)計(jì)者需要懂得利用視覺傳達(dá)知識(shí)和受眾的心理紙質(zhì)網(wǎng)頁，科學(xué)、合理搭配圖形、文字和色彩，最大程度地豐富網(wǎng)頁瀏覽面。

三、文字與圖形在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

（一）基本設(shè)置

一是文字和圖形的組合方式。文字和圖形是網(wǎng)頁設(shè)計(jì)中不可或缺的元素，兩者使用方式有突出文字及突出圖形兩種。就突出文字形式而言，圖片對(duì)文字具有襯托、輔助的作用;就突出圖片形式而言，文字具有對(duì)解釋、說明等輔助作用。

二是文字和圖形的選擇。進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，不同的字體、圖形組合會(huì)產(chǎn)生不同視覺效果。因此，設(shè)計(jì)者需要結(jié)合受眾心理和視覺傳達(dá)藝術(shù)設(shè)計(jì)知識(shí)，靈活運(yùn)用不同的素材和表現(xiàn)形式。

三是視覺文字、圖形和主體物的關(guān)系。在網(wǎng)頁中要突出主體物，確保主體物是網(wǎng)頁眾多元素中的焦點(diǎn)，使得第一時(shí)間抓住受眾的眼球及傳遞關(guān)鍵信息。在網(wǎng)頁設(shè)計(jì)時(shí)要將主體物看做是一個(gè)平面才能最大程度地體現(xiàn)圖形和文字的價(jià)值和作用，使文字、圖形和主體物保持高度統(tǒng)一。

四是字體和圖形的搭配。設(shè)計(jì)者在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，為輔助文字信息的傳達(dá)或突出文字信息，可將圖形視為大面積的色塊，同時(shí)也能提升頁面視覺效果。一般來說，圖片放在文字中間，可突出主體物傳達(dá)的信息，但同時(shí)也會(huì)產(chǎn)生負(fù)面影響，受眾閱覽文字時(shí)難以保證連續(xù)閱讀，切斷文字間的聯(lián)系，一定程度上給受眾帶來閱讀障礙，造成煩躁的心理反應(yīng)，因此萬頁設(shè)計(jì)時(shí)文字和圖形的搭配需要慎重。

（一）動(dòng)態(tài)文字設(shè)計(jì)

一是文字的動(dòng)態(tài)控制。網(wǎng)頁設(shè)計(jì)可采用動(dòng)態(tài)的方式完成，其表達(dá)途徑之一是動(dòng)態(tài)文字。以動(dòng)態(tài)得的方式表現(xiàn)影像和文字，可大大提升網(wǎng)頁視覺效果和對(duì)受眾的吸引力。在文字表達(dá)上，特別要注意文字的表達(dá)層次、文字位置和文字變化，以此提升文字內(nèi)容的吸引力和提高文字呈現(xiàn)形式的動(dòng)感特征。此外，網(wǎng)頁設(shè)計(jì)人員不宜將文字動(dòng)態(tài)效果設(shè)計(jì)得過于炫耀、復(fù)雜，否則會(huì)領(lǐng)受眾產(chǎn)生凌亂無序的感覺，降低了宣傳效果。由此可見，制作動(dòng)態(tài)文字時(shí)不但要考慮受眾心理、傳播需求，并且需要懂得審美和視覺傳達(dá)知識(shí)。

二是文字的識(shí)別和可讀性。排版設(shè)計(jì)決定著網(wǎng)頁效果的呈現(xiàn)。在面積一定的手機(jī)或電腦屏幕，如何更好地呈現(xiàn)定量的信息，給受眾帶來有序、舒服的感覺，這就需要網(wǎng)頁設(shè)計(jì)者特別注意文字型號(hào)、大小、色彩的應(yīng)用及網(wǎng)頁的顯示方式。炫耀的文字色彩課一定程度上吸引受眾的注意力，快速地將受眾眼球聚焦到目標(biāo)信息，但隨著信息量的與日俱增，僅僅通過色彩突出目標(biāo)信息顯然難以實(shí)現(xiàn)最佳的宣傳效果，也難以滿足受眾需求。因此，設(shè)計(jì)者可結(jié)合各類計(jì)算機(jī)應(yīng)用技術(shù)為網(wǎng)頁設(shè)計(jì)呈現(xiàn)更好的視覺效果，如應(yīng)用動(dòng)態(tài)形式設(shè)計(jì)網(wǎng)頁文字以此優(yōu)化頁面形式和提升文字辨識(shí)度。

（二）基于大眾需求進(jìn)行網(wǎng)頁設(shè)

在網(wǎng)頁設(shè)計(jì)上，如何將文字更好地進(jìn)行圖形化處理，不僅是創(chuàng)作思維的途徑，也是藝術(shù)呈現(xiàn)的方式。因此，創(chuàng)作者需要迎合大眾需求，從信息傳播的角度出發(fā)給受眾帶來更加舒適的藝術(shù)體驗(yàn)和更好的視覺感受。但需要注意的是，網(wǎng)頁設(shè)計(jì)迎合受眾審美需求并非是生搬硬套，而是以創(chuàng)新的手段和思維不斷地創(chuàng)新文字和圖形，要體現(xiàn)出較高的審美水平。

四、結(jié)語

在網(wǎng)頁設(shè)計(jì)上，文字與圖形的有機(jī)融合是提高視覺質(zhì)量的重要途徑之一，網(wǎng)頁設(shè)計(jì)人員也在這方面做了大膽的探索和努力，以此達(dá)到最佳的融合效果。網(wǎng)頁設(shè)計(jì)人員通過對(duì)文字和圖形結(jié)合、應(yīng)用的研究，創(chuàng)作出了更優(yōu)的網(wǎng)頁視覺效果，同時(shí)也展現(xiàn)出了藝術(shù)特征，一定程度上提高了宣傳效果。

作者簡介：

丘俊恒，男，廣州工商學(xué)院工學(xué)院數(shù)字媒體專業(yè)。

（作者單位：廣州工商學(xué)院）