手机设计字体规范

手机设计字体规范

ID:19357563

大小:22.67 KB

页数:12页

时间:2018-10-01

手机设计字体规范_第1页
手机设计字体规范_第2页
手机设计字体规范_第3页
手机设计字体规范_第4页
手机设计字体规范_第5页
资源描述:

《手机设计字体规范》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

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*

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。