歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

網(wǎng)頁規(guī)劃中如何用適宜字號提高用戶體會(huì)?

發(fā)布時(shí)間:2021-02-20 文章來源:本站  瀏覽次數(shù):2507

      在網(wǎng)站建造網(wǎng)頁規(guī)劃中,文字的巨細(xì)也是用戶體會(huì)的一個(gè)重要組成部分。盡管網(wǎng)頁上的字號沒有遭到太多限制因素的限制,似乎網(wǎng)頁規(guī)劃師能夠自由挑選字號,但并不意味著規(guī)劃師能夠隨意挑選,站在用戶體會(huì)和視覺規(guī)劃視點(diǎn)考慮,仍是要遵循一些網(wǎng)站規(guī)劃原則。本文與大家分享如何用適宜的字號提高用戶的體會(huì)。


關(guān)于字號標(biāo)準(zhǔn):

      在現(xiàn)在的網(wǎng)頁規(guī)劃中,沒有規(guī)定文字的標(biāo)準(zhǔn)字號,但規(guī)劃師應(yīng)該都知道網(wǎng)頁上12號和14號字體十分常見。這也是因?yàn)橐恍┛陀^因素的限制:

> 規(guī)劃軟件

      規(guī)劃師運(yùn)用的規(guī)劃軟件,比方PS等,大多數(shù)是偶數(shù),這是一種習(xí)氣的連續(xù)。

> 瀏覽器

      在某些瀏覽器上,奇數(shù)字號會(huì)被自動(dòng)渲染成偶數(shù),比方IE6。

> 漂亮度

      偶數(shù)字號的文字,比方12號的“中”字,去掉1像素的間距,填充了像素的實(shí)踐寬是11px,文字的中豎線左右是平分的,顯得均衡,具有美感。

> 實(shí)踐應(yīng)用

      Windows自帶的點(diǎn)陣宋體從Vista開端只提供12、14、16px三個(gè)巨細(xì)的點(diǎn)陣,在13、15、17px下,盡管每個(gè)字的空間大了1px,點(diǎn)陣卻沒變,但視覺上顯得稀疏,顯示效果欠安。不過這些因素都能夠酌情考慮。


綜合以上種種原因和咱們的最佳實(shí)踐經(jīng)驗(yàn),咱們總結(jié)了以下幾條標(biāo)準(zhǔn),它們能夠讓網(wǎng)頁規(guī)劃更專業(yè)。

      1.文字的字號盡量挑選12、14、16等偶數(shù)字號,文字最小不能小于12號。

      2.導(dǎo)航文字及頭部底部文字的字號:Header導(dǎo)航文字12號或14號;Menu導(dǎo)航文字14—18號;Sidebar文字12號或14號,一級菜單運(yùn)用14號、二級菜單運(yùn)用12號,或一級菜單運(yùn)用12號加粗、二級菜單運(yùn)用12號;Footer文字12號或14號。

       3.正文:大標(biāo)題文字24—32號;標(biāo)題文字16或18號;正文文字12號或14號,可依據(jù)實(shí)踐情況加粗。

       4.按鈕文字:比方登錄、注冊頁面按鈕或其他按鈕,文字14—16號,可依據(jù)實(shí)踐情況調(diào)整巨細(xì)或加粗。比方,英特爾的按鈕字號規(guī)劃:

       5.廣告語及特別情況則需依據(jù)文字的實(shí)踐情況規(guī)劃字號。

        6.同一層級的字號調(diào)配應(yīng)該保持一致。比方,同一層級的版塊中標(biāo)題文字和內(nèi)容文字巨細(xì)的一致性。

        上面分享的標(biāo)準(zhǔn)只是咱們依據(jù)長時(shí)間項(xiàng)目總結(jié)的最佳實(shí)戰(zhàn)經(jīng)驗(yàn),在實(shí)踐網(wǎng)頁規(guī)劃中,還需要規(guī)劃師們依據(jù)網(wǎng)站特征和具體情況靈活規(guī)劃。此外,跟著網(wǎng)頁規(guī)劃開端流行大號文字規(guī)劃風(fēng)格,一些品牌網(wǎng)站、科技網(wǎng)站、活動(dòng)網(wǎng)站,以及一些網(wǎng)站產(chǎn)品展現(xiàn)欄目的文字字號給人十分棒的視覺體會(huì)。

上一條:千禧一代成為互聯(lián)網(wǎng)主力軍...

下一條:告知你SEO推行的辦法...