資源描述:
《網(wǎng)頁的版式設(shè)計風(fēng)格》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、版式設(shè)計精品課程網(wǎng)頁的版式設(shè)計風(fēng)格??很多從事網(wǎng)頁設(shè)計的計算機專業(yè)人員,對于網(wǎng)頁的制作技術(shù)駕輕就熟,但對于網(wǎng)頁富有藝術(shù)性和個性的設(shè)計卻感到力不從心。特別是沒有經(jīng)過藝術(shù)設(shè)計專業(yè)訓(xùn)練的網(wǎng)頁制作者,在掌握了網(wǎng)頁制作技術(shù)的情況下,都渴望將自己的網(wǎng)頁制作得更具創(chuàng)意和美感。目前關(guān)于網(wǎng)頁制作的討論和介紹,多以講解軟件的技術(shù)性操作為主要內(nèi)容,側(cè)重藝術(shù)方面的非常之少。經(jīng)過作者同意,從這一期開始,我們選載《網(wǎng)頁藝術(shù)設(shè)計》一書的部分章節(jié),從最基本的內(nèi)容講起,希望對廣大網(wǎng)頁制作者有所助益。1、文字的格式化1)字號、字體、行距 字號
2、大小可以用不同的方式來計算,例如磅(point)或像素(pixel)。因為以計算機的像素技術(shù)為基礎(chǔ)的單位需要在打印時轉(zhuǎn)換為磅,所以,建議采用磅為單位。最適合于網(wǎng)頁正文顯示的字體大小為12磅左右,現(xiàn)在很多的綜合性站點,由于在一個頁面中需要安排的內(nèi)容較多,通常采用9磅的字號。較大的字體可用于標(biāo)題或其他需要強調(diào)的地方,小一些的字體可以用于頁腳和輔助信息。需要注意的是,小字號容易產(chǎn)生整體感和精致感,但可讀性較差。網(wǎng)頁設(shè)計者可以用字體來更充分地體現(xiàn)設(shè)計中要表達的情感。字體選擇是一種感性、直觀的行為。但是,無論選擇什么
3、字體,都要依據(jù)網(wǎng)頁的總體設(shè)想和瀏覽者的需要。粗體字強壯有力,有男性特點,適合機械、建筑業(yè)等內(nèi)容;細體字高雅細致,有女性特點,更適合服裝、化妝品、食品等行業(yè)的內(nèi)容。在同一頁面中,字體種類少,版面雅致,有穩(wěn)定感;字體種類多,則版面活躍,豐富多采。關(guān)鍵是如何根據(jù)頁面內(nèi)容來掌握這個比例關(guān)系。版式設(shè)計精品課程從加強平臺無關(guān)性的角度來考慮,正文內(nèi)容最好采用缺省字體。因為瀏覽器是用本地機器上的字庫顯示頁面內(nèi)容的。作為網(wǎng)頁設(shè)計者必須考慮到大多數(shù)瀏覽者的機器里只裝有三種字體類型及一些相應(yīng)的特定字體。而你指定的字體在瀏覽者的機
4、器里并不一定能夠找到,這給網(wǎng)頁設(shè)計帶來很大的局限。解決問題的辦法是:在確有必要使用特殊字體的地方,可以將文字制成圖像,然后插入頁面中。行距的變化也會對文本的可讀性產(chǎn)生很大影響。一般情況下,接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為10:12,即用字10點,則行距12點。這主要是出于以下考慮:適當(dāng)?shù)男芯鄷纬梢粭l明顯的水平空白帶,以引導(dǎo)瀏覽者的目光,而行距過寬會使一行文字失去較好的延續(xù)性。除了對于可讀性的影響,行距本身也是具有很強表現(xiàn)力的設(shè)計語言,為了加強版式的裝飾效果,可以有意識地加寬或縮窄行距,
5、體現(xiàn)獨特的審美意趣。例如,加寬行距可以體現(xiàn)輕松、舒展的情緒,應(yīng)用于娛樂性、抒情性的內(nèi)容恰如其分。另外,通過精心安排,使寬、窄行距并存,可增強版面的空間層次與彈性,表現(xiàn)出獨到的匠心。行距可以用行高(line-height)屬性來設(shè)置,建議以磅或默認行高的百分數(shù)為單位。例如:{line-height:20pt}、{line-height:150%}。2)文字的整體編排 頁面里的正文部分是由許多單個文字經(jīng)過編排組成的群體,要充分發(fā)揮這個群體形狀在版面整體布局中的作用。從藝術(shù)的角度可以將字體本身看成是一種藝術(shù)形式
6、,它在個性和情感方面對人們有著很大影響。在網(wǎng)頁設(shè)計中,字體的處理與顏色、版式、圖形等其他設(shè)計元素的處理一樣非常關(guān)鍵。從某種意義上來講,所有的設(shè)計元素都可以理解為圖形。①文字的圖形化版式設(shè)計精品課程 字體具有兩方面的作用:一是實現(xiàn)字意與語義的功能,二是美學(xué)效應(yīng)。所謂文字的圖形化,即是強調(diào)它的美學(xué)效應(yīng),把記號性的文字作為圖形元素來表現(xiàn),同時又強化了原有的功能。作為網(wǎng)頁設(shè)計者,既可以按照常規(guī)的方式來設(shè)置字體,也可以對字體進行藝術(shù)化的設(shè)計。無論怎樣,一切都應(yīng)圍繞如何更出色地實現(xiàn)自己的設(shè)計目標(biāo)。將文字圖形化、意象化
7、,以更富創(chuàng)意的形式表達出深層的設(shè)計思想,能夠克服網(wǎng)頁的單調(diào)與平淡,從而打動人心。②文字的疊置 文字與圖像之間或文字與文字之間在經(jīng)過疊置后,能夠產(chǎn)生空間感、跳躍感、透明感、雜音感和敘事感,從而成為頁面中活躍的、令人注目的元素。雖然疊置手法影響了文字的可讀性,但是能造成頁面獨特的視覺效果。這種不追求易讀,而刻意追求“雜音”的表現(xiàn)手法,體現(xiàn)了一種藝術(shù)思潮。因而,它不僅大量運用于傳統(tǒng)的版式設(shè)計,在網(wǎng)頁設(shè)計中也被廣泛采用。③標(biāo)題與正文 在進行標(biāo)題與正文的編排時,可先考慮將正文作雙欄、三欄或四欄的編排,再進行標(biāo)題的
8、置入。將正文分欄,是為了求取頁面的空間與彈性,避免通欄的呆板以及標(biāo)題插入方式的單一性。標(biāo)題雖是整段或整篇文章的標(biāo)題,但不一定千篇一律地置于段首之上。可作居中、橫向、豎向或邊置等編排處理,甚至可以直接插入字群中,以新穎的版式來打破舊有的規(guī)律。④文字編排的四種基本形式 頁面里的正文部分是由許多單個文字經(jīng)過編排組成的群體,要充分發(fā)揮這個群體形狀在版面整體布局中的作用。兩端均齊文字從左端到右端的長度均齊,字群形成方方正