微軟雅黑 VS Windows宋體_網(wǎng)頁(yè)設(shè)計(jì)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:什么是最好的正文字體snl的Blog:http://snl.blueidea.com/這幾天在研究serif。serif是英文字體的術(shù)語,中文翻譯做“襯線”,就是文字筆畫兩端的短線。最典型的serif字體恐怕就是
snl的Blog:http://snl.blueidea.com/
為了更清楚的顯示出雅黑的屏幕顯示優(yōu)勢(shì),這里用雅黑和沿用多年的宋體各做了一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)顯示字范,我們來對(duì)比看看:
從上面我們可以看出微軟雅黑的優(yōu)秀品質(zhì):
- 單獨(dú)設(shè)計(jì)的粗體。 以往宋體的粗體都是通過內(nèi)嵌點(diǎn)陣或者字體引擎渲染的,效果不是很好。粗體的單獨(dú)設(shè)計(jì)意味著另外設(shè)計(jì)一套字體,所有的時(shí)間成本和人力成本翻倍,造價(jià)也會(huì)翻倍,但是顯示效果也會(huì)非常好。再考慮到繁體中文和日文韓文都是如此處理,微軟這次真的下了血本了。
- 顯示品質(zhì)優(yōu)異的斜體。 不是吹的,在 windows 上第一次看到如此清楚的中文斜體,真的有點(diǎn)令人感動(dòng)。雖然是 14px ,但宋體的斜體已經(jīng)顯得支離破碎了。
- 更清楚的小號(hào)字顯示。 在以往, 12px 是宋體能顯示的極限。小于12px的字號(hào)會(huì)因?yàn)闆]有內(nèi)嵌點(diǎn)陣而變得模糊。而從上面微軟雅黑的字范來看, 11px 下的顯示非常優(yōu)秀, 10px 的字基本可以辨認(rèn), 9px 以下,對(duì)于漢字的正常顯示,已經(jīng)是不可能的任務(wù)了,平常也不會(huì)作為正常的屏幕使用字號(hào),但這個(gè)極限字號(hào)的測(cè)試是一個(gè)有參考價(jià)值的項(xiàng)目。我們可以看到,由于字體設(shè)計(jì)師出色的Hinting工作,雅黑在這種情況下仍然還有大約一半左右的字符可以識(shí)別出來。
- 對(duì)于最常用的字號(hào) , 12 、 14px ,微軟雅黑的顯示非常的清楚和美麗,中英文的搭配非常的和諧。和宋體相比,雅黑的字形不是正方形的,而是稍微的扁寬,字間距很小,這樣的處理使得默認(rèn)的行間距更為明晰;同時(shí)雅黑的字心顯得更為飽滿,在同樣的字號(hào)下,雅黑的單字面積就顯得更大,更輕易識(shí)別,閱讀起來也更舒適。
- 更美麗而現(xiàn)代的字形設(shè)計(jì)。從此以后,很多網(wǎng)頁(yè)的標(biāo)題字可以不用做成圖片了,尤其是blog之類的web2.0應(yīng)用的網(wǎng)站,它們直接使用雅黑就可以在頁(yè)面上實(shí)現(xiàn)很完美的版面設(shè)計(jì)效果了。
當(dāng)然,上面對(duì)比的微軟雅黑和宋體已經(jīng)十多年的時(shí)間差距,所以這樣的比較可能不太公平。那么我們下次可以看看另一個(gè)橫向?qū)Ρ龋粋(gè)時(shí)代的,同等重量級(jí)的。敬請(qǐng)期待。
分享:一個(gè)鏈接讓QQ日流量損失幾千萬?用戶體驗(yàn)一再被很多人喊得相當(dāng)響,作為完整的產(chǎn)品設(shè)計(jì)流程應(yīng)該是這樣的:根據(jù)市場(chǎng)需求提出產(chǎn)品概念調(diào)研(橫向的同類產(chǎn)品調(diào)研和縱向的市場(chǎng)需求調(diào)研)匯總分析
相關(guān)網(wǎng)頁(yè)設(shè)計(jì)教程:
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁(yè)設(shè)計(jì)教程-微軟雅黑 VS Windows宋體
。

