该用多大的字

作者:一叶千鸟 来源:千鸟志 时间:2009-05-17 14:39:00 

将来电脑的大显示屏会越来越普及,并且从现在web设计作品中能观察到两点趋势:

  1. 页面布局普遍更宽;

  2. 页面内容文字普遍更大。

使用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单位计算)

标签:字体,文字,用户
0
投稿

猜你喜欢

  • python基于Tkinter实现人员管理系统

    2021-05-01 10:07:19
  • oracle下实现恢复一个丢失的数据文件的代码

    2009-03-02 11:02:00
  • Python开发常用的一些开源Package分享

    2022-12-10 22:00:11
  • vue实现动态控制el-table表格列的展示与隐藏

    2024-05-05 09:07:26
  • Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例

    2022-11-16 04:14:21
  • Golang实现http server提供压缩文件下载功能

    2024-05-09 14:56:00
  • ASP用户登录验证代码

    2008-05-15 12:49:00
  • python变量的存储原理详解

    2023-03-26 14:46:48
  • SQL Server AlwaysOn读写分离配置图文教程

    2024-01-19 10:20:20
  • Python 使用os.remove删除文件夹时报错的解决方法

    2021-06-21 00:34:58
  • PHP header()函数使用详细(301、404等错误设置)

    2023-11-02 17:28:23
  • python中waitKey实例用法讲解

    2022-10-27 22:33:33
  • Python3写入文件常用方法实例分析

    2023-08-24 14:44:53
  • Python标准库之Math,Random模块使用详解

    2021-02-09 22:33:13
  • vue中使用vue-qriously插件生成二维码

    2024-04-27 16:01:31
  • 利用python实现.dcm格式图像转为.jpg格式

    2021-08-28 04:16:35
  • tkinter禁用(只读)下拉列表Combobox问题

    2021-01-02 13:05:34
  • python自动下载图片的方法示例

    2022-01-03 06:32:44
  • 浅谈python 类方法/静态方法

    2021-02-23 07:00:54
  • Python自然语言处理之词干,词形与最大匹配算法代码详解

    2023-07-23 04:48:37
  • asp之家 网络编程 m.aspxhome.com