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

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

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

一、前言

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

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

（一）文字

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

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

（二）圖形

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

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

（一）基本設(shè)置

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

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

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

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

（一）動態(tài)文字設(shè)計

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

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

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

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

四、結(jié)語

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

作者簡介：

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

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