網(wǎng)頁規(guī)劃中如何用適宜字號提高用戶體會? |
發(fā)布時(shí)間:2021-02-20 文章來源:本站 瀏覽次數(shù):2509 |
在網(wǎng)站建造和網(wǎng)頁規(guī)劃中,文字的巨細(xì)也是用戶體會的一個(gè)重要組成部分。盡管網(wǎng)頁上的字號沒有遭到太多限制因素的限制,似乎網(wǎng)頁規(guī)劃師能夠自由挑選字號,但并不意味著規(guī)劃師能夠隨意挑選,站在用戶體會和視覺規(guī)劃視點(diǎn)考慮,仍是要遵循一些網(wǎng)站規(guī)劃原則。本文與大家分享如何用適宜的字號提高用戶的體會。
關(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ù)字號會被自動(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)欄目的文字字號給人十分棒的視覺體會。 |
|