网页设计中字体设计

2022-05-30 分类：网站建设

创新互联为你提供关于，网页设计中字体设计的文章。并且分享，页面设计中字体设计案例欣赏。

荧屏阅读已是人们日常获得信息的主要方式，起初由打印的信息不断迁移到后来的电子媒体，移动电话，平板电脑等等，而且比打印更方便，如果要实现电子产品的阅读与打印出来的阅读同样的舒适性，那么我们必须重视荧屏字体的研究，如同纸质媒体早先所做的那样。
现在，屏幕像素密度就可容易超过300 PPI，显示的精度不再是一个问题，这也就同时意味着汉子屏幕字体设计可不再受技术的限制。从起初的产量低像素屏幕位图字体，到使用的印刷字体，再到专门为电脑、微软的中国第一代屏幕字体的黑色和兰亭的悠黑家庭，中文字体也逐渐从被动适应到主动的研究与开发。

网页设计中字体设计—赢

第一代的汉字屏显字体样式去“喇叭口”,字体面积大,偏向几何化,具有工业的感觉。但是为了适应字体低像素的密度，损失了书面写的传统美感。后随移动端的普及，第一代的显屏字体已经不能够满足各种各样的便携式荧屏的阅读诉求。

今日,5寸左右的手机荧屏像素数量已与电脑显示屏幕数量差不多(如1080x1920),其中像素密度普遍超过300PPI，几乎接近一般打印效果。这给中文屏显字体设计带来了更大的自由。加之手机、平板电脑的阅读视距比电脑要近得多，所以不必再一味追求字体的大字面，由此，中文屏显字体设计回归人文的表达成为可能。

为了人们丰富便携式荧屏的阅读体验感，方正字体库广纳各界意见，经过长达两年的精心字体设计，在2015年9月正式的推出第二代汉字屏显字体——方正悠黑家族。这个字体的设计充分的利用高清屏物理特性，适当的缩紧中宫和缩小字体面积，提高汉字的识别性；融汇传统书面写气息，提升了汉字的阅读品质。

方正悠黑家族的字体笔形设计（上图）

阅读的过程是对汉字图形进行快速识别的过程，这是建立在文字和文字之间存在的形态差异的基础之上，过于简化笔形和字体的结构，这会使得文字的轮廓和颜色的灰度过于一致，反而不利于阅读。从汉字识别的角度看，“中宫”和“字面”是影响文字内空间与外轮廓的直接因素。

方正悠黑第二代屏显字体的设计，并没有对日前扁平化设计的极简路线东施效颦，而是努力寻求新技术与传统审美的平衡。主创设计师仇寅深谙传统楷书笔法，在设计中保留了汉字书写的笔锋特征和间架结构，笔意舒展、气韵连贯，适合长时间阅读。这相比较第一代汉字屏显字体来说，我们可看到从开始的工业气息感向人文气息的一个转变。

方正悠黑家族是使用一百三十五款字体组成。因为家族庞大，所以为了便于字体辨别，字体在命名方式时采用了数字编号系统。纵轴(一至十)从左到右表示字身的扁与窄，此中“5”为常用标准方块字体；横轴(零一至十五)从上到下表示字重的变化，并且采用西文字体字重的缩写，名称对此进行了分类(例如01=Light，07=Regular，10=Medium，12=Bold，14=Heavy)。特别是在印刷媒介，能够更好地引导设计师把悠黑和其它西文字体的字重进行配比使用。