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

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

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

中文字體之宋體

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

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

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

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

英文字體之有無(wú)襯線(xiàn)體

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

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

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

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

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

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

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

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

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