欢迎来到森活文化官网 平面活动官网
微信

网络之路,从这里开始

热线电话

021-62677988

森活文化新闻
首页 > 新闻列表 > 网页设计中字体设计

网页设计中字体设计

发布时间: 2016-11-14 09:36

海淘科技为你提供关于,网页设计中字体设计的文章。并且分享,页面设计中字体设计案例欣赏。

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

网页设计中字体设计—赢

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

网页设计中字体设计-永

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

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

网页设计中字体设计

方正悠黑家族的字体笔形设计(上图)


网页设计中字体设计

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

网页设计中字体设计


网页设计中字体设计


网页设计中字体设计

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

网页设计中字体设计
网页设计中字体设计-永


网页设计中字体设计

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

网页设计中字体设计


网页设计中字体设计

此中“503L”到“513B”共十一款字体支持GB18030-2000标准(前期先推出9款),包含了27533个汉字,可满足在不同尺寸荧屏的阅读需求。

网页设计中字体设计

1. 字体设计师门为了配合方正悠黑的笔形风格,并专门设计了整套的英文字体和符号,与不同字体的字重的英文字体在和中文混排的时更加的协调一致。

网页设计中字体设计

2. 方正悠黑家族字体很多,子菜单的引入更利于设计师们的检索与应用。

网页设计中字体设计

3. 方正悠黑家族一样适用在印刷媒介中。此设计富有人文的气息,排版更是清朗温润。

网页设计中字体设计
网页设计中字体设计

4、方正悠黑家族备有TrueType、OpenType、PostScript等很多格式,能狗满足很多种类的软件和硬件平台的需求。

互联网在使用各种改变一切的力量,改变我们的阅读方式,作为信息传递的重要载体——汉字字体同样也要与时俱进。方正字库将要坚持以受众人群的体验为出发点,秉持着严谨的科学态度,从传统中不断吸取养分,以创造经典为使命,为汉字字体的发展做马不停蹄的努力。

页面设计中字体设计欣赏

“大手笔”字体点缀的极其美丽网站界面设计,今日这一组网站可谓是手写字体的运用模范,有是随意散漫,邪魅狷狂类型的;有是精致有序,小资调调类型的;有是优雅流畅,小家碧玉类型的,总而言之风格很多,并且字体的点缀恰到好处,值得你收藏哦!

Hochburg

页面设计中字体设计欣赏

2.Inesplorato

页面设计中字体设计欣赏

3.Circles Conference

页面设计中字体设计欣赏

4.Regis Biron

页面设计中字体设计欣赏

5.Vintage Hope

页面设计中字体设计欣赏

网页设计中字体设计的部分欣赏,先到这里,更多的字体设计在网页设计运用中在,海淘科技的网页设计欣赏中。

文章下载,点击:网页设计中字体设计

相关文章:

版权所有 @ 2007-2018上海森活文化传播有限公司 沪ICP备19016509-2