您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁設(shè)計(jì)人員參考:網(wǎng)頁中文字體設(shè)計(jì)總結(jié)

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

中文字體之宋體

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

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

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

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

英文字體之有無襯線體

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

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

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

  • 無襯線體大致可以分為3類,上圖的依次順序?yàn)楣诺錈o襯線體,過渡無襯線體,現(xiàn)代無襯線體

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

在傳統(tǒng)的正文印刷中,普遍認(rèn)為襯線體能帶來更佳的可讀性(相比無襯線體),尤其是在大段落的文章中,襯線增加了閱讀時(shí)對(duì)字母的視覺參照。而無襯線體往往被用在標(biāo)題、較短的文字段落或者一些通俗讀物中。但是隨著現(xiàn)代生活和流行趨勢(shì)的變化,如今的人們?cè)絹碓较矚g用無襯線體,因?yàn)樗麄兛瓷先?ldquo;更干凈”。 在文字足夠大的情況下,無襯線字體也是同樣可讀的。而且因?yàn)闊o襯線字體通常有藝術(shù)性,因此在顯示器上顯示通常比較賞心悅目;而且無襯線字體種類比襯線字體多得多,因此選擇余地也很大。

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

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

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