網(wǎng)頁(yè)規(guī)劃中如何用適宜字號(hào)提高用戶體會(huì)? |
發(fā)布時(shí)間:2021-02-20 文章來(lái)源:本站 瀏覽次數(shù):2529 |
在網(wǎng)站建造和網(wǎng)頁(yè)規(guī)劃中,文字的巨細(xì)也是用戶體會(huì)的一個(gè)重要組成部分。盡管網(wǎng)頁(yè)上的字號(hào)沒有遭到太多限制因素的限制,似乎網(wǎng)頁(yè)規(guī)劃師能夠自由挑選字號(hào),但并不意味著規(guī)劃師能夠隨意挑選,站在用戶體會(huì)和視覺規(guī)劃視點(diǎn)考慮,仍是要遵循一些網(wǎng)站規(guī)劃原則。本文與大家分享如何用適宜的字號(hào)提高用戶的體會(huì)。
關(guān)于字號(hào)標(biāo)準(zhǔn): 在現(xiàn)在的網(wǎng)頁(yè)規(guī)劃中,沒有規(guī)定文字的標(biāo)準(zhǔn)字號(hào),但規(guī)劃師應(yīng)該都知道網(wǎng)頁(yè)上12號(hào)和14號(hào)字體十分常見。這也是因?yàn)橐恍┛陀^因素的限制: > 規(guī)劃軟件 規(guī)劃師運(yùn)用的規(guī)劃軟件,比方PS等,大多數(shù)是偶數(shù),這是一種習(xí)氣的連續(xù)。 > 瀏覽器 在某些瀏覽器上,奇數(shù)字號(hào)會(huì)被自動(dòng)渲染成偶數(shù),比方IE6。 > 漂亮度 偶數(shù)字號(hào)的文字,比方12號(hào)的“中”字,去掉1像素的間距,填充了像素的實(shí)踐寬是11px,文字的中豎線左右是平分的,顯得均衡,具有美感。 > 實(shí)踐應(yīng)用 Windows自帶的點(diǎn)陣宋體從Vista開端只提供12、14、16px三個(gè)巨細(xì)的點(diǎn)陣,在13、15、17px下,盡管每個(gè)字的空間大了1px,點(diǎn)陣卻沒變,但視覺上顯得稀疏,顯示效果欠安。不過(guò)這些因素都能夠酌情考慮。
綜合以上種種原因和咱們的最佳實(shí)踐經(jīng)驗(yàn),咱們總結(jié)了以下幾條標(biāo)準(zhǔn),它們能夠讓網(wǎng)頁(yè)規(guī)劃更專業(yè)。 1.文字的字號(hào)盡量挑選12、14、16等偶數(shù)字號(hào),文字最小不能小于12號(hào)。 2.導(dǎo)航文字及頭部底部文字的字號(hào):Header導(dǎo)航文字12號(hào)或14號(hào);Menu導(dǎo)航文字14—18號(hào);Sidebar文字12號(hào)或14號(hào),一級(jí)菜單運(yùn)用14號(hào)、二級(jí)菜單運(yùn)用12號(hào),或一級(jí)菜單運(yùn)用12號(hào)加粗、二級(jí)菜單運(yùn)用12號(hào);Footer文字12號(hào)或14號(hào)。 3.正文:大標(biāo)題文字24—32號(hào);標(biāo)題文字16或18號(hào);正文文字12號(hào)或14號(hào),可依據(jù)實(shí)踐情況加粗。 4.按鈕文字:比方登錄、注冊(cè)頁(yè)面按鈕或其他按鈕,文字14—16號(hào),可依據(jù)實(shí)踐情況調(diào)整巨細(xì)或加粗。比方,英特爾的按鈕字號(hào)規(guī)劃: 5.廣告語(yǔ)及特別情況則需依據(jù)文字的實(shí)踐情況規(guī)劃字號(hào)。 6.同一層級(jí)的字號(hào)調(diào)配應(yīng)該保持一致。比方,同一層級(jí)的版塊中標(biāo)題文字和內(nèi)容文字巨細(xì)的一致性。 上面分享的標(biāo)準(zhǔn)只是咱們依據(jù)長(zhǎng)時(shí)間項(xiàng)目總結(jié)的最佳實(shí)戰(zhàn)經(jīng)驗(yàn),在實(shí)踐網(wǎng)頁(yè)規(guī)劃中,還需要規(guī)劃師們依據(jù)網(wǎng)站特征和具體情況靈活規(guī)劃。此外,跟著網(wǎng)頁(yè)規(guī)劃開端流行大號(hào)文字規(guī)劃風(fēng)格,一些品牌網(wǎng)站、科技網(wǎng)站、活動(dòng)網(wǎng)站,以及一些網(wǎng)站產(chǎn)品展現(xiàn)欄目的文字字號(hào)給人十分棒的視覺體會(huì)。 |
|