網站制作之文字設計篇
作者:佚名 時間:2013-07-31 分享到:
網站制作中的字體設計需要按照一定的原則和規律,才能使頁面中的字體內容與圖片頁面協調。
1.字體內容格式
字號大小可以以磅或像素為單位來計算。由于以電腦的像素技術為基礎的單位需要在打印時轉換為磅,所以字號經常以磅為單位。
在網站制作中字體的大小通常為12磅左右。現在很多的綜合站點,由于在一個頁面中需要添加的內容較多,所以通常采用9磅的字號。較大的字體可用于標題或其它需要強調的地方,小的字體可以用于頁腳和相關信息。小字體容易產生整體感和精致感,但可讀性較差。網站制作人員可以用字體來更充分地表達在設計中要傳達的情感。字體是一種直觀的表現形式。但是,無論選擇什么字體,都要考慮到網站的總體構思與用戶需求。
粗體字強壯有力,有男性特點,適合機械、建筑等行業的內容;(右圖)細體字高雅細致,有女性特點,更適合服裝、化妝品、食品等行業的內容。。在同一頁面中,字體種類少,版面雅致,有穩定感;字體種類多,則版面活遺臭萬年,豐富多彩。因此,關鍵是根據頁面內容來把握好這個比例關系。
行距的變化也會對文本的可讀性產生很大影響。一般接近字體尺寸的行距設置比較適合正文。行距的常規比例為10:12,池字體為1.點時,則行距為12點。因為適當的行距會形成一條明顯的水平空白間隔,可以引導用戶的目光,如果行距過寬會使行間文字失去延續性。
行距除了對頁面的可讀性產生影響之外,其本身也是有表現力的設計語言。為了增強網站的設計交果,可以適當地加寬或縮小行距,體現獨特的審美觀。當加寬行距時,可以給人以輕松、舒展的情緒,用來表達娛樂、抒情的內容。其次通過精心安排,使寬、窄行距并存,可以加強網站設計的空間感與層次感,表現出獨具匠心的韻味。
2.文字的整體排版
網站制作中的正文部分都是由單個文字組合而成的群體,要想發揮文字的作用,必須注意這個群體本版面上的整體排版,從藝術的角度看,文字本身就是一種藝術形式,它能在個性和情感方面對人們產生很大影響。在網站制作中,字體的處理與顏色,排版、圖片等其它設計無素的處理一樣非常關鍵。對文本的處理在某種意義上也可理解對圖像的處理。
3.文字內容圖形化
將文字圖形化、意像化,更更有他意地表達出深層的設計思想,打破網站的單調與平淡,使其上海入人心。
文字在網頁中有兩種功能,即實磧字意與語義的功能和美學效應。所謂文字圖形化,即強調穹的美學效應,就是把相應的文字作為圖形元素表現出來,同時又強化了原有的功能。在設計網站時,不但可以按照常規的方式來設置字體,還可以對字體進行藝術化的處理,但一切都要圍繞如何更出色地實現自己的設計目標進行。
4.文字排版形式
頁面中的正文部分是由許多單個文字經過排版形成的群體,要充分發揮這個群體在版面整體布局中的作用。
兩端對齊:這種排版方式是使頁面上從左到右的文字對齊,字群形成規規矩矩、方方正正的面,給人一種端正和嚴謹的感覺。
居中排列:這種方式是在字距相等的情況下,以頁面中心為軸線排列,這樣會使文字更加突出,給人一種對稱的形式美感。
左對齊或右對齊:左對齊或右對齊可以使行首或行尾形成一條自然、清曼舞的垂直線,很容易與圖形配合,讜種有極好有緊、有虛有實的排版方式,給人一種跳動而飄逸的感覺,產生一種富有節奏與韻律的形式美感。需要強調的是,左對齊符合人們閱讀的習慣,顯得自然;面右對齊因不太符合閱讀習慣面較少采用,但顯得比較新穎。圖文混排:此種排版方式是沿圖形邊緣排列文字,如果將退底圖放放文字中,則會給人一種融洽和自然的感覺。
5.文字自由方式排版
在文本處理中進行標題與正文的排版時,可以將正文處理成雙欄,三欄或四欄,然后再將標題轉入。在編排中將正文分欄、可以突出頁面的空間與弱性,避免通欄的呆板以及標題插入方式的單一。標題雖然是整段或整篇文章的標題,但也不一定都放在正文的下方,也可進行居中、橫向、豎向或邊置等編排處理,也可以直接排入文本中,形成一種打破常規的排版方式。
此處在文本處理中,還可以在文字與圖片之間或文字與文字之間進行混排,給人一種空間感,跳躍感、透明感、和敘事感,從而成為頁面串活躍 的、引人注目的亮點。但是這種文字的混排會影響文字的可讀性,但可以使頁面形成一種磁盤的視覺效果。這種不注重易讀性,而可以追求效果的表現手法,是一種藝術思潮的體現。所以,它不僅被大量運用于傳統的排版設計,而且也被用于網站制作之中。
網站制作中使用文字顏色時需要注意文字顏色的對比度,包括明度上的對比,純度上的對比及冷暖的對比。這些因此素可以影響到文字的可讀性,通過這些因素實現想要的設計效果,設計情感和網站制作思想。