iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

时间:2021-06-07 00:08:51

链接地址:http://www.zhihu.com/question/20248971

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:刘剑
链接:http://www.zhihu.com/question/20248971/answer/14480857
来源:知乎
高清晰度的iPhone和iPod touch(单位:像素
  • 启动影像 :640 x 960
  • APP图标:114 x 114
  • App Store商店:1024 x 1024
  • Spotlight搜索小图标: 58 x 58
  • 文档图标: 44 x 58
  • Web Clip图标 :114 x 114
  • 工具栏和导航栏图标 : 约40 x 40
  • 标签栏的图标:约60 x 60
  • 报刊杂志:最长的边缘1024像素(最小)

iPhone和iPod touch(单位:像素

  • 启动影像 :320 x 480
  • APP图标:57 x 57
  • App Store商店:1024 x 1024
  • Spotlight搜索小图标:29 x 29
  • 文档图标: 22 x 29
  • Web Clip图标 : 57 x 57
  • 工具栏和导航栏图标 : 约20 x 20
  • 标签栏的图标:约30 x 30
  • 报刊杂志:最长的边缘1024像素(最小)

高分辨率的iPad的尺寸(单位:像素)

  • 启动影像 :1536 x 2008 (topbar的高度:40)
  • APP图标:114 x 114
  • App Store商店:1024 x 1024
  • Spotlight搜索小图标:100 x 100、58 x 58
  • 文档图标:128 x 128、640 x 640
  • Web Clip图标 :144 x 144
  • 工具栏和导航栏图标 : 约40 x 40
  • 标签栏的图标:约60 x 60
  • 报刊杂志:最长的边缘1024像素(最小)

iPad的尺寸 (单位:像素)

  • 启动影像 :768 x 1004(topbar的高度:20)
  • APP图标:72 x 72
  • App Store商店:1024 x 1024
  • Spotlight搜索小图标: 50 x 50、29 x 29
  • 文档图标: 64 x 64、320 x 320
  • Web Clip图标 :72 x 72
  • 工具栏和导航栏图标 : 约20 x 20
  • 标签栏的图标:约30 x 30
  • 报刊杂志:最长的边缘1024像素(最小)

http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW1

补充:
圆角半径
iTunes Artwork icon ───────────────────────── 512px (90px)
App icon(iPhone4) ────────────────────────── 114px (20px)
App icon(iPad) ───────────────────────────── 72px (12px)
App icon(iPhone 3G/3GS) ───────────────────── 57px(10px)
Spotlight/Settings icon icon(iPhone4) ───────────── 58px (10px)
Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)

15
赞同

反对,不会显示你的姓名

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

吴寿寿,全栈工程师,一个逗逼。

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch
现场给你截图:

显示全部

现场给你截图:
<img src="//bbsmax.ikafan.com/static/L3Byb3h5L2h0dHBzL3BpYzQuemhpbWcuY29tLzAxZDA3NTEwMzQ3MjE1ZTc0OWNhZjk5YzBkZGMxMTU3X2IuanBn.jpg" data-rawwidth="795" data-rawheight="531" class="origin_image zh-lightbox-thumb" width="795" data-original="https://pic4.zhimg.com/01d07510347215e749caf99c0ddc1157_r.jpg">iOS 图标、图形尺寸? iPhone、iPad、 iPod touch
<img src="//bbsmax.ikafan.com/static/L3Byb3h5L2h0dHBzL3BpYzMuemhpbWcuY29tLzAwNTk1ZDMzMjYzNWMzMjVkNTZmYzgyYTExMTJiYzgyX2IuanBn.jpg" data-rawwidth="800" data-rawheight="396" class="origin_image zh-lightbox-thumb" width="800" data-original="https://pic3.zhimg.com/00595d332635c325d56fc82a1112bc82_r.jpg">iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

<img src="//bbsmax.ikafan.com/static/L3Byb3h5L2h0dHBzL3BpYzMuemhpbWcuY29tL2Q4NDQ1YWJhMTk4ZDJiNDQzZjBlMzY5MjdiZjZlMTFhX2IuanBn.jpg" data-rawwidth="249" data-rawheight="562" class="content_image" width="249">iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

7
赞同

反对,不会显示你的姓名

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

徐相良,关心各种高大上软件!

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch
<img src="//bbsmax.ikafan.com/static/L3Byb3h5L2h0dHBzL3BpYzIuemhpbWcuY29tLzhmZjM4NjkwZWJmMTBmZDRiM2RkNjhjMWM0MzYzZGE1X2IuanBn.jpg" data-rawwidth="671" data-rawheight="336" class="origin_image zh-lightbox-thumb" width="671" data-original="https://pic2.zhimg.com/8ff38690ebf10fd4b3dd68c1c4363da5_r.jpg">iOS 图标、图形尺寸? iPhone、iPad、 iPod touch<img src="//bbsmax.ikafan.com/static/L3Byb3h5L2h0dHBzL3BpYzIuemhpbWcuY29tLzVlZDk5ZmVkZGFlN2JkZWFjMTRmMTRhYWM4NTdlOWM1X2IuanBn.jpg" data-rawwidth="680" data-rawheight="1560" class="origin_image zh-lightbox-thumb" width="680" data-original="https://pic2.zhimg.com/5ed99feddae7bdeac14f14aac857e9c5_r.jpg">iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

6
赞同

反对,不会显示你的姓名

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

知乎用户

知乎用户、吴珉珉、知乎用户

等人赞同

好东西,复制收藏了----------------------------------------------------------------------iOS7官方推荐图标和图像尺寸

好东西,复制收藏了

----------------------------------------------------------------------

iOS7官方推荐图标和图像尺寸

6
赞同

反对,不会显示你的姓名

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

知乎用户,写写代码,做一只安静的猿…

贾学锋张退步、知乎用户

等人赞同

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch
可以参照iOS Human Interface Guidelines,iOS Human Interface Guidelines: Icon and Image Sizes

显示全部

可以参照iOS Human Interface Guidelines,
iOS Human Interface Guidelines: Icon and Image Sizes

<img src="//bbsmax.ikafan.com/static/L3Byb3h5L2h0dHBzL3BpYzEuemhpbWcuY29tLzdjZGE4YjU1MmViYzc1OTZhOTM1ZTIzNjhiOGMxMGE0X2IuanBn.jpg" data-rawwidth="1446" data-rawheight="1122" class="origin_image zh-lightbox-thumb" width="1446" data-original="https://pic1.zhimg.com/7cda8b552ebc7596a935e2368b8c10a4_r.jpg">iOS 图标、图形尺寸? iPhone、iPad、 iPod touch<img src="//bbsmax.ikafan.com/static/L3Byb3h5L2h0dHBzL3BpYzIuemhpbWcuY29tL2QwNDU1ODNhYzJiNzA0MDg1OTQ5MzljMjUwMDE1NTlkX2IuanBn.jpg" data-rawwidth="1368" data-rawheight="1106" class="origin_image zh-lightbox-thumb" width="1368" data-original="https://pic2.zhimg.com/d045583ac2b70408594939c25001559d_r.jpg">iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

2
赞同

反对,不会显示你的姓名

iTunes Artwork icon ───────────────────────── 512px (90px)App icon(iPhone4) ────────────────────────── 114px (20px)App icon(iPad) ────────────────────────────…

显示全部

iTunes Artwork icon ───────────────────────── 512px (90px)
App icon(iPhone4) ────────────────────────── 114px (20px)
App icon(iPad) ───────────────────────────── 72px (12px)
App icon(iPhone 3G/3GS) ───────────────────── 57px(10px)
Spotlight/Settings icon icon(iPhone4) ───────────── 58px (10px)
Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)

1
赞同

反对,不会显示你的姓名

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

念槐聚,where there is a will there is a way

路儿

赞同

可以看看这个:iOS设备上的App设计规范

可以看看这个:iOS设备上的App设计规范

0
赞同

反对,不会显示你的姓名

匿名用户
 

mark

mark

0
赞同

反对,不会显示你的姓名

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

lq oz,ui设计师

 

ios7 图标 120x120 倒角是多少

ios7 图标 120x120 倒角是多少

0
赞同

反对,不会显示你的姓名

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

禹布衣,伪IT男

 

mark

mark

0
赞同

反对,不会显示你的姓名

iOS 图标、图形尺寸? iPhone、iPad、 iPod touch

小马甲,android手机软件开发人员

 

mark

mark

0
赞同

反对,不会显示你的姓名

 

界面内按钮图标为88px*88px?

界面内按钮图标为88px*88px?