恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
字体的研究
0.0°
2016-08-07 原创文章 经验/观点 举报 3604 12 17 0

这主要是关于字体的研究,比较浅显易懂。总结了一下自己对于字体的认识。附keynote下载

Image title

字,

就是文字, 

是一种信息的载体, 

是语言的一种呈现方式。 


我们现在不讨论语言, 只讨论字的样子、字的设计 


无论你朝哪里看都能够看到文字。


Image title

Image title

Image title

Image title

Image title

文字运用在我们生活的方方面面,无处不在。 

虽然现在,越来越多的使用图标作为载体,但文字的作用依旧是不可替代的。 


我们就来说一说字的设计、字的美学

Image title

Image title

这是helvetica,这是他的细,常规体,粗体

Helvetica是一个无衬线体(稍后会说),一个具有标志性的字体,它是当今世界使用最广泛的字体。


它有非常高的识别性

Image title

helvetica后来推出了Neue,增加了更多字形,粗体、细体、斜体。

Image title

我们来看看哪些品牌的logo使用了Helvetica

Image title

Image title

Helvetica不带有任何感情,

运用在各个场景都非常合适。

Image title

Image title

Helvetica曾今是Mac OS上默认的英文系统字体,

而Windows上曾今使用的是仿造Hevetica的Arial,


大家看一下Helvetica和Arial,看起来好像是差不多的:

Image title

现在,移动操作系统使用的是这些字体:

Image title


Image title

其中,IOS的San Francisco分为2种一种是iphone用的,一种是apple watch用的。

Image title


我们刚才看了现在主流系统用的字体

苹方、思源黑体、微软雅黑都属于黑体

San Francisco、Robot、Microsoft Yahei都属于非衬线体

Image title

我们来看看不同字体的分类

Image title

Image title

Image title

Image title

Image title


Image title

Image title

我们都知道,英文字体有26个字母。中文字就非常多了!


GBK就是国标扩展字库,1995年制定。包含了绝大多数汉字、生僻字。

GB18030字库比GBK多了很多,是因为它包含了很多古文字、偏僻字、少数名族文字。可用于一切处理中文。

BIG-5大五码,是通行于台湾、香港地区的一个繁体字编码方案

UTF-8包含各国的文字,包括中文、韩文、日文、英文……


Image title

有时候我们在用字体的时候,会有无法识别的字体,或者显示不正确、乱码、方框的问题。是因为字体里面不包含你所写的字。

比如这个牛ben的ben。他不显示,因为汉仪歪歪体他是使用的GB2312,而不是GBK的字库。

而下面的苹方和方正新书宋简体用的是GBK的字库。


所以说,我们日常在编写文档、演示文稿的时候,都优先选择GBK字库的字体。

下面,我们看看中文字体的设计厂商:

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

字体是有版权的,我们先看看免费字体:


方正黑体、方正书宋、方正仿宋、方正楷体等……

这些字体针对“商业发布”这种使用方式免费:

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title而更多字体,对于个人免费,或者很便宜。

对于商业授权收取一定的费用(下面是2016年初的价格)

Image title

Image title

Image title

Image title

关于字体设计,这里简单看一下,不做深入研究:

Image title

Image title

Image title

Image title

Image title

我们在使用字体的时候需要注意一些方法和原则:

Image title

Image title

Image title

webfont使用了CSS3的font-face的属性,使用font-face定义字体后,就可以直接用font-family应用该字体。

现在,在H5,APP中使用的很多:

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title


Image title





Keynote下载地址:https://pan.baidu.com/s/1i5e2FAX


作者:eWei


原文发布在8天在线UED博客 http://ued.8dol.com/?p=64



更新:2016-08-07

收藏

12人已收藏

eWei

设计师/博客:http://ewei.me

  • 4

    作品

  • 10

    粉丝

  • 3

    关注

  • 图片压缩工具哪家强?
  • 使用Sketch Measure规范导出功能代替Zeplin
  • 如何成为卓有成效的UED团队?

    猜你喜欢

      2016-08-07 原创文章 经验/观点 举报 3604 12 17 0

      字体的研究

      0.0°

      你确定要举报字体的研究

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年08月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      17
      12
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录