zoukankan      html  css  js  c++  java
  • iPhone、iPad、iPadMini界面设计标准

    一个:iPhone

          4.0‘ Display: iPhone 5、iPhone 5S、iPhone 5C。

    解析度:1136 * 960 

                                 设计标准參照下图iPhone5

          3.5’ Display:   iPhone4S、iPhone4、iPhone3GS(非Retina屏) 分辨率: 960 * 640 

                                 设计标准參照下图iPhone4S

          3.5’ Display 非Retina:iPhone3GS 分辨率:480 * 320

                                 设计标准參照下图iPhone3GS

    二:iPad

          9.7‘ Display: iPad Air、iPad 4、The New iPad  分辨率: 2048 * 1536

                                 设计标准參照下图iPad 3

          9.7‘ Display 非Retina: iPad 2 分辨率:1024 * 768

                                 设计标准參照下图iPad 2

    三:iPadMini

          7.9’ Display: iPadMini 2 分辨率:2048 * 1536

          7.9’ Display 非Retina: iPadMini 分辨率:1024 * 768

                                 设计标准參照下图iPadMini

    以下图片内容更正:

        1. iPhone5、iPhone4S 的Nav bar Button 应为 96 pt * 64 pt

        2. iPhone4 应为 iPhone3GS。当中的Nav Bar button 应为 48 pt* 32 pt

        3. iPad 3 的Status Bar 应为 1536 pt* 40 pt 、Navgation Bar 应为 1536 pt * 88 pt 、Tab Icon 应为 60 pt * 60 pt

                          Nav Bar Icon 应为 40 pt * 40 pt 、Nav Bar Button 应为 96 pt * 64pt  、Tab Bar 应为 1536 pt* 98 pt

        4. iPad 2 的Nav Bar Button 应为 48 pt * 32 pt.




    必要图标參考:

            Appstore图标:

                iPhone、iPad:Retina 1024 pt * 1024 pt 非Retina 512 pt * 512 pt

            主屏幕图标:

                之前:

                iPhone:Retina 114 pt * 114 pt 非Retina 57 pt * 57 pt

                iPad:Retina 144 pt * 144 pt 非Retina 72 pt * 72 pt

                如今:

                iPhone:Retina 120 pt * 120 pt

                iPad:Retina 152 pt * 152 pt 非Retina 76 pt * 76 pt

            Setting图标: 

                iPhone 、ipod Touch、iPad:Retina 58 pt * 58 pt 非Retina 29 pt * 29 pt

            Spotlight图标:

                之前:

                iPhone:Retina 58 pt * 58 pt 非Retina 29 pt * 29 pt

                iPad:Retina 100 pt * 100 pt 非Retina 50 pt * 50 pt

               如今:

                iPhone 、ipod Touch、iPad:Retina 80 pt * 80 pt 非Retina 40 pt * 40 pt

    内容參考:

    http://www.cocoachina.com/gamedev/misc/2012/1221/5387.html?1358417632

    http://www.cocoachina.com/appstore/top/2012/1105/5031.html?

    1358417883

    进阶推荐:

    IOS Human Interface Guidelines: Designing for IOS 7



    版权声明:本文博客原创文章,博客,未经同意,不得转载。

  • 相关阅读:
    vue 客户端渲染和服务端渲染
    js 数组对象深拷贝
    vue template标签
    vue watch的高级用法
    js对象数组去重
    移动端触发touchend后阻止click事件
    重读JS(四)数据类型、作用域和内存问题
    重读JS(三)基本概念
    vue项目
    [vue问题解决]vue <router-link>在浏览器上点击失效(路由不跳转)
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/4640646.html
Copyright © 2011-2022 走看看