美文网首页
Sketch学习之iPhone设计规范

Sketch学习之iPhone设计规范

作者: LuckyBugGo | 来源:发表于2018-11-09 00:29 被阅读0次

    苹果官方设计资源

    页面

    设备型号 屏幕尺寸 Asset pt px
    iPhone SE、5、5s、5c 4.0 @2x 320 x 568 640 x 1136
    iPhone 8、7、6s、6 4.7 @2x 375 x 667 750 x 1334
    iPhone 8P、7P、6sP、6P 5.5 @3x 414 x 736 1242 x 2208
    iPhone X、XS 5.8 @3x 375 x 812 1125 x 2436
    iPhone XR 6.1 @2x 414 x 896 828 x 1792
    iPhone XS Max 6.5 @3x 414 x 896 1242 x 2688

    导航栏

    设备型号 pt px 状态栏
    iPhone 8、8P、7、7P、6s、6P、6 64 128 20
    iPhone X、XS、XR、XS Max 88 176 40

    iPhone 8、7、6 导航栏左右控件距离屏幕边距为:8pt;Plus和X系列都为:12pt。控件之间的间隔均为:8pt。

    标签栏

    设备型号 pt px 标签项高pt 标签icon pt
    iPhone 8、8P、7、7P、6s、6P、6 49 98 48 28*28
    iPhone X、XS、XR、XS Max 83 166 48 28*28

    相关文章

      网友评论

          本文标题:Sketch学习之iPhone设计规范

          本文链接:https://www.haomeiwen.com/subject/azbwxqtx.html