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