本站小編為你精心準(zhǔn)備了網(wǎng)頁設(shè)計中使用文字圖形化參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

摘要：

隨著電子商務(wù)的強(qiáng)勁增長，網(wǎng)頁設(shè)計作為一種嶄新的設(shè)計方式，融合了新興學(xué)科的交叉背景，是“藝術(shù)”與“技術(shù)”的結(jié)合和統(tǒng)一。本文中的文字圖形化即是強(qiáng)調(diào)它在“藝術(shù)”中的美學(xué)效應(yīng)。通過分析網(wǎng)頁中文字的設(shè)計與圖形的諸多影響要素、具體應(yīng)用中的方法和技巧，進(jìn)而全面理解其表現(xiàn)方式與意義。這也是對“美學(xué)”在未來交互式網(wǎng)絡(luò)的設(shè)計思潮發(fā)展趨勢的探討。

關(guān)鍵詞：

網(wǎng)頁設(shè)計；文字圖形；交互設(shè)計

在信息技術(shù)飛速發(fā)展的當(dāng)代，網(wǎng)上購物等電子商務(wù)形式的急劇蔓延，對網(wǎng)站、網(wǎng)頁的功能人性化和視覺風(fēng)格獨(dú)特化提出更高要求，網(wǎng)頁設(shè)計的整體風(fēng)格要靠圖形圖像、文字、色彩、版式、動畫等元素來表現(xiàn)，其中文字是網(wǎng)頁設(shè)計重中之重，文字圖形化處理后不僅能傳達(dá)明確的信息和內(nèi)涵，更能體現(xiàn)獨(dú)特的審美和個性的追求，實(shí)現(xiàn)人與虛擬空間視覺傳達(dá)和情感交流的功能。

一、“語境”與“情境”中的網(wǎng)絡(luò)文字

網(wǎng)頁視覺風(fēng)格設(shè)計中最重要的構(gòu)成因素就是文字和圖形，如果只借助圖形來設(shè)計無疑是不能起到明確傳達(dá)信息的目的，文字的基本功能是傳達(dá)信息，它具有最佳的直觀性和最高的明確性。在網(wǎng)頁設(shè)計中對字體進(jìn)行藝術(shù)化設(shè)計，以主題鮮明、形式與內(nèi)容一致、把握整體風(fēng)格為設(shè)計原則，體會網(wǎng)頁中文字的“語境”，并賦予它新的生命和力量，傳達(dá)其美學(xué)效應(yīng)，依照客戶的需要使文字圖形化，帶領(lǐng)產(chǎn)品和客戶融入到“情境”中。文字圖形化即是對文字傳達(dá)字意和語義功能的延伸性闡發(fā)，使其具有美學(xué)效應(yīng)，給用戶不同感受。

二、“技術(shù)”與“藝術(shù)”的功能化

統(tǒng)一網(wǎng)頁中的文字圖形化處理應(yīng)該結(jié)合網(wǎng)頁的功能、表現(xiàn)主題、色彩運(yùn)用綜合考慮，我們常見的文字字體有宋體、黑體、隸書、楷書等，從藝術(shù)的角度可以將字體本身與網(wǎng)頁的顏色、版式、圖形等設(shè)計元素協(xié)調(diào)運(yùn)用起來，充分發(fā)揮文字圖形化在整體頁面版式中的作用。

1）從字形設(shè)計出發(fā)的設(shè)計技巧。文字是圖形化設(shè)計的基礎(chǔ)，從以下幾個方面著手會比較容易找到設(shè)計的靈感和方法：①字的大小。字的大小可以用不同的單位來計算，如像素或磅，網(wǎng)頁設(shè)計一般會選擇以磅為單位，如果在頁面中安排的內(nèi)容比較多，正文一般選擇常用字體，大小在9磅左右。在同一個頁面中，字體種類較少，則有穩(wěn)定感；字體種類較多，則版面活躍。一般在設(shè)計中會分析字的結(jié)構(gòu)，從點(diǎn)、豎、撇、捺等角度去拉長或變形，得到一個衍生的新圖形。②字的色彩。圖形化之后的文字的色彩必須與網(wǎng)頁的整體性和諧，網(wǎng)頁是色彩是訪問者登錄頁面后的第一印象，對營造網(wǎng)站的整體氣氛起著積極的作用。此時的文字設(shè)計必須有著準(zhǔn)確的定位，運(yùn)用明度上的對比、純度上的對比及冷暖對比度實(shí)現(xiàn)想要的設(shè)計效果。③字的風(fēng)格。頁面的風(fēng)格與內(nèi)容是至關(guān)重要的，結(jié)合網(wǎng)站的主題和特點(diǎn)在明確的視覺風(fēng)格下對字進(jìn)行創(chuàng)作，如：穩(wěn)重、大氣、時尚，現(xiàn)在很多時尚類的網(wǎng)站多運(yùn)用攝影圖片、插畫作為網(wǎng)站的設(shè)計元素，在文字的設(shè)計上也與網(wǎng)站風(fēng)格和諧，增添了不同的趣味。④字的情感。現(xiàn)代文字設(shè)計能在網(wǎng)頁頁面中讓瀏覽者產(chǎn)生一定的視覺刺激和豐富的情感體驗(yàn)。創(chuàng)意性的文字設(shè)計，可以給瀏覽者帶來心理沖擊力；美觀的字體，可以帶來輕松舒適的情緒。而字體的色彩和字形的設(shè)計結(jié)合更能給網(wǎng)站帶來意想不到的視覺傳達(dá)效果。⑤字的布局。在網(wǎng)頁中往往為了達(dá)到視覺平衡，在字體的布局設(shè)計上相關(guān)的節(jié)奏感和韻律上會做很多斟酌。漢字基本屬于塊狀，在幾千年的發(fā)展上，在人們的心目中已有固化的結(jié)構(gòu)組合。文字之間或者文字和圖形之間在視覺上有很多組合方式，不同的重疊會帶來不同的感受，如空間感、層次感、趣味性等，盡管可能給閱讀的清晰性帶來一定的影響但更能體現(xiàn)網(wǎng)頁的藝術(shù)感和視覺新鮮感。

2）以字的創(chuàng)意圖形為基礎(chǔ)的設(shè)計技巧。圖片是整個網(wǎng)頁的臉，有創(chuàng)意的圖片或圖形就像網(wǎng)頁的眼睛，它具有直觀而強(qiáng)烈的視覺沖擊力。由文字創(chuàng)意而來的圖形已經(jīng)成為現(xiàn)代網(wǎng)頁設(shè)計的香餑餑，它具備了圖像所沒有的深層涵義，也有文字所傳達(dá)信息的力量。網(wǎng)頁文字的圖形化設(shè)計要充分運(yùn)用平面設(shè)計的形式美法則，如：對比與統(tǒng)一、對稱與平衡、節(jié)奏與韻律等。在給圖形嶄新的審美視角的同時也給瀏覽者以視覺的誘導(dǎo)，從視覺中心點(diǎn)開始，引導(dǎo)層級的頁面遞進(jìn)信息傳遞，給用戶愉悅的交互性體驗(yàn)。

3）以字的意境為中心的設(shè)計技巧。所有的文字設(shè)計必須遵循與網(wǎng)頁整體風(fēng)格和諧的原則來進(jìn)行，用戶在網(wǎng)站設(shè)計所渲染的氛圍中能體會到網(wǎng)站的理念傳遞的意境感，在以中國傳統(tǒng)元素為設(shè)計理念的網(wǎng)站中，必須融入更具民族特色的設(shè)計元素，讓優(yōu)秀的民族文化品牌和中國設(shè)計的味道更濃。如：水墨元素、傳統(tǒng)紋樣、古典造型等，引導(dǎo)用戶在網(wǎng)頁文字圖形化設(shè)計中展開創(chuàng)意和聯(lián)想。這些文字的設(shè)計會帶來對追求美好回憶和向往的精神境界，用戶識別網(wǎng)頁的同時也激發(fā)對幸福平安、健康快樂、吉祥如意等情感。

三、“風(fēng)格”與“氣質(zhì)”在圖形文字中的形態(tài)

優(yōu)秀的網(wǎng)頁設(shè)計必定是賦予設(shè)計師對字體進(jìn)行反復(fù)斟酌和挑選，不同字體擁有不同的“氣質(zhì)”，有的字體柔軟，適合女性網(wǎng)站的設(shè)計；有的字體堅(jiān)固嚴(yán)肅，適合男性網(wǎng)站或職能網(wǎng)站的設(shè)計，有的字體幽默，適合娛樂性網(wǎng)站的設(shè)計，這些不同的字帶給用戶的“氣質(zhì)”感受是不同的。經(jīng)過藝術(shù)處理或明顯帶有藝術(shù)特征圖形化的文字更是直接影響到受眾的情緒。文字圖形化是一個經(jīng)過各種具有創(chuàng)意的內(nèi)涵的延伸，不僅能使頁面具有審美性和層次性，更能讓網(wǎng)站具有獨(dú)特的氣質(zhì)。如：教育類網(wǎng)站，樹立良好的校風(fēng)校貌，在字體運(yùn)用上常常穩(wěn)重大方，在文字設(shè)計上清新素雅，營造學(xué)校嚴(yán)謹(jǐn)?shù)膶W(xué)術(shù)“氣質(zhì)”。企業(yè)類網(wǎng)站，一般文字按照企業(yè)視覺形象系統(tǒng)（VIS）來設(shè)計，從色彩和視覺的獨(dú)特性上創(chuàng)意，讓用戶產(chǎn)生記憶聯(lián)想。餐飲類網(wǎng)站，文字在圖形化的設(shè)計上應(yīng)當(dāng)給消費(fèi)者一種遵循健康的氣質(zhì)，在色彩上盡量返璞歸真，勾起食品的原味感。文化藝術(shù)類的網(wǎng)站，切不可呆板，設(shè)計出來的圖形和文字應(yīng)具有創(chuàng)意能給客戶強(qiáng)烈的視覺沖擊力。

四、結(jié)語

Internet代表著一種嶄新的信息交流模式，隨著網(wǎng)絡(luò)普及，它突破地域和文化的限制，使信息傳達(dá)的范圍和效率都產(chǎn)生了巨大的飛躍，各行各業(yè)的商品推銷、宣傳都離不開網(wǎng)站。隨著網(wǎng)民的素質(zhì)和審美的繼續(xù)提高，也對設(shè)計師提出了更高的要求，借助文字圖形化在網(wǎng)頁設(shè)計中的啟示，網(wǎng)頁設(shè)計師還得提高眼界、善于思考，綜合網(wǎng)絡(luò)技術(shù)、經(jīng)濟(jì)學(xué)、藝術(shù)學(xué)、美學(xué)等多方面的知識，改變觀念，為客戶帶來更加人性、科學(xué)、舒適的交互網(wǎng)絡(luò)設(shè)計。

參考文獻(xiàn)

[1]梁日升，楊杰主編.《網(wǎng)頁藝術(shù)設(shè)計》.甘肅人民出版社，2014

[2]李曉斌編著.《網(wǎng)頁視覺風(fēng)格與經(jīng)典范例》.電子工業(yè)出版社，2012

作者：阮訓(xùn)苗 單位：廣東創(chuàng)新科技職業(yè)學(xué)院