• 相關文章(zhāng)
    其他(tā)綜合
    當前位置:啓肯科技> 新聞資訊> 其他(tā)綜合> 詳情頁

    關于網頁設計中字體運用(yòng)需注意的(de)事項與技巧

    TAG: 網頁設計(1) 時(shí)間:2019-09-10 浏覽:0

    一個(gè)網站設計排版是否優秀,是否合理(lǐ)會影(yǐng)響用(yòng)戶的(de)跳出率和(hé)閱讀積極性。所謂的(de)網站設計優化(huà)就是對(duì)網頁的(de)美(měi)化(huà)和(hé)排版操作。小編根據自身的(de)多(duō)年經驗,把網站設計中的(de)的(de)6點小技巧分(fēn)享給小夥伴們!

    1. 一網站字體,一個(gè)頁面不能用(yòng)好幾種字體,這(zhè)樣會破壞頁面的(de)字體統一性和(hé)布局!字體盡量用(yòng)标準的(de)宋體或者雅黑(hēi),也(yě)就是用(yòng)戶電腦(nǎo)裏都具備的(de),别搞個(gè)特殊的(de)字體,用(yòng)戶電腦(nǎo)根本無法顯示或者顯示異常,這(zhè)樣都是不利的(de)。字體的(de)大(dà)小控制在12-14,标題字體的(de)大(dà)在16-18都是比較合理(lǐ)的(de)!好字體和(hé)合适的(de)文字大(dà)小能使用(yòng)戶流暢浏覽頁面内容。
     

    2. 限制行的(de)長(cháng)度, 每行應約60個(gè)字符。每行擁有适當的(de)字符數量是讓你的(de)文本具有可(kě)讀性,”行太短,視線要經常返回,會打破讀者的(de)節奏。行太長(cháng),用(yòng)戶的(de)視線又很難專注于文本。

    3.段落行之間的(de)間距,可(kě)以增加文本之間的(de)垂直間距,行高(gāo)應該是字符高(gāo)度的(de)30%。利用(yòng)好段落的(de)間距可(kě)以提高(gāo)可(kě)讀性,換取屏幕的(de)足夠空間。
     

    4 頁面顔色對(duì)比要合理(lǐ),在文本和(hé)背景中不要使用(yòng)相同或相似的(de)顔色,文本越明(míng)顯,用(yòng)戶才能更快(kuài)的(de)閱讀。你一旦選擇了(le)顔色,就要在大(dà)多(duō)數設備上進行測試。如果測試時(shí)顯示閱讀副本有問題,那麽你的(de)用(yòng)戶使用(yòng)時(shí)也(yě)會有相同得(de)到問題。個(gè)人(rén)比較喜歡的(de)文本顔色值是#555,标題我會用(yòng)到#333,标簽顔色一般用(yòng)#888 當然隻能做(zuò)參考!
     

    5. 避免紅色或綠色的(de)文本,色盲很常見,尤其是男(nán)性,據調查8%的(de)男(nán)性是紅綠色盲,避免單獨使用(yòng)紅色和(hé)綠色來(lái)傳達信息。個(gè)人(rén)感覺一個(gè)頁面如果有好幾種字體顔色,看了(le)就不頭痛不喜歡!

    6 避免使用(yòng)閃爍的(de)文字,首先,閃爍的(de)内容可(kě)能會導緻個(gè)體癫痫發作,其次,對(duì)于大(dà)多(duō)數用(yòng)戶,這(zhè)很令人(rén)反感而且容易分(fēn)心。

    總結,一個(gè)好的(de)網頁設計,離不開一個(gè)好的(de)字體相關信息的(de)細緻化(huà),需要具備統一性 合理(lǐ)性,顔色搭配能滿足大(dà)部分(fēn)用(yòng)戶。反之你的(de)内容再優秀,對(duì)浏覽者都是沒有吸引力!
     

    關于網頁設計中字體運用(yòng)需注意的(de)事項與技巧

    說點什(shén)麽吧
    • 全部評論(0
      還(hái)沒有評論,快(kuài)來(lái)搶沙發吧!