欢迎来到天天文库
浏览记录
ID:19357563
大小:22.67 KB
页数:12页
时间:2018-10-01
《手机设计字体规范》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、手机设计字体规范 篇一:移动设计字体规范整理 iOS&Android移动设计字体规范整理大全对于一位移动APP设计师来说,字体的把控非常重要。特别是app设计。因为不同的字体在不同的移动终端显示出来的效果真是百花齐放。终极没达到我们设计图的效果。 所以,ios和android都有各自的设计规范。也是告诉各位一定APP设计和开发人员可以遵循这些规范来设计开发,尽量达到最佳显示效果。 一、IOS版本的字体设计规范和常识iOS的1pt=逻辑像素1px=物理像素1px(非Retina)或2px(Re
2、tina)如果你新建Photoshop文档时将PPI设定为72,则文档中1pt=1px;如果你把PPI设为144,则1pt=2px。 单位术语:pt:pointpx:pixelPPI:pixelsperinchPhotosho(来自:小龙文档网:手机设计字体规范)p默认使用1inch=72pt的标准,所以为什么我们设计APP界面设计效果的时候,设置的分辨率就是72,主要是这样设计方便、免了换算之苦。 1、如果你是iOS客户端开发人员,你在编程时使用的默认简体中文字体,就是常用的华文HeitiSC
3、。 2、如果你是iOSUI设计人员,你在设计时如果使用Photoshop,请选中“黑体-简”或HeitiSC,并设置为“细体”、“浑厚”是与iOS上的实际效果最接近的(HeitiSCThin)。或者是冬青黑简体、黑体等等。英文字体是HelveticaNeueUltraLight。 如今iphone6和iphone6+开始流行,我们设计的字体规范也有所改变。因为iPhone6和iPhone6Plus都有标准模式和放大模式2种分辨率: 和iPhone5宽度一样,5只是比4高176 像素,所以5
4、 和4一套规范即可; 的放大模式分辨率是640*1136,和iPhone5正好相同; 的标准模式分辨率为750*1334,整体放大倍正好是iPhone6Plus的放大模式1125*XX。 我们来看淘宝购物车的截图(从左到右依次为iPhone4、5、6): 总结:我们可以看出iPhone4、5、6是可以共用一套字体大小规范。 而iPhone6plus在放大模式下的字体正好是在此基础上放大倍: 如下我们来看下一般规律(72像素/英寸下的字号大小规律,即72ppt下面)导航栏标题:大概34px
5、-42px;现在标题越来越小,一般36比较合适。 如果是iphoneplus那么字体大小应该是51-63px之间。最合适的54px。标签栏文字:20-24px。ios自带应用都是20px。个人认为标签栏时(图标+文字)形式的的话不要大于22比较合适。 正文:28px-36px,新闻类基本都在用36,比如网易新闻正文部分。 除了新闻类,其他类型的APP正文列表表单都可以是30-32px左右。 二、安卓androidAPP字体设计规范 安卓中文字体:droidsansfallback 安卓英
6、文字体:roboto 安卓手机的默认中文字体都是droidsansfallback,是谷歌自己的字体,与微软雅黑很像,小米miuiv5用的也是这种字体。 sp 与px 的换算公式:sp*ppi/160=px 如果想看下详细android字体:Android移动APP设计字体规范详解 题外话:为什么android安卓机器上的字体没ios的好看,原因有2点第一点:android分辨率很多,字体渲染机制不一样。 第二点:和iOS相比,Android的“字体系统”最大的一个缺点其实是缺字。正好
7、体现了iOS在Android字符数面前的优越感。 附加各大主流的移动或者桌面操作系统的默认中英文字体 以下列出的是西英文字体和简体中文字体: Windows(Vista及更高版本) SegoeUI 微软雅黑[1](Windows8开始用微软雅黑UI[2]) Windows(Vista之前) Tahoma 中易宋体(又称宋体、SimSun) WindowsPhone SegoeWP 方正等线(简体中文locale,详见[3])或微软雅黑[1](英语locale)MacOSX L
8、ucidaGrande 华文黑体(具体情况比较复杂,详见[4]) iOS HelveticaNeue[5](非Retinadisplay的设备用Helvetica)华文黑体(该版本称作黑体-简,参见[4]) Android DroidSans(之前)或Roboto[6](及更高版本) DroidSansFallback[1](文泉驿微米黑之母) 篇二:手机端软件设计规范 一、尺寸及分辨率 iPhone界面尺寸:320*480、640*960、640*
此文档下载收益归作者所有