您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 瀏覽設計教程

網(wǎng)頁設計人員參考:網(wǎng)頁中文字體設計總結

讀一本書,看一份報,文字從產(chǎn)生之初就發(fā)揮著它不可撼動的地位,充斥著我們每個人每天的生活;然而在繁雜的文字設計中,跳開這些設計,更該去看看最初的文字是什么樣子的,珍惜它們每一次的蛻變…

中文字體之宋體

中國文字創(chuàng)造之初,與埃及相同,都是由圖畫、象形文字演化而來的。但其進化情況卻又不同。中國文字的演化,始終維持著原始的繪畫或符號內(nèi)容,只是在形成更多文字時,在原有文字的基礎上,加以各種組合,以求形成更多的文字,這在世界文化史上是獨一無二的。中國文字的發(fā)展,由秦始皇統(tǒng)一中國后,漢字進行了一系列簡化,規(guī)范化的處理。在木板印刷出現(xiàn)以前,古代典籍為了流傳的需要只能手工傳抄,由于手工抄寫成本高效率底,易出錯誤,于是木板印刷逐漸盛行。這樣,為了刻版方便,漸漸的刻工們發(fā)明了一種新字體,它的特點是:字形方正,橫細直粗。在轉折處有小三角形裝飾。這種字體比楷體更加規(guī)范標準,成為了標準字體,適合大規(guī)模地刻版使用。這無疑是為了刻書方便從楷體演變出的一種新的字體。由于這種字體大大流行使用于宋朝以后的木版印刷的書籍,后人就稱有這種特點的字體為“宋體”。宋體字從歷史上出現(xiàn)以后,它的特點就固定了下來,一直使用到現(xiàn)代,直到出現(xiàn)了機械化的印刷工業(yè)。在現(xiàn)代印刷中區(qū)分更加詳細,把橫細豎粗的成為“老宋體”。宋體字的字形方正,筆畫橫平豎直,橫細豎粗,棱角分明,結構嚴謹,整齊均勻,有極強的筆畫規(guī)律性,從而使人在閱讀時有一種舒適醒目的感覺。在現(xiàn)代印刷中主要用于書刊或報紙的正文部分。宋體字傳承了中國書法的審美韻味 ,在筆畫上,仍然保持了中國書法的本質特征。在與唐楷顏體比較時,我們看得更清楚,如點、捺、撇及轉折處的頓挫處理,就是對書法運筆進行了高度的藝術化概括。

上圖4種字體除了第一種最保守的老宋體,其他3種都是衍生出來的宋體字體,我們可以看出前面兩種的胸線比較大(字體比較開闊),這是明顯的比較現(xiàn)代的字體;而后面兩種字體胸線比較小,偏向傳統(tǒng)的字體。傳統(tǒng)宋體,可以看出,在它身上保留有不少楷體的特征,紅色小圈圈里面三角形的鱗(小三角裝飾)比較剛硬,是用棱角分明的幾何形構成的,雖然給人以嚴謹?shù)母杏X但是讓人覺得太過嚴肅拘謹,所以在現(xiàn)代設計的運用中,大家更偏向于運用其他宋體字形。和傳統(tǒng)宋體相比,長宋體的鱗就顯得沒有那么尖銳了,停筆處依稀可見手筆的停頓轉折,看上去圓潤了不少。長宋體看上去比一般的宋體要長,也就是剛才說的胸線比較??;它的橫、豎粗細相近,點、撇、捺、挑、勾比較挺拔,綜合了老宋和仿宋的特點。大標宋,它的特點是橫豎筆畫對比明顯,筆畫輕重適中,沒有那么硬朗,字形端正,醒目有力,常用于內(nèi)文標題、封面和廣告設計,具有現(xiàn)代感 (類似粗襯線體,后面會提到)。仿宋體,最大特點是橫豎等寬”,風格更偏向于手寫體,它其實是宋徽宗的瘦金書字體演變而來的,特點是瘦直挺拔,橫畫收筆帶鉤,豎劃收筆帶點,撇如匕首,捺如切刀,豎鉤細長;如果說宋體是具有裝飾藝術的代表字體,那么與之相對立的就是黑體,黑體的特點就是橫線和豎線寬度相等,去除過多的裝飾細節(jié),更加簡潔。由于當時印刷業(yè)的發(fā)展,正文部分用的都是宋體,想要突出標題部分從而發(fā)展了黑體。

黑體本身就屬于比較現(xiàn)代的一種字體,所以它的字面和胸線都比較大,這樣比較容易閱讀,根據(jù)不同需要,設計出橫豎筆畫不同粗細的黑體字形來,最基本的就是第一種,纖細的黑體字給人輕,秀氣的感覺,粗厚的黑體字給人重,粗壯,力量的感覺,這些字形都是根據(jù)不同的需要設計而來的。中文字形除了宋體和黑體這兩種基本字形以外,還有很多不同種類的,比如

PS:襯線體說法后面會有提到,因為襯線體和無襯線體都是西方字體發(fā)展中出現(xiàn)的說法,套用在中文字形中,宋體即是襯線體;黑體即是無襯線體。

英文字體之有無襯線體

西方字母的產(chǎn)生過程,經(jīng)由埃及→腓尼基→希臘的演變之後,最后在羅馬體上集大成,被西方世界廣泛運用到現(xiàn)在而風行于全世界。隨著活字印刷的產(chǎn)生,在原始羅馬體的基礎上越來越多的設計師努力創(chuàng)作優(yōu)美,更易閱讀的字體,現(xiàn)在歐洲使用的字母文字,被稱為拉丁字母或羅馬字母,是世界上應用最廣泛的字母。英文字母一般分為襯線體(serif),無襯線體(sans serif)和其他字體。襯線字體,意思是在字的筆畫開始、結束的地方有額外的裝飾,而且筆畫的粗細會有所不同。相反的無襯線體就沒有這些額外的裝飾,而且筆畫的粗細也差不多。現(xiàn)代襯線體出現(xiàn)在18世紀末,強調(diào)了粗細筆畫之間的強烈對比,加重了豎畫,而把襯線做的細長。大部分現(xiàn)代襯線體的可讀性不及舊體和過渡襯線體。

  • 襯線體又可分為傳統(tǒng)和現(xiàn)代形字體,上圖為傳統(tǒng)襯線體(左)和現(xiàn)代襯線體(右)

傳統(tǒng)襯線體,看S這個字母最細部分,用紅色斜虛線標出可以看出它的較細部分始終保持傾斜狀態(tài),也就是說筆畫的粗細是有變化的,看起來就比較傳統(tǒng),這是一種基本字形。而現(xiàn)代襯線體,筆畫粗細始終保重一致的狀態(tài),相對比較更加理性,機械,規(guī)范化的感覺。再來看底座的支架(我暫且把它叫做支架)傳統(tǒng)支架它的筆畫連接是弧線的,而現(xiàn)代的就是平直幾何形的,這也可以理解為感性與理性的一種對立呈現(xiàn)方式。

  • 無襯線體大致可以分為3類,上圖的依次順序為古典無襯線體,過渡無襯線體,現(xiàn)代無襯線體

古典無襯線體和傳統(tǒng)宋體是一樣的,最突出的特點就是裝飾細節(jié)比較多,底部有支架(但是因為它是無襯線體,筆畫上不會出現(xiàn)明顯的弧度,用的形狀比較幾何,力量感一點)過渡無襯線字體是介于古典和現(xiàn)代之間的字形,最大的特點就是既有現(xiàn)代感理性簡練的感覺也不失感性略帶筆觸,纖細秀氣的感覺??梢钥吹缴蠄D第二個中畫紅圈部分,它的轉角,停頓處是一樣的粗細分布。現(xiàn)代無襯線字體的特點是筆畫之間粗細很均衡,是理性的象征。

在傳統(tǒng)的正文印刷中,普遍認為襯線體能帶來更佳的可讀性(相比無襯線體),尤其是在大段落的文章中,襯線增加了閱讀時對字母的視覺參照。而無襯線體往往被用在標題、較短的文字段落或者一些通俗讀物中。但是隨著現(xiàn)代生活和流行趨勢的變化,如今的人們越來越喜歡用無襯線體,因為他們看上去“更干凈”。 在文字足夠大的情況下,無襯線字體也是同樣可讀的。而且因為無襯線字體通常有藝術性,因此在顯示器上顯示通常比較賞心悅目;而且無襯線字體種類比襯線字體多得多,因此選擇余地也很大。

除了有無襯線體之外,還有其他字體:比如一些比較卷曲,貼近自然的巴洛克風手寫體,還有一些為了迎合設計風格的變形字體

從這些基本字形我們可以發(fā)現(xiàn):文字在發(fā)展的過程中,也在不斷經(jīng)歷著去繁為簡的過程。包豪斯學校的成立,影響了工業(yè)產(chǎn)品設計的思維模式,使人們在設計的過程中從以往崇尚自然,繁雜的工藝文化中分離出來,設計在慢慢萌芽,從工業(yè)產(chǎn)品到平面藝術,都有所體現(xiàn)。

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/tutorial1201.html
10種無損圖片的編輯技巧(推薦教程)
隨著瀏覽器寬度而改變網(wǎng)頁大小-響應式web設計
圖趣網(wǎng)微信
建議反饋
×