码迷,mamicode.com
首页 > 其他好文 > 详细

iPhone、iPad、iPadMini界面设计标准

时间:2015-07-12 12:29:57      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

一个: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



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

iPhone、iPad、iPadMini界面设计标准

标签:

原文地址:http://www.cnblogs.com/mengfanrong/p/4640646.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!