iOS 界面设计
一、iOS手机界面尺寸
iPhone 1~3gs:320*480px 3.5寸 正文字体:12px
iPhone 4~4s:640*960px 3.5寸 正文字体:24px~26px
iPhone 5/5s/5c:640*1136px(retina) 4寸
二、界面结构
iOS 7:
界面:宽640px 高1136px
电池电量条:宽640px 高40px
顶部操作栏:
宽640px 高88px
文字:36px、38px、40px
顶部按钮:高60px(包含投影)
底部操作栏:
宽640px 高98px(不包括样式效果)
栏上的按钮数量:不多于5个,不少于3个
栏内图标尺寸:60px以内 最小不小于44px
文字:20px
主区域:上、下、左、右各留20px空白
APP字体:
字体:Helvetica、方正黑体简(标题、正文)、方正中等线简(正文、摘要、副标题)
正文字体大小(除标题、副标题、摘要):24~28px
正文标题字体大小:26~32px
正文副标题:22~26px
最大号字体:顶部操作栏的字体36~40px
最小号字体:20px
字号的判断标准:1.偶数;2.不大于所在元件高度的一半;
段落文字的行距:字体大小的1.2倍~1.5倍
iPad:
iPad 1、iPad 2、iPad 3/mini:1024*768px(4:3)
iPad 4:2048*1536px
iPad侧边栏:普屏(80px~90px)、高清屏(160px~180px)
iPad分栏的顶部操作栏:普屏(50~70px)、高清屏(100~140px)
iPad图标:普屏(72*72px)、高清屏(144*144px)
iPad内容边距:普屏(10px)
iPad电池电量条:20px