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

猜你喜欢

转载自www.cnblogs.com/zhouwanqiu/p/8919631.html