孫宇嬌

(北京交通大學建筑與藝術(shù)學院，北京 100044)

?

淺析網(wǎng)頁視覺設(shè)計中的文字

孫宇嬌

(北京交通大學建筑與藝術(shù)學院，北京 100044)

摘要：從20世紀90年代至今短短的20多年，中國已經(jīng)成為第二個互聯(lián)網(wǎng)大國。隨著信息載體的不斷改進，如今的網(wǎng)頁便成了重中之重，除了傳統(tǒng)的視覺設(shè)計特征外，它還具備了許多其他方面的優(yōu)勢，雖然發(fā)展時間不長，但卻為當今社會信息的傳遞提供了一個至關(guān)重要的途徑。同時，視覺設(shè)計是人們生活中不可缺少的部分，文字設(shè)計是將信息可視化的重要切入點。本文將從網(wǎng)頁視覺設(shè)計中的文字入手，通過探討當今的網(wǎng)頁視覺設(shè)計，并深入研究網(wǎng)頁中的文字，從而提煉出網(wǎng)頁設(shè)計中文字設(shè)計的精華。

關(guān)鍵詞：網(wǎng)頁；視覺設(shè)計；文字

1引言

美是生活中必不可少的元素，近年來，隨著互聯(lián)網(wǎng)的發(fā)展和審美觀念的提升，網(wǎng)頁設(shè)計的視覺感也越來越受到人們的重視。但是，目前大多數(shù)網(wǎng)頁的設(shè)計缺少美感，元素混亂，沒有創(chuàng)意，因此，網(wǎng)頁設(shè)計師需要從視覺設(shè)計的實用審美主義原則出發(fā)，設(shè)計出主題突出、視覺效果舒適、內(nèi)容傳達精準，同時具有一定藝術(shù)表現(xiàn)力的網(wǎng)頁。

縱觀當前的網(wǎng)頁頁面，文字是是頁面中最主要的信息來源，傳達的信息最讓人一目了然、最容易讓瀏覽者理解和接受。要想讓觀者最大程度地接收到網(wǎng)頁上的信息，頁面中的文字占有的面積要遠遠居于首位。網(wǎng)頁中文字的設(shè)計同樣要符合視覺設(shè)計的基本原則，但在內(nèi)容設(shè)計上又有很多不同之處。下面筆者將從網(wǎng)頁中文字的設(shè)計出發(fā)，做出具體分析。

2文字元素的應(yīng)用

文字源于生活，是人類生產(chǎn)和實踐的產(chǎn)物，在人類的信息傳達和交流中，文字是最普遍使用的視覺符號。[1]對于網(wǎng)頁設(shè)計而言，文字對傳遞信息起到了非常重要的作用，觀者會通過頁面上的文字來接收網(wǎng)頁表達的信息。所以，文字所體現(xiàn)的視覺感直接影響著頁面的整體效果。當然，要想準確地傳達出頁面上的信息，必須要考慮到文字整體編排的效果，讓觀者一目了然，從而提高網(wǎng)頁的訴求力。

3文字編排設(shè)計方面的問題

網(wǎng)頁設(shè)計同傳統(tǒng)的平面設(shè)計有許多相似的地方，但是印刷的產(chǎn)品有固定的規(guī)格，而網(wǎng)頁的尺寸則可以由觀者來控制，因此，網(wǎng)頁與平面書籍之類的排版又有許多不同之處。設(shè)計師不能做到去精準地控制網(wǎng)頁里所有元素的具體規(guī)格和位置，這就要求在設(shè)計時必須做到明確、精準，不能影響信息的有效傳遞。

網(wǎng)頁中的文字一般都占有很大的比例，文字設(shè)計的效果對整個網(wǎng)頁的視覺感至關(guān)重要。網(wǎng)頁文字的主要功能是傳遞各種信息，網(wǎng)頁設(shè)計師的任務(wù)就是在保證信息的傳遞性的同時最大限度的提升網(wǎng)頁的視覺美感，想要達到理想的效果,首先則必須考慮文字編輯的整體效果,完成其功能與視覺感的統(tǒng)一。[2]但是，很多設(shè)計師在設(shè)計時忽略了文字的作用，刻意地去關(guān)注版式設(shè)計，從而導致頁面混亂，讓觀者抓不住頁面所傳達的主要信息。

設(shè)計師在設(shè)計網(wǎng)頁中的文字時要顧全大局，讓人視覺清晰，分清主次，同時還需注意的是，要提前分析網(wǎng)頁主題，理解其要傳達的信息的真正含義，并且仔細分析，確定文字的整體設(shè)計風格，之后就是文字的字號、字體、裝飾、顏色和布局的設(shè)計了。

3.1字體與字號在網(wǎng)頁設(shè)計中的應(yīng)用

隨著軟件技術(shù)的發(fā)展，現(xiàn)在電腦給我們提供的字體越來越多，但是用于設(shè)計的字體多了，在設(shè)計時如何選擇最為適合的字體也就成了難點。通常情況下，一個頁面上用到的字體不會超過4種，而且只有觀者的電腦里安裝了這些字體，才能看到頁面預(yù)期的效果，所以如果使用過多的字體是沒有意義的，不但影響網(wǎng)頁的整體設(shè)計效果,還會降低網(wǎng)頁打開的速度。

文字字體的選擇

對于網(wǎng)頁中的字體，在設(shè)計時，我們應(yīng)該選擇與網(wǎng)頁設(shè)計思想相符合的字體，文字不要過于華麗，舒適即可，例如古典風格，應(yīng)該使用哥特式字體等，以免減弱了網(wǎng)頁主題的表達，除此之外，在設(shè)計的時候還要突破常規(guī)，發(fā)揮整體的創(chuàng)意性。

網(wǎng)頁設(shè)計時默認的字體是宋體，設(shè)計師可以根據(jù)網(wǎng)頁風格的不同，選擇其他合適的字體。在選擇字體的時候，要考慮到中英文字體間的差異。對于中英文字體排列問題，見下圖(圖1)：

圖1　四種不同的中英文字體(該圖為筆者分析繪制)

從圖1可以看出，對于不同排列的中文字體，基本沒有太大的間距變化；而不同英文字體的排列，則會有較大的變化，除了間距會改變外，字母的大小也會有很大的不同，因此，英文的排布容易導致整個網(wǎng)頁布局的混亂，所以在進行中英文排列的時候一定要根據(jù)字體間的差異精心排布，做到疏密得當，沒有窒息感。

文字大小的選擇

px：像素單位，10px表示10個像素大小，在現(xiàn)在的網(wǎng)頁設(shè)計中，常被用來表示字體大小。網(wǎng)頁中瀏覽器的默認字體大小為16px。[3]同一個網(wǎng)頁，在不同的設(shè)備上使用時，所顯示的字體大小也是不同的，電腦的屏幕比較大，視距也比較固定，而手機的屏幕相對小很多，所以在設(shè)計頁面的時候，要根據(jù)實際和用戶的使用習慣來確定字體的大小。

3.2網(wǎng)頁設(shè)計中文字的色彩及裝飾

網(wǎng)頁中字體色彩的選擇和裝飾效果同樣非常重要。

在進行網(wǎng)頁設(shè)計時，一般既要求整個頁面的美觀，又要求整體文字的優(yōu)美流暢，而色彩不僅能使頁面充滿生機，還能給瀏覽者帶來強烈的視覺沖擊。因此設(shè)計師在設(shè)計網(wǎng)頁的時候，應(yīng)該充分了解色彩的意義、象征以及色彩間的搭配,合理地運用色彩，給觀者帶來最佳的視覺效果。

通常來說，網(wǎng)頁中的文字都是白底黑字，或者淺灰色的文字，整體顏色都比較樸素，這樣更符合觀者的喜好。除非是特別有創(chuàng)意的設(shè)計，不然一定切忌隨意去使用顏色，而且背景和文字一定要用高對比的顏色，以加強觀者的識別度。

當然，設(shè)計時還要盡量避免一些特殊的顏色，尤其是藍色，藍色在網(wǎng)頁中代表著超級鏈接，會讓人無意識的想去點擊；再有黃色，因為黃色在電子屏上的識別度很低，很難讓人看清頁面上所要顯示的文字。

對于文字的裝飾，為了突出文字，可以運用少量精心選擇的元素，如果裝飾太多，整個頁面就會均勻的呈現(xiàn)，從而失去強調(diào)的意義。

3.3網(wǎng)頁設(shè)計中文字的布局

網(wǎng)頁頁面的設(shè)計，是指在一定的平面上根據(jù)主題的要求將所有元素進行有序的排列組合。網(wǎng)頁中文字的編排與設(shè)計，最重要的一點在于要服從信息內(nèi)容的性質(zhì)及特點，并且風格要與內(nèi)容特性相吻合，而不是相互脫離，更不能相互沖突。[4]

設(shè)計者在安排視覺要素時要結(jié)合點、線、面來分析，把文字和圖像等元素進行有序的排布，以達到有效傳達信息的效果?！包c”在網(wǎng)頁布局中有豐富畫面的作用，同時在視覺上也表現(xiàn)出一定的張力，其大小和位置的不同，也會使觀者產(chǎn)生不一樣的視覺體驗，“線”是點運動產(chǎn)生的軌跡，而“面”則是線的運動所產(chǎn)生的，不論哪個元素，都有其存在的理由。如果在頁面設(shè)計中加以點、線、面來精心排布，定會使觀者有別樣的感受。對于設(shè)置相對簡單的頁面，還可以借助陰影來分割空間，讓所有內(nèi)容在層次上完美展現(xiàn)。

除了整體的布局外，頁面中的文字在排布的時候也可以借助點、線、面的作用，加強韻律，文字開篇還可以用小色塊來點綴，以引導觀者，但是一定要注意細節(jié)，點綴不要過于復(fù)雜，以免混淆觀者。

除此之外，節(jié)奏和韻律在頁面布局上的合理運用，也會使文字與文字、文字與圖片或者圖片與圖片在頁面上合理分布,進而使整個頁面疏密有序、錯落有致的變化。

4結(jié)語

當今社會是信息占主導的的社會，是創(chuàng)意的社會。隨著計算機技術(shù)的飛速發(fā)展，網(wǎng)頁制作變得愈發(fā)容易，此時，網(wǎng)頁的設(shè)計也就顯得尤為重要。但是，無論技術(shù)怎樣改進，設(shè)計終究萬變不離其中。設(shè)計師在設(shè)計時可以最大限度的發(fā)揮自己的創(chuàng)意，但是設(shè)計與編排要顧全大局，遵守網(wǎng)頁視覺設(shè)計的原則，突出頁面主題，抓住文字的重要性。當然為了達到最佳的設(shè)計效果，設(shè)計師需要從觀者的角度出發(fā)，反復(fù)分析頁面布局的整體視覺效果,進而使觀者享受到最舒適的視覺感，讓未來的網(wǎng)頁更加精彩。

參考文獻：

[1]陳繪.數(shù)字時代背景下的視覺傳達設(shè)計研究[J061].東南大學,2010.

[2]李垚.商用網(wǎng)頁視覺設(shè)計的現(xiàn)狀及對策[D].吉林藝術(shù)學院，2007(25).

[3]如何給你的網(wǎng)頁選擇合適的字體.百度文庫.http://wenku.baidu.com/view/e83262f36294dd88d0d26bff.html.

[4]蘇煥.新媒體環(huán)境下的品牌展示設(shè)計研究[D].浙江大學，2005(74).

作者簡介：孫宇嬌，女，北京交通大學建筑與藝術(shù)學院在讀設(shè)計學碩士，研究生方向為數(shù)字媒體藝術(shù)。

中圖分類號：TP3

文獻標志碼：A

文章編號：1671-1602(2016)14-0047-02