海淘科技為你提供關于,網(wǎng)頁設計中字體設計的文章。并且分享,頁面設計中字體設計案例欣賞。
熒屏閱讀已是人們?nèi)粘+@得信息的主要方式,起初由打印的信息不斷遷移到后來的電子媒體,移動電話,平板電腦等等,而且比打印更方便,如果要實現(xiàn)電子產(chǎn)品的閱讀與打印出來的閱讀同樣的舒適性,那么我們必須重視熒屏字體的研究,如同紙質(zhì)媒體早先所做的那樣。
現(xiàn)在,屏幕像素密度就可容易超過300
PPI,顯示的精度不再是一個問題,這也就同時意味著漢子屏幕字體設計可不再受技術的限制。從起初的產(chǎn)量低像素屏幕位圖字體,到使用的印刷字體,再到專門為電腦、微軟的中國第一代屏幕字體的黑色和蘭亭的悠黑家庭,中文字體也逐漸從被動適應到主動的研究與開發(fā)。
第一代的漢字屏顯字體樣式去“喇叭口”,字體面積大,偏向幾何化,具有工業(yè)的感覺。但是為了適應字體低像素的密度,損失了書面寫的傳統(tǒng)美感。后隨移動端的普及,第一代的顯屏字體已經(jīng)不能夠滿足各種各樣的便攜式熒屏的閱讀訴求。
今日,5寸左右的手機熒屏像素數(shù)量已與電腦顯示屏幕數(shù)量差不多(如1080x1920),其中像素密度普遍超過300PPI,幾乎接近一般打印效果。這給中文屏顯字體設計帶來了更大的自由。加之手機、平板電腦的閱讀視距比電腦要近得多,所以不必再一味追求字體的大字面,由此,中文屏顯字體設計回歸人文的表達成為可能。
為了人們豐富便攜式熒屏的閱讀體驗感,方正字體庫廣納各界意見,經(jīng)過長達兩年的精心字體設計,在2015年9月正式的推出第二代漢字屏顯字體——方正悠黑家族。這個字體的設計充分的利用高清屏物理特性,適當?shù)目s緊中宮和縮小字體面積,提高漢字的識別性;融匯傳統(tǒng)書面寫氣息,提升了漢字的閱讀品質(zhì)。
方正悠黑家族的字體筆形設計(上圖)
閱讀的過程是對漢字圖形進行快速識別的過程,這是建立在文字和文字之間存在的形態(tài)差異的基礎之上,過于簡化筆形和字體的結(jié)構(gòu),這會使得文字的輪廓和顏色的灰度過于一致,反而不利于閱讀。從漢字識別的角度看,“中宮”和“字面”是影響文字內(nèi)空間與外輪廓的直接因素。
方正悠黑第二代屏顯字體的設計,并沒有對日前扁平化設計的極簡路線東施效顰,而是努力尋求新技術與傳統(tǒng)審美的平衡。主創(chuàng)設計師仇寅深諳傳統(tǒng)楷書筆法,在設計中保留了漢字書寫的筆鋒特征和間架結(jié)構(gòu),筆意舒展、氣韻連貫,適合長時間閱讀。這相比較第一代漢字屏顯字體來說,我們可看到從開始的工業(yè)氣息感向人文氣息的一個轉(zhuǎn)變。
方正悠黑家族是使用一百三十五款字體組成。因為家族龐大,所以為了便于字體辨別,字體在命名方式時采用了數(shù)字編號系統(tǒng)。 縱軸(一至十)從左到右表示字身的扁與窄,此中“5”為常用標準方塊字體;橫軸(零一至十五)從上到下表示字重的變化,并且采用西文字體字重的縮寫,名稱對此進行了分類(例如01=Light,07=Regular,10=Medium,12=Bold,14=Heavy)。特別是在印刷媒介,能夠更好地引導設計師把悠黑和其它西文字體的字重進行配比使用。
此中“503L”到“513B”共十一款字體支持GB18030-2000標準(前期先推出9款),包含了27533個漢字,可滿足在不同尺寸熒屏的閱讀需求。
1. 字體設計師門為了配合方正悠黑的筆形風格,并專門設計了整套的英文字體和符號,與不同字體的字重的英文字體在和中文混排的時更加的協(xié)調(diào)一致。
2. 方正悠黑家族字體很多,子菜單的引入更利于設計師們的檢索與應用。
3. 方正悠黑家族一樣適用在印刷媒介中。此設計富有人文的氣息,排版更是清朗溫潤。
4、方正悠黑家族備有TrueType、OpenType、PostScript等很多格式,能狗滿足很多種類的軟件和硬件平臺的需求。
互聯(lián)網(wǎng)在使用各種改變一切的力量,改變我們的閱讀方式,作為信息傳遞的重要載體——漢字字體同樣也要與時俱進。方正字庫將要堅持以受眾人群的體驗為出發(fā)點,秉持著嚴謹?shù)目茖W態(tài)度,從傳統(tǒng)中不斷吸取養(yǎng)分,以創(chuàng)造經(jīng)典為使命,為漢字字體的發(fā)展做馬不停蹄的努力。
“大手筆”字體點綴的極其美麗網(wǎng)站界面設計,今日這一組網(wǎng)站可謂是手寫字體的運用模范,有是隨意散漫,邪魅狷狂類型的;有是精致有序,小資調(diào)調(diào)類型的;有是優(yōu)雅流暢,小家碧玉類型的,總而言之風格很多,并且字體的點綴恰到好處,值得你收藏哦!
Hochburg
2.Inesplorato
3.Circles Conference
4.Regis Biron
5.Vintage Hope
網(wǎng)頁設計中字體設計的部分欣賞,先到這里,更多的字體設計在網(wǎng)頁設計運用中在,海淘科技的網(wǎng)頁設計欣賞中。
文章下載,點擊:網(wǎng)頁設計中字體設計