zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Xcode常用
    iOS知识点
    iOS Crash上传
    [crash详解与防护] KVO crash
    iOS常见bug
    PHP实现万年历
    在Vue框架中引入Element
    PHP--随机生成颜色
    PHP读取Excel表格数据
    权限管理功能(一)
  • 原文地址:https://www.cnblogs.com/zhouwanqiu/p/8919631.html
Copyright © 2011-2022 走看看