iOSAndroid移动设计字体规范整理⼤全
对于⼀位移动APP设计师来说,字体的把控⾮常重要。特别是app设计。因为不同的字体在不同的移动终端显⽰出来的效果真是百花齐放。终极没达到我们设计图的效果。
所以,ios和android都有各⾃的设计规范。也是告诉各位⼀定APP设计和开发⼈员可以遵循这些规范来设计开发,尽量达到最佳显⽰效果。
25学堂今天来跟⼤家回顾和整理iOS&Android 移动设计字体规范。
其他详细的尺⼨规范⼤家可以点击查看:
⼀、IOS版本的字体设计规范和常识
iOS 的 1 pt = 逻辑像素 1 px = 物理像素 1 px(⾮ Retina)或 2 px(Retina)
如果你新建 Photoshop ⽂档时将 PPI 设定为 72,则⽂档中 1 pt = 1 px;如果你把 PPI 设为 144,则 1 pt = 2 px。
单位术语:pt: point px: pixel PPI: pixels per inch
Photoshop 默认使⽤ 1 inch = 72 pt 的标准,所以为什么我们设计APP界⾯设计效果的时候,设置的分辨率就是72,主要是这样设计⽅便、免了换算之苦。
1、如果你是iOS客户端开发⼈员,你在编程时使⽤的默认简体中⽂字体,就是常⽤的华⽂Heiti SC。
2、如果你是iOS UI设计⼈员,你在设计时如果使⽤Photoshop,请选中“⿊体-简”或Heiti SC,并设置为“细体”、“浑厚”是与iOS上的实际效果最接近的(Heiti SC Thin)。或者是冬青⿊简体、⿊体等等。英⽂字体是 Helvetica Neue Ultra Light。
之前25学堂报道的相关ios 设计字体:
1、
2、
如今iphone6和iphone6+开始流⾏,我们设计的字体规范也有所改变。
因为iPhone6和iPhone 6Plus都有标准模式和放⼤模式2种分辨率:
iphone6的两种模式
1.iPhone4和iPhone5宽度⼀样,5只是⽐4⾼176像素,所以5和4⼀套规范即可;
2.iPhone6的放⼤模式分辨率是640*1136,和iPhone5正好相同;
3.iPhone6的标准模式分辨率为750*1334,整体放⼤1.5倍正好是iPhone6 Plus的放⼤模式1125*2001。
我们来看淘宝购物车的截图(从左到右依次为iPhone4、5、6):
iphone设计字体规范
总结:我们可以看出iPhone 4、5、6是可以共⽤⼀套字体⼤⼩规范。
⽽iPhone6 plus在放⼤模式下的字体正好是在此基础上放⼤ 1.5倍:
如下我们来看下⼀般规律(72像素/英⼨下的字号⼤⼩规律,即72ppt下⾯)
导航栏标题:⼤概34px-42px;现在标题越来越⼩,⼀般36⽐较合适。
如果是iphone plus 那么字体⼤⼩应该是51-63px之间。最合适的54px。
标签栏⽂字:20-24px。ios⾃带应⽤都是20px。个⼈认为标签栏时(图标+⽂字)形式的的话不要⼤于22⽐较合适。
正⽂:28px-36px,新闻类基本都在⽤36,⽐如⽹易新闻正⽂部分。
除了新闻类,其他类型的APP 正⽂列表表单都可以是30-32px左右。
⼆、安卓android APP字体设计规范
安卓中⽂字体: droid sans fallback
安卓英⽂字体:roboto
安卓⼿机的默认中⽂字体都是droid sans fallback,是⾕歌⾃⼰的字体,与微软雅⿊很像,⼩⽶miui v5 ⽤的也是这种字体。
⼤家可以阅读25学堂之前发布的《》
sp与px的换算公式:sp*ppi/160 = px
如果想看下详细android字体:
题外话:为什么android安卓机器上的字体没ios的好看,原因有2点
第⼀点:android分辨率很多,字体渲染机制不⼀样。
第⼆点:和 iOS 相⽐,Android 的“字体系统”最⼤的⼀个缺点其实是缺字。正好体现了 iOS 在 Android 字符数⾯前的优越感。
附加各⼤主流的移动或者桌⾯操作系统的默认中英⽂字体手机桌面字体样式免费下载
以下列出的是西英⽂字体和简体中⽂字体:
Windows(Vista 及更⾼版本)
Segoe UI
微软雅⿊ [1](Windows 8 开始⽤微软雅⿊ UI [2])
Windows(Vista 之前)
Tahoma
中易宋体(⼜称宋体、SimSun)
Windows Phone
Segoe WP
⽅正等线(简体中⽂ locale,详见 [3])或微软雅⿊ [1](英语 locale)Mac OS X
Lucida Grande
华⽂⿊体(具体情况⽐较复杂,详见 [4])
iOS
Helvetica Neue [5](⾮ Retina display 的设备⽤ Helvetica)
华⽂⿊体(该版本称作⿊体-简,参见 [4])
Android
Droid Sans(4.0 之前)或 Roboto [6](4.0 及更⾼版本)
Droid Sans Fallback [1](⽂泉驿微⽶⿊之母)
Ubuntu
⽂泉驿微⽶⿊ [1]
MIUI V5
⽅正兰亭中⿊和⽅正兰亭⿊
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论