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

      在網(wǎng)站建造和網(wǎng)頁規(guī)劃中，文字的巨細(xì)也是用戶體會(huì)的一個(gè)重要組成部分。盡管網(wǎng)頁上的字號(hào)沒有遭到太多限制因素的限制，似乎網(wǎng)頁規(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)頁規(guī)劃中，沒有規(guī)定文字的標(biāo)準(zhǔn)字號(hào)，但規(guī)劃師應(yīng)該都知道網(wǎng)頁上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)陣卻沒變，但視覺上顯得稀疏，顯示效果欠安。不過這些因素都能夠酌情考慮。

綜合以上種種原因和咱們的最佳實(shí)踐經(jīng)驗(yàn)，咱們總結(jié)了以下幾條標(biāo)準(zhǔn)，它們能夠讓網(wǎng)頁規(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è)頁面按鈕或其他按鈕，文字14—16號(hào)，可依據(jù)實(shí)踐情況調(diào)整巨細(xì)或加粗。比方，英特爾的按鈕字號(hào)規(guī)劃：

       5.廣告語及特別情況則需依據(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)頁規(guī)劃中，還需要規(guī)劃師們依據(jù)網(wǎng)站特征和具體情況靈活規(guī)劃。此外，跟著網(wǎng)頁規(guī)劃開端流行大號(hào)文字規(guī)劃風(fēng)格，一些品牌網(wǎng)站、科技網(wǎng)站、活動(dòng)網(wǎng)站，以及一些網(wǎng)站產(chǎn)品展現(xiàn)欄目的文字字號(hào)給人十分棒的視覺體會(huì)。