國內(nèi)網(wǎng)頁設(shè)計(jì)字體大時(shí)代的來臨
中國網(wǎng)頁設(shè)計(jì)的初期都使用12px的字體(相當(dāng)于Word的小四),這種字體在很長的時(shí)間內(nèi)占據(jù)這中國網(wǎng)頁字體的主導(dǎo)位置。但是雖著寬頻顯示器的不斷的進(jìn)入家庭,高分辨率的屏幕顯示越來越普及,手機(jī)客戶端的應(yīng)用大眾化。字體字號(hào)似乎也在發(fā)生著悄悄的改變。我們可以發(fā)現(xiàn)除了部分的門戶網(wǎng)站,大多數(shù)應(yīng)用性的,專業(yè)性的,部分電商都在放大他們的字體。我們常用12px 14px的宋體,一下子多出了許多的兄弟姐妹。
我們來看幾個(gè)列子:
我們發(fā)現(xiàn)“微軟雅黑”的字體,慢慢的走進(jìn)了我們的生活。這個(gè)字體并不是像素級(jí)別的,專業(yè)術(shù)語叫做“非襯線”字體,齲齒和棱角都不是相當(dāng)?shù)姆置鳎窃诖笞煮w中(>22px的字體)表現(xiàn)的很好,加粗后筆畫也很分明,沒有鋸齒。不像宋體沒有粗體且在一些字號(hào)時(shí)效果極度粗糙,其它幾個(gè) Windows 自帶字體的渲染效果也很悲劇。
目前在“微軟雅黑”字體的運(yùn)用上,中國門戶的網(wǎng)站,顯示的很保守(除了MSN),原因是面對(duì)的用戶環(huán)境太復(fù)雜。各種分別率,各種瀏覽器,各種操作的系統(tǒng),此時(shí)他們只能使用最大眾的宋體。但是,如果你的小眾網(wǎng)站,或者是個(gè)性的網(wǎng)站,你完全可以用你的個(gè)性大字體,走在他們的前面。突出你的標(biāo)題和與眾不同的風(fēng)格。我們?cè)趤砜纯磶讉€(gè)網(wǎng)站。
但是使用這些大字體的時(shí)候,注意一下幾點(diǎn):
1)資訊信息量不是很大的網(wǎng)頁,大字體的只適合做標(biāo)題,不適合做正文。
正文建議使用12px 14px的宋體。
2)找到替代“微軟雅黑”的字體,XP系統(tǒng)沒有自帶的微軟雅黑,加上沒有安裝OFFICE2007就更不會(huì)有該字體了。如果在CSS定義不到這個(gè)字體,可以用“宋體”或者“黑體”代替。不過要注意字號(hào),不同字號(hào)的“宋體”和“黑體”,表現(xiàn)的效果不同。普通宋體大字體,有無鋸齒還要看不同的瀏覽器。
3)堅(jiān)信有一天,所有的字體將會(huì)自由的開放運(yùn)用~~~。HTML5的時(shí)代離我們不遠(yuǎn)了。
本文地址:http://likemindfilms.com/tutorial/di998.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏