移动设计字体规范整理

《移动设计字体规范整理》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、iOS&Android移动设计字体规范整理大全对于一位移动APP设计师来说，字体的把控非常重要。特别是app设计。因为不同的字体在不同的移动终端显示出来的效果真是百花齐放。终极没达到我们设计图的效果。所以，ios和android都有各自的设计规范。也是告诉各位一定APP设计和开发人员可以遵循这些规范来设计开发，尽量达到最佳显示效果。一、IOS版本的字体设计规范和常识iOS的1pt=逻辑像素1px=物理像素1px（非Retina）或2px（Retina）如果你新建Photoshop文档时将PPI设定为72，则文档中1pt=

2、1px；如果你把PPI设为144，则1pt=2px。单位术语：pt:point   px:pixel    PPI:pixelsperinchPhotoshop默认使用1inch=72pt的标准，所以为什么我们设计APP界面设计效果的时候，设置的分辨率就是72，主要是这样设计方便、免了换算之苦。 1、如果你是iOS客户端开发人员，你在编程时使用的默认简体中文字体，就是常用的华文HeitiSC。2、如果你是iOSUI设计人员，你在设计时如果使用Photoshop，请选中“黑体-简”或HeitiSC，并设置为“细体”、“浑厚

3、”是与iOS上的实际效果最接近的（HeitiSCThin）。或者是冬青黑简体、黑体等等。英文字体是HelveticaNeueUltraLight。 如今iphone6和iphone6+开始流行，我们设计的字体规范也有所改变。因为iPhone6和iPhone6Plus都有标准模式和放大模式2种分辨率： 1.iPhone4和iPhone5宽度一样，5只是比4高176像素，所以5和4一套规范即可；2.iPhone6的放大模式分辨率是640＊1136，和iPhone5正好相同；3.iPhone6的标准模式分辨率为750*1334

4、，整体放大1.5倍正好是iPhone6Plus的放大模式1125*2001。我们来看淘宝购物车的截图（从左到右依次为iPhone4、5、6）： 总结： 我们可以看出iPhone4、5、6是可以共用一套字体大小规范。而iPhone6plus在放大模式下的字体正好是在此基础上放大 1.5倍： 如下我们来看下一般规律（72像素/英寸下的字号大小规律，即72ppt下面）导航栏标题：大概34px-42px；现在标题越来越小，一般36比较合适。如果是iphoneplus那么字体大小应该是51-63px之间。 最合适的54px。标签栏

5、文字：20－24px。ios自带应用都是20px。个人认为标签栏时（图标＋文字）形式的的话不要大于22比较合适。正文：28px－36px，新闻类基本都在用36，比如网易新闻正文部分。 除了新闻类，其他类型的APP 正文 列表 表单都可以是30-32px左右。  二、安卓androidAPP字体设计规范安卓中文字体： droid sans fallback安卓英文字体：roboto安卓手机的默认中文字体都是droidsansfallback，是谷歌自己的字体，与微软雅黑很像，小米miuiv5用的也是这种字体。 sp与px的

6、换算公式：sp*ppi/160=px如果想看下详细android字体：Android移动APP设计字体规范详解 题外话：为什么android安卓机器上的字体没ios的好看，原因有2点第一点：android分辨率很多，字体渲染机制不一样。第二点：和iOS相比，Android的“字体系统”最大的一个缺点其实是缺字。正好体现了iOS在Android字符数面前的优越感。 附加各大主流的移动或者桌面操作系统的默认中英文字体以下列出的是西英文字体和简体中文字体：Windows（Vista及更高版本）SegoeUI微软雅黑[1]（Wi

7、ndows8开始用微软雅黑UI[2]）Windows（Vista之前）Tahoma中易宋体（又称宋体、SimSun）WindowsPhoneSegoeWP方正等线（简体中文locale，详见[3]）或微软雅黑[1]（英语locale）MacOSXLucidaGrande华文黑体（具体情况比较复杂，详见[4]）iOSHelveticaNeue[5]（非Retinadisplay的设备用Helvetica）华文黑体（该版本称作黑体-简，参见[4]）AndroidDroidSans（4.0之前）或Roboto[6]（4.0及更

8、高版本）DroidSansFallback[1]（文泉驿微米黑之母）Ubuntu文泉驿微米黑[1]MIUIV5方正兰亭中黑和方正兰亭黑