網頁的版式設計---文字的格式化
編者按:很多從事網頁設計的計算機專業人員,對於網頁的制作技術駕輕就熟,但對於網頁富有藝術性和個性的設計卻感到力不從心。特別是沒有經過藝術設計專業訓練的網頁制作者,在掌握了網頁制作技術的情況下,都渴望將自己的網頁制作得更具創意和美感。目前關於網頁制作的討論和介紹,多以講解軟件的技術性操作為主要內容,側重藝術方面的非常之少。
文字的格式化
1.字號、字體、行距
字號大小可以用不同的方式來計算,例如磅(point)或像素(pixel)。因為以計算機的像素技術為基礎的單位需要在打印時轉換為磅,所以,建議采用磅為單位。
最適合於網頁正文顯示的字體大小為12磅左右,現在很多的綜合性站點,由於在一個頁面中需要安排的內容較多,通常采用9磅的字號。較大的字體可用於標題或其他需要強調的地方,小一些的字體可以用於頁腳和輔助信息。需要注意的是,小字號容易產生整體感和精致感,但可讀性較差。
網頁設計者可以用字體來更充分地體現設計中要表達的情感。字體選擇是一種感性、直觀的行為。但是,無論選擇什麼字體,都要依據網頁的總體設想和浏覽者的需要。
粗體字強壯有力,有男性特點,適合機械、建築業等內容;細體字高雅細致,有女性特點,更適合服裝、化妝品、食品等行業的內容。在同一頁面中,字體種類少,版面雅致,有穩定感;字體種類多,則版面活躍,豐富多采。關鍵是如何根據頁面內容來掌握這個比例關系。
從加強平台無關性的角度來考慮,正文內容最好采用缺省字體。因為浏覽器是用本地機器上的字庫顯示頁面內容的。作為網頁設計者必須考慮到大多數浏覽者的機器裡只裝有三種字體類型及一些相應的特定字體。而你指定的字體在浏覽者的機器裡並不一定能夠找到,這給網頁設計帶來很大的局限。解決問題的辦法是:在確有必要使用特殊字體的地方,可以將文字制成圖像,然後插入頁面中。
行距的變化也會對文本的可讀性產生很大影響。一般情況下,接近字體尺寸的行距設置比較適合正文。行距的常規比例為10:12,即用字10點,則行距12點。這主要是出於以下考慮:適當的行距會形成一條明顯的水平空白帶,以引導浏覽者的目光,而行距過寬會使一行文字失去較好的延續性。
除了對於可讀性的影響,行距本身也是具有很強表現力的設計語言,為了加強版式的裝飾效果,可以有意識地加寬或縮窄行距,體現獨特的審美意趣。例如,加寬行距可以體現輕松、舒展的情緒,應用於娛樂性、抒情性的內容恰如其分。另外,通過精心安排,使寬、窄行距並存,可增強版面的空間層次與彈性,表現出獨到的匠心。
行距可以用行高(line-height)屬性來設置,建議以磅或默認行高的百分數為單位。例如:{line-height:20pt}、{line-height:150%}。
2.文字的整體編排
頁面裡的正文部分是由許多單個文字經過編排組成的群體,要充分發揮這個群體形狀在版面整體布局中的作用。從藝術的角度可以將字體本身看成是一種藝術形式,它在個性和情感方面對人們有著很大影響。在網頁設計中,字體的處理與顏色、版式、圖形等其他設計元素的處理一樣非常關鍵。從某種意義上來講,所有的設計元素都可以理解為圖形。
(1)文字的圖形化
字體具有兩方面的作用:一是實現字意與語義的功能,二是美學效應。所謂文字的圖形化,即是強調它的美學效應,把記號性的文字作為圖形元素來表現,同時又強化了原有的功能。作為網頁設計者,既可以按照常規的方式來設置字體,也可以對字體進行藝術化的設計。無論怎樣,一切都應圍繞如何更出色地實現自己的設計目標。
將文字圖形化、意象化,以更富創意的形式表達出深層的設計思想,能夠克服網頁的單調與平淡,從而打動人心。
(2)文字的疊置
文字與圖像之間或文字與文字之間在經過疊置後,能夠產生空間感、跳躍感、透明感、雜音感和敘事感,從而成為頁面中活躍的、令人注目的元素。雖然疊置手法影響了文字的可讀性,但是能造成頁面獨特的視覺效果。這種不追求易讀,而刻意追求“雜音”的表現手法,體現了一種藝術思潮。因而,它不僅大量運用於傳統的版式設計,在網頁設計中也被廣泛采用。
(3)標題與正文
在進行標題與正文的編排時,可先考慮將正文作雙欄、三欄或四欄的編排,再進行標題的置入。將正文分欄,是為了求取頁面的空間與彈性,避免通欄的呆板以及標題插入方式的單一性。標題雖是整段或整篇文章的標題,但不一定千篇一律地置於段首之上。可作居中、橫向、豎向或邊置等編排處理,甚至可以直接插入字群中,以新穎的版式來打破舊有的規律。
(4)文字編排的四種基本形式
頁面裡的正文部分是由許多單個文字經過編排組成的群體,要充分發揮這個群體形狀在版面整體布局中的作用。
兩端均齊:文字從左端到右端的長度均齊,字群形成方方正正的面,顯得端正、嚴謹、美觀。
居中排列:在字距相等的情況下,以頁面中心為軸線排列,這種編排方式使文字更加突出,產生對稱的形式美感。
左對齊或右對齊:左對齊或右對齊使行首或行尾自然形成一條清晰的垂直線,很容易與圖形配合。這種編排方式有松有緊,有虛有實,跳動而飄逸,產生節奏與韻律的形式美感。左對齊符合人們閱讀時的習慣,顯得自然;右對齊因不太符合閱讀習慣而較少采用,但顯得新穎。
繞圖排列:將文字繞圖形邊緣排列。如果將退底圖插入文字中,會令人感到融洽、自然。
3.文字的強調
(1) 行首的強調
將正文的第一個字或字母放大並作裝飾性處理,嵌入段落的開頭,這在傳統媒體版式設計中稱之為“下墜式”。此技巧的發明溯源於歐洲中世紀的文稿抄寫員。由於它有吸引視線、裝飾和活躍版面的作用,所以被應用於網頁的文字編排中。其下墜幅度應跨越一個完整字行的上下幅度。至於放大多少,則依據所處網頁環境而定。
(2) 引文的強調
在進行網頁文字編排時,常常會碰到提綱挈領性的文字,即引文(也稱為眉頭)。引文概括一個段落、一個章節或全文大意,因此在編排上應給予特殊的頁面位置和空間來強調。引文的編排方式多種多樣,如將引文嵌入正文的左右側、上方、下方或中心位置等,並且可以在字體或字號上與正文相區別而產生變化。
(3)個別文字的強調
如果將個別文字作為頁面的訴求重點,則可以通過加粗、加框、加下劃線、加指示性符號、傾斜字體等手段有意識地強化文字的視覺效果,使其在頁面整體中顯得出眾而奪目。另外,改變某些文字的顏色,也可以使這部分文字得到強調。這些方法實際上都是運用了對比的法則。
4.文字的顏色
在網頁設計中,設計者可以為
12下一頁