建站常識
該用多大的字
2009-05-18 07:57:00
將來電腦的大顯示屏會越來越普及,并且從現在web設計作品中能觀察到兩點趨勢:
頁面布局普遍更寬;
頁面內容文字普遍更大。
使用1280×800和1280×1024的用戶越來越多,并且1440×900也占了相當比例。也就是說,常規(guī)屏幕寬度已經遠遠超出了曾經1024的主流標準。好多網站首頁都把正文(或列表,后文不贅述)文字都改大了,基本打破由12px統一天下局面,因為高分屏閱讀小字會比較吃力。
同時,頁面上文字也不是越大就一定越好,因為看起來比較大的感覺是相對的。如果頁面上90%都是12px的文字,剩下10%是14px,那么效果就比較突出;如果頁面上60%都是12px的文字,其余40%是14px,那么效果肯定很糟糕。而且保證首屏顯示內容足夠多、足夠清晰是基本設計原則,因此需要折中最優(yōu)。個人判斷,如果將來屏幕普及更大更寬,首先布局趨勢不會更寬,其次頁面內容文字不會更大,適應1024寬度的960px/14px將是掃視、閱讀的最佳比例。
最近做某些評估時,還發(fā)現個規(guī)律——文字大小字號越少的頁面,傳達效果必然越受限。因為可擴展表現形式就那么幾種,中英文同時適用,只不過中文因可選字體太少會更明顯。如果再配合顏色差異,可以保證Web UI層次分明而豐富多彩,原理可參考07年總結內容呈現的減法。
其實可訪問性原則的標記語言已經明確提到這點,針對h1-h6標題的合理使用。但是任何效果都可以用style定義出來,那為什么要還h1-h6這么復雜?有人說為了搜索引擎友好,我認為這不是根源,關鍵是提醒web設計師在語義角度注意呈現多樣化,包括對其他標簽的合理使用。講究迎合搜索引擎那只是后來的事,因為搜索引擎友好的規(guī)則也是在參考W3C標準。前段時間學習幾個比較成熟的CSS框架,也特別關注了針對H1-H的處理。
中文最常用的是12px, 14px, 16px, 18px四種雙數定義。某些字體13px效果也不錯,更大也不難看,但再小普遍瀏覽器的支持不好。相比之下,英文選擇豐富得多,從9px到更大,配合不同系統支持字體幾乎都有好效果,我相信這是英文web頁面比中文好看的重要原因之一。(為準確闡述,本文統一使用PX單位計算)
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網站設計制作
- [2023-04-10 11:07:30] 網站建設制作流程知多少
- [2022-10-14 10:11:30] 做網站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產品”思維搭建網站!
- [2022-08-08 09:12:57] 一家公司的網站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網站首頁設計的好看,這個網站就成功了一大半!
- [2022-05-20 09:34:19] 網站后臺管理系統是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網站建設公司
- [2022-05-17 11:27:01] 高端網站定制與模板化網站應該怎么選擇?
- [2022-04-22 16:00:41] 現在高端的網站設計都有哪些新的趨勢?
延伸閱讀
- [2007-10-31 15:44:00] 網頁文字的設計應該像聰明女孩穿衣服那樣
- [2009-06-22 14:31:00] 賬戶名和密碼漏輸或誤輸的文字提示
- [2008-02-22 10:37:00] 文字鏈接,怎么辦?
- [2007-06-06 15:11:00] 用文字注入情感
- [2005-12-29 20:52:00] 網頁設計中的文字運用
- [2006-04-07 16:45:00] 文字,你到底能多大?--分析網頁文字的字號
- [2007-11-03 22:31:00] 如何制定文字語言規(guī)范
- [2006-02-27 16:11:00] 網頁的版式設計—文字的格式化
- [2010-07-15 08:29:00] [圖說交互]鼠標文字選中與產品整合
- [2007-10-25 12:26:00] 適合閱讀的頁面文字寬度(字數)
- [2006-09-26 11:13:00] 關于文字鏈接與按鈕的分析
- [2007-11-01 11:56:00] 產品文字的減法