iPhone APP开发设计规范总结

iPhone APP开发设计规范总结，包括高度、字体、边距、屏幕像素尺寸与物理尺寸等方面的内容。

iPhone APP开发设计规范总结

• 高度
  • 1、顶部状态栏
    • 40px
  • 2、导航栏
    • 88px
  • 128px，1px分隔线，共129px
  • 3、列表内小图标尺寸
    • 58×58px
      • 圆角为12px
  • 4、板块之间的间隔为70px
    • （如果状态栏+导航栏有1px分隔线的话为69px）
  • 5、列表高度为86px
• 字体
  • iPhone的系统字体，在设计稿中最接近中文字体为黑体-简， 英文写作Heiti SC。英文字体为helvetica Regular
  • 导航字体
    • 中体
      • 样式：浑厚 34px
  • 列表类字体
    • 细体
      • 样式：浑厚 34px
• 边距
  • 1、上下边距不限制
  • 2、左右距离手机屏幕边缘各30px
  • 3、列表内图标上下左右间距30px
  • 1、以iPhone5通知页面为例
    • 1、板块说明文字 26px 细体 浑厚 与板块边距18px
    • 2、列表类标对一级说明 24px 细体 浑厚 与一级文字距离8px
    • 3、列表高度（含1px分隔线）100px
  • 2、以 iPhone5 的 APP Store 更新页面为例
    • 1、导航上，返回/更新的字体：33px 细体 浑厚；箭头与屏幕边距为16px
    • 2、控件一级菜单栏内tab切换：580×58px（包含2px描边） tab里面的字体：细体 浑厚 24px
    • 3、搜索框：608×56px，圆角12px；搜索框内字体：细体 浑厚 28px
    • 4、更新列表内图标：128×128px，圆角30px
    • 5、列表高度（不包括向下1px分隔线）：168px,图标距离列表20px
    • 6、列表内文字：细体 浑厚 28px；说明性文字：细体 浑厚 24px
    • 7、列表内部按钮大小92×52px（包含2px描边），字体：细体 浑厚 28px
    • 8、tabbar下班菜单：高度98p（含1px顶部分隔线）；字体：细体 浑厚 20px
    • 9、更新通知红点大小：36×36px，红点内数字 helvetica regular 24px
• 屏幕像素 尺寸与 物理尺寸
  • dip是Device Independent Pixels（设备独立像素）
  • dip或dp是一样的，是关于像素密度的单位
  • 像素密度=像素分辨率/物理尺寸
  • px=dp*（dpi/160） 160为第一台设备诞生时的参数
  • 1英寸160点的屏幕上，1dp=1px
  • iPhone4以上的设备
    • 320dpi
  • 1英寸320点的屏幕上，1dp=2px
  • 独立存在的控件尺寸，必须是偶数
  • 移动端没有hover效果，所以按钮要充分考虑多状态