纯干货——移动UI规范 字体指南

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-禁止演绎
8103 8 24 2017-09-04

网络上的字体规范何其多,看似都对,自己动手做起来又摸不着头脑,之前自己总结了一套移动端IOS,Android设计的字体使用总结,献给UI设计师新手(老手请飘过~)


iOS9的默认字体


中文:PingFangSC 苹方系列(6种字样)

“苹方”和 Noto Sans CJK 非常相似,普通用户看不出差别,完全可以使用“苹方”来替代 Noto Sans CJK。

苹方的 font-family 名称是“PingFang SC”(简体)或“PingFang TC”(繁体)。

SC:简体中文版,TC:繁体中文版,HK:香港版

冬青黑体(旧版本)



英文:San Francisco(9种字样)(链接)
为 iOS 和 OS X 设计的 SF,以及为 Watch OS 设计的 SF Compact ,而各自分为各自分为Text 和 Display,其中前者 6 个字重,后者 9 个(多了三个斜体)。
大于19pt 选择SF-UI-Display,小于19pt 选择SF-UI-Text
PS中选择苹方字体,渲染方式选择「Mac」





Android的默认字体


中文 :Noto系列(7种字样)(链接)
Thin, Light、DemiLight、Regular、Medium、Bold、Black
思源黑体=Source Han Sans(Adobe)=Noto Sans CJK(Google)
DroidSansFallback 华文黑体(旧版本),支持繁体中文、简体中文、韩文、日文,效果类似于微软雅黑字体



英文:Roboto(6种字样)(链接)
Thin、Light、Regular、Medium、Bold 、Black
DroidSans(旧版本)


(示例图来自于网络)


相关字体下载路径已加链接地址,懒的fan墙的话,百度网盘已打包整理好^_^

需要的话回复一下,给我加点人气哈~


tips:

思源黑体是Adobe与Google宣布推出的一款开源字体,有七种字体粗细(ExtraLight、Light、Normal、Regular、Medium、Bold 和 Heavy),完全支持日文、韩文、繁体中文和简体中文,还包括来自 Source Sans 字体家族的拉丁文、希腊文和西里尔文字形共65536个字形。

Google将其命名为Noto Sans JK,作为 Google 的 Noto 字体家族的成员。

Adobe 则命名为 Source Han Sans,作为 Adobe 的 Source 字体家族的一员。


Adobe 拥有字体设计的版权。发布的字体文件则可以不受限制的免费使用。

这些字体文件使用Apache许可证版本2(ApacheLicense, Version 2)


Noto Sans CJK 的风格介于现代和传统之间。设计目标是可以广泛用于多种用途的计算机字体,比如用于手机、平板、或者桌面的用户界面、网页浏览或者电子书阅读等等。


Powered by Froala Editor

全部评论:8

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票