網頁設計中文字排版設計研究

才智咖 人氣:1.71W

網頁設計中顏色的運用除了能夠起到強調整體文字中特殊部分的作用之外,對於整個頁面的情感表達也會產生影響,下面是小編蒐集整理的一篇關於網頁設計中文字排版設計探究的論文範文,供大家閱讀參考。

網頁設計中文字排版設計研究

如今,網際網路越來越走近我們的生活,網路應用也漸漸成為我們生活不可缺少的一部分。大量網路資訊的呈現都是通過文字、影象、動畫等方式,其中,文字是網頁中最為重要的設計元素,文字是準確表達資訊的重要方式,設定有效的文字內容是網站傳達資訊、留住使用者的決定性的一步。所以,對於網頁設計初學者而言,瞭解和掌握網頁設計中的文字排版設計就顯得尤為重要,下面作者想談談一己之見。

1 字型格式設計

1.1 字型字型本身是帶有表情的,它會將某些特性、某種氣息帶入網頁中,因此字型的選擇尤為重要。常用的字型包括黑體、宋體、楷體、仿宋體、行書、隸書等,計算機能不能顯示某種字型,主要取決於字型檔裡是否安裝了這種字型。對於一般的計算機上網使用者來說,他們使用的字型檔往往是系統自帶的字型檔,能顯示的也就是常見的幾種漢字字型和十多種英文字型,而其他系統中沒有的字型,在顯示的時候會自動轉換為自己系統中已有的字型。所以,在網頁設計時,從加強平臺無關性的角度來考慮,正文內容最好採用預設字型。

1.2 字號字號可以用磅或畫素(Pixel)等不同的方式來計算,一般來說建議採用磅為單位。在網頁設計中,究竟使用哪一種字號比較合適,並沒有一定的要求,網頁設計師可以根據內容和網頁整體佈局的效果而定。一般情況下,大多采用 12 磅的字型大小來顯示網頁正文;如果有其他的情況,比如一些綜合性的網站,網站內需要顯示的內容過多,也可以根據網頁設計的需要,考慮使用 9 磅的字號。再比如標題或其他一些需要強調的地方,文字可能還會大些,而有的可能也會更小一些。在文字字號大小的考慮上,應該注意文字整體使用的協調,和諧為美,也是最重要的。

1.3 行距網頁中文字的行間距對文字的可讀性和美觀設計都有著很大的影響,適當的行距會直接影響瀏覽者的視覺效果,可以引導瀏覽者轉換行與行之間的內容。通常情況下,根據網頁設計的經驗,正文文字與行距的設定比例為 10:12,也就是說,如果字號為 10 號的情況下,行距就設定為 12.有的時候為了加強版式的裝飾效果,也可以在設計中適當加寬或縮窄行距,有的時候會形成一種意想不到的藝術效果。

 2 文字的顏色設計

網頁設計中顏色的運用除了能夠起到強調整體文字中特殊部分的作用之外,對於整個頁面的情感表達也會產生影響。根據專業的研究機構研究表明:彩色的記憶效果是黑白的 3.5 倍。也就是說,在一般情況下,彩色頁面較完全黑白頁面更加吸引人。那麼,網頁製作用彩色還是非彩色好呢?我們通常的做法是:主要內容文字用非彩色(黑色),邊框、背景、圖片用彩色。這樣頁面整體不單調,看主要內容也不會眼花。所以,首先在網頁正文中一般選擇預設的顏色,即白底黑字,這種簡單的搭配,效果明顯,清晰明瞭。除了預設顏色的應用外,如果必須要用到某種顏色時,也可以採用一些設計技巧來處理。其次,字型的顏色也要考慮網站的風格和主題,在不影響風格和主題的前提下,設計者可以發揮自己的想象力進行創意設計,利用字型設計帶給瀏覽者新鮮的感覺。第三,文字顏色的數量一般控制在三種色彩以內,如果顏色過多,表面上看起來很花哨,但缺乏內在的美感。

3 文字的排版設計

文字在網頁排版中的設計,可以採用以下幾種。

3.1 左右均齊編排網頁佈局時可以採用左中右分塊佈局,相應的文字編排也從左到右編排,左右的寬度齊整,使人感覺規整、美觀、大方,同時文字結合相應的背景色進行文字顏色的變化,整齊卻不平淡,交果非常好。如圖 1 所示。

3.2 齊左編排齊左編排的.方法是網頁佈局的方法,讓每一行的第一個字母都統一在左側的假設線上,右邊可長可短,給人優美、自然的節奏感。左對齊的排列方式也適合人們的閱讀習慣,容易產生親切感。

3.3 齊右編排與齊左編排相反,右邊的字尾都統一在右側的假設線上,與人們的視覺習慣相違背,但藉此標新立異,新穎、有格調,成為極具現代意識的版面構成。

3.4 中間對位編排讓每一行都以假設的中心線對齊,兩邊任其自由散開,這種排列方式給人一種莊重、典雅和很強的對稱感。

3.5 沿圖形編排讓文字沿圖形編排,形成一種新的圖形,增加了圖形的層次,這種排列方式突破了傳統的編排方式,給人獨特、新穎的感覺。

3.6 自然段落式編排在網頁佈局的控制下,按照普通書籍的編排方式,開頭空兩個字,結尾順其自然,結合圖片或者文字字型、顏色、字號等的變化,也會有意想不到的效果。

4 結束語

文章只是起一個“拋磚引玉”的作用,大家可以充分發揮想象力,搭配出更有新意、更醒目的文字效果,使網頁更具有吸引力,更好的將資訊傳遞給使用者。

 參考文獻

[1]徐濤.網頁設計技巧[M].南昌:江西人民出版社,2009.

[2]王萍.網頁中字型藝術性的體現[J].山東青年政治學院,2007(8):23.

[3]吳麗華.淺談字型設計中的色彩藝術[J].美術大觀,2010(6):46.

[4]孫夢佳.文字在網頁設計中的要素研究[J].安陽工學院學報,2013.

TAGS:排版 網頁