IOS和Android图标尺寸

时间:2024-02-18 10:54:08

刚开始接触UI的时候,碰到的最多的就是尺寸问题,今天我们就来谈谈IOS和Android 图标设计尺寸吧!

%e8%b0%83%e6%95%b4%e5%a4%a7%e5%b0%8f-ios

一、IOS篇

1.iOS app图标的圆角半径是多少?

(注:现在IOS图标是不需要再画圆角了,直接方形就OK)

比较精确和接近的圆角半径和图标尺寸如下:最右边表示圆角半径

  • Icon1024.png – 1024px -圆角半径: 180px
  • Icon512.png –    512px    - 圆角半径:89.825px
  • Icon.png     –  57px      -圆角半径: 10px
  • Icon@2x.png  - 114px     – 圆角半径:20px
  • Icon-72.png   – 72px       -圆角半径: 12.632px
  • Icon-72@2x.png    - 144px     -圆角半径: 25.263
  • Icon-Small.png    - 29px        -圆角半径:5.088
  • Icon-Small@2x.png    - 58px      - 圆角半径:10.175

2.IOS icon尺寸

  • APPLE APP STORE ICON:512 x 512 PX (圆角弧度80px)
  • iPhone 5 App Icon:120 x 120 PX (圆角弧度22px)
  • iPhone 4 App Icon:114 x 114 PX (圆角弧度20px)
  • iPhone 3GS App Icon:57 x 57 PX (圆角弧度22px)

%e5%ae%89%e5%8d%93

二、Android篇

1.典型的设计尺寸

  • 20dp:一个普通的手机屏幕(240×320,320×480,480×800)
  • 480dp:一个中间平板电脑像(480×800)
  • 600dp:7寸平板电脑(600×1024)
  • 720dp:10寸平板电脑(720×1280,800×1280)

2.ICON尺寸

对于分辨率繁多的android设备,为了方便原生应用的界面适配,Google按照dpi大小将它们分成了4种模式(MDPIHDPIXHDPIXXHDPI):

  • xxhdpi  Icon:144×144
  • xhdpi  Icon:96×96
  • hdpi  Icon:72×72
  • mdpi  Icon:48×48