淺析網頁視覺設計中的文字

孫宇嬌

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

?

淺析網頁視覺設計中的文字

孫宇嬌

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

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

關鍵詞：網頁；視覺設計；文字

1引言

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

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

2文字元素的應用

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

3文字編排設計方面的問題

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

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

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

3.1字體與字號在網頁設計中的應用

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

文字字體的選擇

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

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

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

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

文字大小的選擇

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

3.2網頁設計中文字的色彩及裝飾

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

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

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

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

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

3.3網頁設計中文字的布局

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

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

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

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

4結語

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

參考文獻：

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

[2]李垚.商用網頁視覺設計的現狀及對策[D].吉林藝術學院，2007(25).

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

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

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

中圖分類號：TP3

文獻標志碼：A

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