6尺寸 ios_ios6尺寸 - CSDN
  • iOS 图标icon尺寸大全

    万次阅读 2018-05-24 14:44:37
    看了一下新的苹果开发文档和Xcode给的AppIcon坑,...itunes中使用的icon1024 * 1024 iPhone: iOS7-10桌面图标60 * 60120 * 120 @2x180 * 180 @3x iPhone: iOS5-6桌面App图标57 * 57114 * 114 @2x iPad: iOS7-10...

    看了一下新的苹果开发文档和Xcode给的AppIcon坑,发现又新增了一些尺寸的图标。在这里整理一下最新的最全的icon尺寸。


    itunes中使用的icon

    1024 * 1024

     

    iPhone: iOS7-10桌面图标

    60 * 60

    120 * 120  @2x

    180 * 180  @3x

     

    iPhone: iOS5-6桌面App图标

    57 * 57

    114 * 114  @2x

     

    iPad: iOS7-10桌面图标

    76 * 76

    152 * 152  @2x

     

    iPad: iOS5-6桌面图标

    72 * 72

    144 * 144  @2x

     

    iPhone: iOS5-6的搜索 iOS5-10的设置

    iPad: iOS5-10的设置

    29 * 29

    58 * 58  @2x

    87 * 87  @3x

     

    iPad: iOS5-6系统搜索图标

    50 * 50

    100 * 100  @2x

     

    iPhone、iPad: iOS7-10系统搜索图标

    40 * 40

    80 * 80  @2x

    120 * 120  @3x

     

    iPhone、iPad: iOS7-10通知栏图标

    20 * 20

    40 * 40  @2x

    80 * 80  @3x

     

    iPad Pro: App桌面图标

    167 * 167  @2x

     

    iPhone汇总:

    1024 * 1024

    120 * 120

    180 * 180

    20 * 20

    40 * 40

    80 * 80

    29 * 29

    58 * 58

    87 * 87

    57 * 57 (iOS5-6)

    114 * 114 (iOS5-6)

     

    iPad汇总:

    1024 * 1024

     

     

    76 * 76

    152 * 152

     

    20 * 20

    40 * 40

    80 * 80

     

    120 * 120

    29 * 29

    58 * 58

    72 * 72  (iOS5-6)

    144 * 144  (iOS5-6)

    50 * 50  (iOS5-6)

    100 * 100  (iOS5-6)

    167 * 167  (iPad Pro)


    展开全文
  • 1、AppIcon 尺寸 iPhone Notification iOS 7-10 20pt 2x( 40x40 ) 3x( 60x60 ) iPhone、Spotlight iOS 5,6 、Settings iOS 5-10 29pt 2x( 58x58 ) 3x( 87x87 ) iPhone Spotlight iOS...

    1、AppIcon 尺寸

    iPhone Notification iOS 7-10 20pt                             2x( 40x40 )  3x( 60x60 )

    iPhone、Spotlight iOS 5,6 、Settings iOS 5-10  29pt   2x( 58x58 )  3x( 87x87 )

    iPhone Spotlight iOS 7-10 40pt                                 2x( 80x80 )   3x( 120x120 )

    iPhone APP iOS 7-10 60pt                                        2x( 120x120 )  3x( 180x180 )

    iPad Notifications 7-10 20pt                                      1x( 20x20 )  2x( 40x40 )

    iPad Settings 5-10 29pt                                            1x( 29x29 )  2x( 58x58 )

    iPad Spotlight iOS 7-10 40pt                                     1x( 40x40 )  2x( 80x80 )

    iPad App iOS 7-10 76pt                                            1x( 76x76 )  2x( 152x152 )

    iPad Pro App iOS 9-10 83.5                                      2x( 167x167 )

     

    2、LaunchImage尺寸

    iPhone X  1125 * 2436  必要

    iPhone Portrait  iOS 5,6        1x( 320x480 )  2x( 640x960 ) Retina4( 640x1136 )

    iPhone Portrait iOS 8,9         Retina HD 5.5( 1242x2208 )  Retina HD 4.7( 750x1334 )  必要

    iPhone Portrait iOS 7-9        2x( 640x960 )  Retina4( 640x1136 )  必要(没有的话 在5上边有问题)

    iPhone Landscape iOS 8,9    Retina HD 5.5( 2208x1242 )

     

    iPad Portrait iOS 5,6            1x( 768x1024 )  2x( 1536x2048 )

    iPad Portait iOS 7-9            1x( 768x1024 )  2x( 1536x2048 )

    iPad Landscape iOS 5,6       1x( 1024x768 )  2x( 2048x1536 )

    iPad Landscape 7-9            1x( 1024x768 )  2x( 2048x1536 )

    iPad Portrait Without Status Bar iOS 5,6           1x( 768x1004 )  2x( 1536x2008 )

    iPad Landscape Without Status Bar iOS 5,6      1x( 1024x748 )  2x( 2048x1496 )

    展开全文
  • 交互设计:iOS原型尺寸规范

    千次阅读 2018-03-25 17:18:53
    最近公司安排我带一下新来的交互设计师,我想给他制定一份交互设计规范。这样一来,即使新来的交互...所以,交互设计稿的尺寸,就按照iPhone6尺寸来做。 在这里我还是要推荐下我自己建的iOS开发学习群:6805652...

    最近公司安排我带一下新来的交互设计师,我想给他制定一份交互设计规范。这样一来,即使新来的交互设计师没什么基础,也可以根据这一份规范,做出大致标准的原型图。

    因为Ui设计稿是先做iPhone6的,方便向上适配iPhone6Plus,也方便向下适配iPhone5和iPhone4的尺寸。所以,交互设计稿的尺寸,就按照iPhone6的尺寸来做。

     





    在这里我还是要推荐下我自己建的iOS开发学习群:680565220,群里都是学ios开发的,如果你正在学习ios ,小编欢迎你加入,今天分享的这个案例已经上传到群文件,大家都是软件开发党,不定期分享干货(只有iOS软件开发相关的),包括我自己整理的一份2018最新的iOS进阶资料和高级开发教程

    1、 iPhone6的界面布局是:屏幕是4.7英寸的,设计稿的大小为750x1334px。
    • 状态栏(status bar):就是电量条,其高度为:40px;
    • 导航栏(navigation):就是顶部条,其高度为:88px;
    • 主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;
    • 内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

    截图如下:

    推荐3款测量工具为:MarkMan马克鳗,Dorado标注,PXcook像素大厨。

     

    2、关于iPhone6的图标的尺寸:
    • 导航栏的图标高度为44px左右,标签栏的图标尺寸为50x50px左右,最大为96x64px。

    关于iPhone6的文字的尺寸:

    • 导航栏的文字大小最大值是34px,标签栏的图标下方的文字大小为20px。内容区域的文字大小是:24px,26px,28px,30px,32px,34px。

     

    3、(iPhone6设计稿尺寸是@2x),做原型图的时候,可以做成@2x的,即750x1334px;也可以做成@1x的,即375*667px。

     

    4、设置界面的图标高度和开关滑动按钮的图标高度:58px。

    参考下图:

     

    5、关于颜色,自从我做了3套高保真的交互原型图之后,发现后面还是改成画线框图来的快。

    线框图的黑白灰之纯美,有利于专心布局界面,而不用在意界面的颜色搭配。

    黑白灰颜色常用的数值是:

    • 文字黑色#282828
    • 文字深灰色#656565
    • 文字浅灰色#98989
    • 边框浅灰色#C3C3C3
    • 背景淡灰色#f2f2f2
    • 按钮背景纯白色#ffffff

     

    6、常用的可点击高度,在iPhone6的原型图上,统一成88px。在iPhone6设计稿中,88px是一个常用的设计尺寸。参考图片如下,

     

    7、搜索栏的高度,在iPhone6的原型图上,统一成58px。在iPhone6设计稿中,58px是一个常用的设计尺寸。参考图片如下,

     

    8、在iPhone6设计稿中,界面元素之间的常用距离,亲密距离:20px;疏远距离:30px。
    • 疏远距离:比如,所有元素距离手机屏幕最左边的距离。
    • 亲密距离:比如,左边图标与右边文字之间的距离。

    参考图片如下,

    9、原型设计中,需要考虑不同屏幕尺寸的苹果手机,在@1x的情况下的适配情况。比如:
    • iPhone5在@2x屏幕尺寸是,640x1136px;对应的@1x,屏幕尺寸就是320x568px;
    • iPhone6在@2x屏幕尺寸是:750x1334px;对应的@1x,屏幕尺寸就是375x667px;
    • iPhone6Plus在@3x屏幕尺寸是:750x1334px;对应的@1x,屏幕尺寸就是414x736px;

    参考图片如下:

     

    10、iPhone6Plus的@3x,iPhone6的@2x, iPhone5的@2x的介绍
    • iPhone6Plus是5.5英寸屏幕,1242x2208px-@3x的像素分辨率,逻辑分辨率是414x736pt-@1x。物理尺寸是1080x1920px。这个物理尺寸,也是安卓机目前最流行的大屏设计稿尺寸。
    • iPhone6是4.7英寸屏幕,750x1334px-@2x的像素分辨率,逻辑分辨率是375x667pt-@1x。
    • iPhone5是4英寸屏幕,640x1135px-@2x的像素分辨率,逻辑分辨率是320x568pt-@1x。

    参考图片如下:

     

    【综上所述】iPhone6的原型规范如下:

    1. 界面尺寸布局:满屏尺寸750x1334px
    2. 高度电量条高度40px,导航栏高度88px,标签栏高度98px;
    3. 各区域图标大小导航栏图标44px,标签栏图标50px;
    4. 各区域文字大小电量条文字22px,导航栏-文字32px,标签栏字20px;
    5. 常用的文字大小:32px,30px,28px,26px,24px,22px,20px;
    6. 常用的颜色:背景浅灰色#f2f2f2,文字深黑色#323232,边框色深灰#CCCCCC;
    7. 常用可点击区域的高度:88px;
    8. 单行文字的背景框的高度:88px,双行则为:176px,三行则为:264px;
    9. 常用间距:亲密距离:20px;疏远距离:30px,其它距离:10px,44px等;
    10. 按钮和文本框,原型图做成直角的,圆角半径是多少,由Ui来设计;
    11. 这种情况,需要修改原型。单个页面的逻辑流程图或用户学习使用时间,超过其它页面平均数的3倍以上;
    12. 以上规范具备如下的一个条件,即可修改:
    • 准备有已经上线的截屏参考页面;
    • 产品和开发协商修改。
    展开全文
  • ios 尺寸 最新屏幕尺寸、分辨率

    千次阅读 2018-10-19 14:39:15
    ios 尺寸大全-最新 最近由于苹果又新出了几款手机(iphone XS、iphone XR、iphone Xmax)针对尺寸大小,小编又总结更新了一下!方便大家查看!时间久了不经常接触的话都容易忘! ...

    ios 尺寸大全


    最近由于苹果又新出了几款手机(iphone XS、iphone XR、iphone Xmax)针对尺寸大小,博主又总结更新了一下!方便大家查看!时间久了不经常接触的话都容易忘!

    机型 屏幕尺寸 屏幕密度 开发尺寸 像素尺寸 倍图
    4/4s 3.5英寸 326ppi 320*480pt 640*960px @2X
    5/5S/5C 4英寸 326ppi 320*568pt 640*1136px @2X
    6/6S/7/8 4.7英寸 326ppi 375*667pt 750*1334px @2X
    6+/6S+/7+/8+ 5.5英寸 401ppi 414*736pt 1242*2208px @3X
    X/XS 5.5英寸 458ppi 375*812pt 1125*2436px @3X
    XS Max 5.5英寸 458ppi 414*896pt 1242*2688px @3X
    XR 5.5英寸 326ppi 414*896pt 828*1792px @2X
    展开全文
  • iOS中上线所需图片尺寸

    千次阅读 2016-07-26 15:42:37
    先说下Xcode中所需要使用的图片尺寸(AppIcon、LaunchImage),我现在使用的Xcode版本是7.3.1。 1.AppIcon 中所需图片尺寸: ... iPhone Spotlight - iOS5,6 Setting - iOS5-9 29pt 29X29@1x 58X58@
  • iOS 最新App图标和启动画面尺寸

    万次阅读 2018-12-19 15:10:19
    联系人:石虎 QQ:... QQ群:807236138 群称: iOS 技术交流学习群   一、概念: iOS 最新App图标和启动画面尺寸(补充-2) https://blog.csdn.net/shihuboke/article/details/80268735 1. 桌面图标 (app i...
  • ios 设置启动图片 及图片尺寸

    千次阅读 2018-09-11 09:58:39
    1. 第一步 ...New iOS Launch Image" 2. 第二步 如图,右侧的勾选可以让你选择...这边我选了ios8.0,ios7.0,ios6没有做支持. 3. 第三步  将规定尺寸的图片从你的文件中拖动进到固定位置.一般来讲,苹果手...
  • IOS开发:尺寸和适配

    千次阅读 2018-03-07 00:49:15
    代数设备操作系统逻辑分辨率(point)物理分辨率(pixel)屏幕尺寸(对角线长度)缩放因子 iPhone 第一代iPhone 2GiOS 1320 x 480480 x 3203.5寸1x第二代iPhone 3iOS 2320 x 480480 x 3203.5寸1x第三代iPhone 3GSiOS ...
  • iOS 启动图标尺寸大全

    2019-11-28 17:20:19
    iOS 启动图标尺寸大全: 竖屏: iPhone 分辨率 英寸 4/4s 640*960 3.5英寸 5/5c/5s/SE 640*1136 Retina4 @2x 6/6s/7/8 750*1334 Retina HD 4.7 6p/6sp/7p/8p 1242*2208 ...
  • ios6 7图表尺寸

    2014-12-28 14:48:42
    ios7新增加的icon尺寸: 76 x 76:Size for iPad 2 and iPad mini (standard resolution) 120 x 120 :Size for iPhone and iPod touch (high resolution) 152 x 152: Size for iPad and iPad mini (high...
  • 1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 ...
  • iOS 的 APP 如何适应 iPhone 5s/6/6Plus 三种屏幕的尺寸
  • ios开发手机尺寸

    千次阅读 2016-06-20 17:34:46
    1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI ...
  • IOS和安卓ui设计常用尺寸及基本知识

    万次阅读 2015-10-08 10:56:41
    iOS app 图标的圆角半径是多少? (注:现在IOS图标是不需要再画圆角了,直接方形就OK) 括弧里面是对应的半径大小 App store(Retina屏) ─────────────1024px(160px) iTunes Artwork...
  • ios屏幕尺寸和分辨率

    2018-07-16 15:56:20
    iOS平台家族成员主要包括iPhone、iPod Touch和iPad,但是各类设备的分辨率各不相同,目前存在的尺寸主要有:iOS设备的尺寸多种多样,此外,屏幕的分辨率也有多种,总结如下表所示:其中,ppi(pixel per inch)是像素...
  • iOS LaunchImage 标准尺寸

    2017-03-06 15:07:56
    iPhone Portrait iOS 8,9Retina HD 5.5 (1242×2208) @3x iPhone Portrait iOS 8,9Retina HD 4.7 (750×1334) @2x iPhone Portrait iOS 7,8-2x (640×960) @2x iPhone Portrait iOS 7,8-Retina 4 (640×...
  • 根据屏幕尺寸判断各机型尺寸 #define IS_IPHONE (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone) #define __kScreenHeight ([[UIScreen mainScreen]bounds].size.height) #define __kScreenWidth ([...
  • iOS 屏幕尺寸、分辨率、适配、UI规范
  • ios引导页图片尺寸

    千次阅读 2018-10-15 13:15:28
    iPhone的屏幕尺寸有几种比较: iphone 4/4s: 3.5 寸 分辨率:640X960 高宽比 960/640 = 1.5 iphone 5/5c/5s:4 寸 分辨率:640X1136 高宽比 1136/640 = 1.775 iphone 6 4.7寸 分辨率:750X1334 高宽比1334/750 =...
  • IOS切图尺寸

    千次阅读 2016-02-23 10:24:48
    自从iPhone 6/6+出现后,iOS版上的APP界面设计尺寸又发生了翻天覆地的变化。让ios一下子跟安卓看齐了。进入了移动“杂屏”时代。 之前我们知道的,在移动app开发设计中,需要解决多种设备尺寸适配问题,过去只属于...
1 2 3 4 5 ... 20
收藏数 31,835
精华内容 12,734
关键字:

6尺寸 ios