網頁中該用多大的字
2023-12-25 分類： 網站建設
將來電腦的大顯示屏會越來越普及，并且從現在web設計作品中能觀察到兩點趨勢：
頁面布局普遍更寬； 頁面內容文字普遍更大。
使用1280×800和1280×1024的用戶越來越多，并且1440×900也占了相當比例。也就是說，常規屏幕寬度已經遠遠超出了曾經1024的主流標準。好多網站首頁都把正文（或列表，后文不贅述）文字都改大了，基本打破由12px統一天下局面，因為高分屏閱讀小字會比較吃力。
同時，頁面上文字也不是越大就一定越好，因為看起來比較大的感覺是相對的。如果頁面上90%都是12px的文字，剩下10%是14px，那么效果就比較突出；如果頁面上60%都是12px的文字，其余40%是14px，那么效果肯定很糟糕。而且保證首屏顯示內容足夠多、足夠清晰是基本設計原則，因此需要折中最優。個人判斷，如果將來屏幕普及更大更寬，首先布局趨勢不會更寬，其次頁面內容文字不會更大，適應1024寬度的960px/14px將是掃視、閱讀的最佳比例。
最近做某些評估時，還發現個規律——文字大小字號越少的頁面，傳達效果必然越受限。因為可擴展表現形式就那么幾種，中英文同時適用，只不過中文因可選字體太少會更明顯。如果再配合顏色差異，可以保證Web UI層次分明而豐富多彩，原理可參考07年總結內容呈現的減法。
其實可訪問性原則的標記語言已經明確提到這點，針對h1-h6標題的合理使用。但是任何效果都可以用style定義出來，那為什么要還h1-h6這么復雜？有人說為了搜索引擎友好，我認為這不是根源，關鍵是提醒web設計師在語義角度注意呈現多樣化，包括對其他標簽的合理使用。講究迎合搜索引擎那只是后來的事，因為搜索引擎友好的規則也是在參考W3C標準。前段時間學習幾個比較成熟的CSS框架，也特別關注了針對H1-H的處理。
中文最常用的是12px, 14px, 16px, 18px四種雙數定義。某些字體13px效果也不錯，更大也不難看，但再小普遍瀏覽器的支持不好。相比之下，英文選擇豐富得多，從9px到更大，配合不同系統支持字體幾乎都有好效果，我相信這是英文web頁面比中文好看的重要原因之一。（為準確闡述，本文統一使用PX單位計算）
頁面布局普遍更寬； 頁面內容文字普遍更大。
使用1280×800和1280×1024的用戶越來越多，并且1440×900也占了相當比例。也就是說，常規屏幕寬度已經遠遠超出了曾經1024的主流標準。好多網站首頁都把正文（或列表，后文不贅述）文字都改大了，基本打破由12px統一天下局面，因為高分屏閱讀小字會比較吃力。
同時，頁面上文字也不是越大就一定越好，因為看起來比較大的感覺是相對的。如果頁面上90%都是12px的文字，剩下10%是14px，那么效果就比較突出；如果頁面上60%都是12px的文字，其余40%是14px，那么效果肯定很糟糕。而且保證首屏顯示內容足夠多、足夠清晰是基本設計原則，因此需要折中最優。個人判斷，如果將來屏幕普及更大更寬，首先布局趨勢不會更寬，其次頁面內容文字不會更大，適應1024寬度的960px/14px將是掃視、閱讀的最佳比例。
最近做某些評估時，還發現個規律——文字大小字號越少的頁面，傳達效果必然越受限。因為可擴展表現形式就那么幾種，中英文同時適用，只不過中文因可選字體太少會更明顯。如果再配合顏色差異，可以保證Web UI層次分明而豐富多彩，原理可參考07年總結內容呈現的減法。
其實可訪問性原則的標記語言已經明確提到這點，針對h1-h6標題的合理使用。但是任何效果都可以用style定義出來，那為什么要還h1-h6這么復雜？有人說為了搜索引擎友好，我認為這不是根源，關鍵是提醒web設計師在語義角度注意呈現多樣化，包括對其他標簽的合理使用。講究迎合搜索引擎那只是后來的事，因為搜索引擎友好的規則也是在參考W3C標準。前段時間學習幾個比較成熟的CSS框架，也特別關注了針對H1-H的處理。
中文最常用的是12px, 14px, 16px, 18px四種雙數定義。某些字體13px效果也不錯，更大也不難看，但再小普遍瀏覽器的支持不好。相比之下，英文選擇豐富得多，從9px到更大，配合不同系統支持字體幾乎都有好效果，我相信這是英文web頁面比中文好看的重要原因之一。（為準確闡述，本文統一使用PX單位計算）
網頁標題：網頁中該用多大的字
標題鏈接：http://www.2m8n56k.cn/news12/310312.html
成都網站建設公司_創新互聯，為您提供虛擬主機、網站導航、響應式網站、搜索引擎優化、網站內鏈、微信小程序
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 成都做網站優化，你還在苦惱什么？ 2023-12-25
- 網站優化：網站注重優化是正確的選擇！ 2023-12-25
- 成都小程序開發的發展趨勢是什么？ 2023-12-25
- 在長沙找一家建站公司做網站開發要多少錢？ 2023-12-25
- 成都app開發：優衣庫的微信營銷有多厲害你們造嗎？ 2023-12-25
- 成都網絡公司：尋找一個網絡托管服務是什么 2023-12-25
- 成都小程序制作商城要花多少錢？有哪些開發方式？ 2023-12-25
- 從“新”出發，初心不改——安慶先鋒網全新改版上線 2023-12-25
- CG自學網站鏈接制作app(cg制作自學有可能嗎) 2023-12-25
- 自定義配置美國云服務器的優勢和應用場景 2023-12-25
- 成都SEO優化網站做法總結及計劃 2023-12-25
- 企業成都網站建設要注意的方方面面 2023-12-25
- 外貿獨立站網站建設 2023-12-25
- 用CSS創建三欄頁布局 2023-12-25
- 傳統服務器和云服務器的區別有哪些? 2023-12-25
- 營口網站開發怎么設計有吸引力？ 2023-12-25
- 手機微信成都網站建設要怎樣設計構思？ 2023-12-25
- 成都軟件開發的分類有哪些? 2023-12-25
- 分享網站用戶體驗意見反饋之小功能大設計 2023-12-25