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

用户头像
宁波/交互设计师/9年前/2390浏览
纯干货——移动UI规范 字体指南

网络上的字体规范何其多,自己动手做起来又摸不着头脑,自己总结了一套移动端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」
272359aeac76a8012028a9d26c0d.jpg




Android的默认字体


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

b5e659aeacb3a8012028a933367c.jpg


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

322559aeacdca8012028a91fd5ec.jpg

(示例图来自于网络)


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

链接:https://pan.baidu.com/s/18hSezhlgE8b834TVTakixg  密码:svum

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


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


15
举报
|
22
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI 登录界面设计模板包
【新年UI图标】礼物/活动icon
【新年UI图标】30个图标
钱包ui模板
Security Camera UI kit
高级表盘系列UI源文件
新能源APP应用UIKit
UI通用设计素材1
3D渐变流体抽象矢量UI背景图
3D卡通UI界面图标可爱插画免扣素
手表表盘UI系列
【新年UI图标】秒杀icon
高级感金属拟物 UI设计组件库
户外旅行飞机情侣假日出行
盲盒APP UI设计
【新年UI图标】旅行icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
【新年UI图标】会员icon
智能家居中心 简约 UI设计组件库
科技医疗透明柜UI界面设计
【新年UI图标】汽车icon
UI界面 组件
你可能喜欢
大家都在看
登录注册