韦德1946-www.weide1946.com|登录网址

【韦德1946,www.weide1946.com,韦德1946网址】欢迎您来到韦德国际,投注平台,娱乐平台,app下载,亚洲官网,网址,手机版,线上开户,注册,比分直播,客户端,安全可靠的娱乐信誉平台!

安卓和苹果的界面设计之尺寸规范,IOS和安卓u

日期:2019-09-23编辑作者:新闻资讯

在手机大行其道的后日,设计员难免会和手提式有线电话机社交,因此在布置进度中,理解手机的分界面尺寸规范显得十三分首要。

iOSappLogo的圆角半径是多少?

①一加的宏图尺寸金立分界面尺寸:

Nokia、GALAXY Tab、Android UI常用陈设尺寸

(注:以往IOSLogo是没有须要再画圆角了,直接方形就OK)

设备 分辨率 状态栏高度 导航栏高度 标签栏高度
iPhone6 plus设计版 1242 × 2208 60px 132px 146px
iPhone6 plus物理版 1080 × 1920 54px 132px 146px
iPhone6 750 × 1334 40px 88px 98px
iPhone5s 640 × 1136 40px 88px 98px
iPhone5c 640 × 1136 40px 88px 98px
iPhone5 640 × 1136 40px 88px 98px
iPhone4s 640 × 960 40px 88px 98px
iPhone4 640 × 960 40px 88px 98px

iPhone:

括弧里面是相应的半径大小

注 iPhone6s、iPhone6s plus参考iPhone6的图片 1

APPLE APP STORE ICON:512 x 512 PX (圆角弧度80px)

App store ─────────────1024px

手提式无线电话机尺寸.png (15.53 KB, 下载次数: 0)

诺基亚 5 App Icon:120 x 120 PX (圆角弧度22px)

iTunes Artworkicon─────────────512px

下载附属类小部件

Motorola 4 App Icon:114 x 114 PX (圆角弧度20px)

Appicon ──────────────────114px

新颖UI设计之苹果IOS、黑莓跟安卓Android的分界面尺寸

图片 2

Appicon ──────────────────120px

2015-11-27 11:58 上传

图片 3

App icon ────────────────────72px

小米Logo尺寸:

图片 4

App icon(iPhone 3G/3GS) ───────────────57px

系统 分辨率 圆角大小
iOS 6- 90px - 1024px 约为图标宽度 × 0.175
iOS 7+ 90px - 1024px 约为图标宽度 × 0.225

Android的宏图尺寸

Spotlight/Settings icon icon ──────────58px

Asset iPhone 6 Plus iPhone 6 and iPhone 5 iPhone 4s iPad and iPad mini iPad 2 and iPad mini
App icon(reqUIred for all apps) 180 × 180 120 × 120 120 × 120 152 × 152 76 × 76
App icon for the App Store(required for all apps) 1024 × 1024 1024 × 1024 1024 × 1024 1024 × 1024 1024 × 1024
Launch file or image(required for all apps) Use a launch file(see Launch Images) For iPhone 6, use a launch file(see Launch Images)For iPhone 5, 640 × 1136 640 × 960 1536 × 2048 2048 × 1536 (landscape) 768 × 1024 1024 × 768 (landscape)
Spotlight search results icon(recommended) 120 × 120 80 × 80 80 × 80 80 × 80 40 × 40
Settings icon(recommended) 87 × 87 58 × 58 58 × 58 58 × 58 29 × 29
Toolbar and navigation bar icon About 66 × 66 About 44 × 44 About 44 × 44 About 44 × 44 About 22 × 22
Tab bar icon About 75 × 75(maximum: 144 × 96) About 50 × 50(maximum: 96 × 64) About 50 × 50(maximum: 96 × 64) About 50 × 50(maximum: 96 × 64) About 25 × 25(maximum: 48 × 32)
Default Newsstand cover icon for the App Store(required for Newsstand apps) At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 512 pixels on the longest edge
Web clip icon(recommended for web apps and websites) 180 × 180 120 × 120 120 × 120 152 × 152 76 × 76

显示器尺寸

Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px

图片 5

指实际的概略尺寸,为显示屏对角线的度量。

OPPO、surface、AndroidUI常用设计尺寸

手提式有线电话机尺寸1.png (18.25 KB, 下载次数: 0)

像素(PX)

iPhone:

下载附属类小部件

代表显示屏上三个概况的像素点代表荧屏上贰个物理的像素点。

—————————————————————–

摩登UI设计之苹果IOS、BlackBerry跟安卓Android的分界面尺寸

显示器密度

APPLE APP STORE ICON:512 x 512 PX

2015-11-27 12:21 上传

为赶尽杀绝Android设备碎片化,引进一个定义DP,也正是密度。指在必然尺寸的物理显示器上出示像素的多少,经常指分辨率。 为了轻松起见,Android把荧屏密度分为了八个广义的大小:低(120dpi)、中

iPhone 5 App Icon:120 x 120 PX

②三星GALAXY Tab的统一计划尺寸平板电脑分界面尺寸:

(160dpi)、高(240dpi)和超高(320dpi) 像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕

iPhone 4 App Icon:114 x 114 PX

设备 分辨率 状态栏高度 导航栏高度 标签栏高度
iPad6/iPad Air2 2048 × 1536 40px 88px 98px
iPad5/iPad Air/ipad mini 2 2048 × 1536 40px 88px 98px
iPad4/ipad mini 2048 × 1536 40px 88px 98px
iPad3/the new iPad 2048 × 1536 40px 88px 98px
iPad2 1024 × 768 20px 44px 49px
iPad1 1024 × 768 20px 44px 49px
iPad Mini 1024 × 768 20px 44px 49px

里,1DP等于1.5PX。

iPhone 3GS App Icon:57 x 57 PX

图片 6

图片 7

iPhone 5 326ppi 4英寸1136*640PX

手提式有线电话机尺寸3.png (13.11 KB, 下载次数: 0)

三星 4 AppUI:960 x 640PX (设计时,中度还亟需减小状态栏40PX)

下载附属类小部件

iPhone 3GS AppUI:480x 320PX

新颖UI设计之苹果IOS、一加跟安卓Android的分界面尺寸

小米的统一策画尺寸

2015-11-27 12:25 上传

中兴分界面尺寸:

surfaceLogo尺寸:

设备分辨率状态栏高度导航栏中度标签栏中度

系统 分辨率 圆角大小
iOS 6- 90px - 1024px 约为图标宽度 × 0.175
iOS 7+ 90px - 1024px 约为图标宽度 × 0.225

iPhone6 plus设计版1242 × 220860px132px146px

Asset iPhone 6 Plus iPhone 6 and iPhone 5 iPhone 4s iPad and iPad mini iPad 2 and iPad mini
App icon(required for all apps) 180 × 180 120 × 120 120 × 120 152 × 152 76 × 76
App icon for the App Store(required for all apps) 1024 × 1024 1024 × 1024 1024 × 1024 1024 × 1024 1024 × 1024
Launch file or image(required for all apps) Use a launch file(see Launch Images) For iPhone 6, use a launch file(see Launch Images)For iPhone 5, 640 × 1136 640 × 960 1536 × 2048 2048 × 1536 (landscape) 768 × 1024 1024 × 768 (landscape)
Spotlight search results icon(recommended) 120 × 120 80 × 80 80 × 80 80 × 80 40 × 40
Settings icon(recommended) 87 × 87 58 × 58 58 × 58 58 × 58 29 × 29
Toolbar and navigation bar icon About 66 × 66 About 44 × 44 About 44 × 44 About 44 × 44 About 22 × 22
Tab bar icon About 75 × 75(maximum: 144 × 96) About 50 × 50(maximum: 96 × 64) About 50 × 50(maximum: 96 × 64) About 50 × 50(maximum: 96 × 64) About 25 × 25 (maximum: 48 × 32)
Default Newsstand cover icon for the App Store(required for Newsstand apps) At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 512 pixels on the longest edge
Web clip icon (recommended for web apps and websites) 180 × 180 120 × 120 120 × 120 152 × 152 76 × 76

iOS 应用程式设计一稿援救OPPO5/One plus6/Plus设计流程

图片 8

iPhone6 plus物理版1080 × 192054px132px146px

手提式有线电话机尺寸4.png (20.41 KB, 下载次数: 0)

iOS 应用软件设计一稿扶助Samsung5/红米6/Plus设计流程

下载附件

iPhone6750 × 133440px88px98px

新型UI设计之苹果IOS、黑莓跟安卓Android的界面尺寸

iPhone5s640 × 113640px88px98px

2015-11-27 13:15 上传

iPhone5c640 × 113640px88px98px

③Android的宏图尺寸显示屏尺寸指实际的情理尺寸,为显示屏对角线的衡量。为了简单起见,Android把实际荧屏尺寸分为多个广义的高低:小,不荒谬,大,特大。像素意味着显示器上多个物理的像素点代表荧屏上一个物理的像素点。显示器密度为消除Android设备碎片化,引进一个概念DP,也正是密度。指在料定尺寸的概况显示器上显得像素的数额,平时指分辨率。 为了轻易起见,Android把显示屏密度分为了多少个广义的轻重:低、中、高和超高 像素= DP * ( DPI / 160 ) 例如,在贰个240dpi的显示屏里,1DP等于1.5PX。于统一计划来讲,采用一个老少咸宜的尺寸作为健康尺寸和中等显示器密度(尺寸的挑选依赖希图适配的硬件,提议参照他事他说加以考察现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。优秀的安排尺寸320dp:一个司空眼惯的无绳电话机显示器(240X320,320×480,480X800)480dp:叁当中级平板Computer像600dp:7寸GALAXY Tab720dp:10寸平板Computer(720x1280,800x1280)Android安卓系统dp/sp/px换算表

iPhone5640 × 113640px88px98px

名称 分辨率 比率 rate 比率 rate 比率 rate
idpi 240 × 320 0.75 0.375 0.32
mdpi 320 × 480 1 0.5 0.4267
hdpi 480 × 800 1.5 0.75 0.64
xhdpi 720 × 1280 2.25 1.125 1.042
xxhdpi 1080 × 1920 3.375 1.6875 1.5

iPhone4s640 × 96040px88px98px

主流Android手提式有线电话机分辨率和尺寸

iPhone4640 × 96040px88px98px

设备 分辨率 尺寸 设备 分辨率 尺寸
三星Galaxy S3 4.8英寸 720 × 1280 星Galaxy S4 5英寸 1080 × 1920
三星Galaxy S5 5.1英寸 1080 × 1920 三星Galaxy S6 4.5英寸 1200 × 1920
小米1 4英寸 480 × 854 小米1s 4英寸 480 × 854
小米2 4.3英寸 720 × 1280 小米2s 4.3英寸 720 × 1280
小米3 5英寸 1080 × 1920 小米3s 5英寸 1080 × 1920
小米4 5英寸 1080 × 1920 红米 4.7英寸 720 × 1280
红米Note 5.5英寸 720 × 1280
OPPO Find 7 5.5英寸 1440 × 2560 OPPO Find 7 轻装版 5.5英寸 1080 × 1920
OPPO N1 mini 5英寸 720 × 1280 OPPO R3 5英寸 720 × 1280
OPPO R1S 5英寸 720 × 1280
锤子 Smartisan T1 4.95英寸 1080 × 1920
华为 Ascend P7 5英寸 1080 × 1920 华为 Ascend Mate7 6英寸 1080 × 1920
华为 荣耀6 5英寸 1080 × 1920 华为 Ascend Mate2 6.1英寸 720 × 1280
华为 C199 5.5英寸 720 × 1280
HTC One 5英寸 1080 × 1920 HTC Desire 820 5.5英寸 720 × 1280
魅族 MEIZU MX4 5.36英寸 1152 × 1920 魅族 MEIZU MX3 5.1英寸 1080 × 1800

图片 9

④Web的安插尺寸

SamsungLogo尺寸:

Windows XP职务栏的惊人30pxWindows 7职责栏的可观40px

系统一分配辨率圆角大小

主流浏览器的分界面参数

iOS 6-90px – 1024px约为Logo宽度 × 0.175

浏览器 状态栏 菜单栏 滚动条
Chrome浏览器 22px 60px 15px
火狐浏览器 状态栏高度 导航栏高度 标签栏高度
IE浏览器 状态栏高度 导航栏高度 标签栏高度
360浏览器 状态栏高度 导航栏高度 标签栏高度

iOS 7+90px – 1024px约为Logo宽度 × 0.225

系统一分配辨率总结

AssetiPhone 6 Plus iPhone 6 and iPhone 5 iPhone 4s iPad and iPad mini iPad 2 and iPad mini

康宁分辨率为1024 × 768 px可建议大分辨率为1280 × 800 px

App icon

总结分辨率及浏览器下的计算数据

(required for allapps)180 × 180120 × 120120 × 120152 × 15276 × 76

图片 10

App icon for the App Store

statistics.png (97.07 KB, 下载次数: 0)

(required for allapps)1024 × 10241024 × 10241024 × 10241024 × 10241024 × 1024

下载附属类小部件

Launch file or image

最新UI设计之苹果IOS、HTC跟安卓Android的分界面尺寸

(required for all apps)Use a launch file

2015-11-27 14:02 上传

(see Launch Images)For iPhone 6, use a launch file

网页宽度与首屏高度

(see Launch Images)

安然宽度1002 px可提议相当的大幅度面1258 px

For iPhone 5, 640 × 1136640 × 9601536 × 2048

Window XP首屏大小580 pxWindow 7 首屏大小710 px

2048 × 1536 (landscape)768 × 1024

图片 11

1024 × 768 (landscape)

First_screen.png (20.88 KB, 下载次数: 0)

Spotlight search results icon

下载附属类小部件

(recommended)120 × 12080 × 8080 × 8080 × 8040 × 40

新式UI设计之苹果IOS、摩托罗拉跟安卓Android的分界面尺寸

Settings icon

2015-11-27 14:02 上传

(recommended)87 × 8758 × 5858 × 5858 × 5829 × 29

转载ui001

Toolbar and navigation bar icon

状态栏, 1080, Android, iPhone6, UI设计, Android, iPhone6, Android, iPhone6

About 66 × 66About 44 × 44About 44 × 44About 44 × 44About 22 × 22

Tab bar icon

About 75 × 75

(maximum: 144 × 96)About 50 × 50

(maximum: 96 × 64)About 50 × 50

(maximum: 96 × 64)About 50 × 50

(maximum: 96 × 64)About 25 × 25

(maximum: 48 × 32)

Default Newsstand cover icon for the App Store

(required for Newsstand apps)At least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 512 pixels on the longest edge

Web clip icon

(recommended for web apps and websites)180 × 180120 × 120120 × 120152 × 15276 × 76

图片 12

三星平板的统筹尺寸

平板电脑分界面尺寸:

配备分辨率状态栏中度导航栏中度标签栏高度

iPad6/iPad Air22048 × 153640px88px98px

iPad5/iPad Air/ipad mini 22048 × 153640px88px98px

iPad4/ipad mini2048 × 153640px88px98px

iPad3/the new iPad2048 × 153640px88px98px

iPad21024 × 76820px44px49px

iPad11024 × 76820px44px49px

iPad Mini1024 × 76820px44px49px

图片 13

surfaceLogo尺寸:

系统一分配辨率圆角大小

iOS 6-90px – 1024px约为Logo宽度 × 0.175

iOS 7+90px – 1024px约为Logo宽度 × 0.225

AssetiPhone 6 Plus iPhone 6 and iPhone 5 iPhone 4s iPad and iPad mini iPad 2 and iPad mini

App icon

(required for all apps)180 × 180120 × 120120 × 120152 × 15276 × 76

App icon for the App Store

(required for all apps)1024 × 10241024 × 10241024 × 10241024 × 10241024 × 1024

Launch file or image

(required for all apps)Use a launch file

(see Launch Images)For iPhone 6, use a launch file

(see Launch Images)

For iPhone 5, 640 × 1136640 × 9601536 × 2048

2048 × 1536 (landscape)768 × 1024

1024 × 768 (landscape)

Spotlight search results icon

(recommended)120 × 12080 × 8080 × 8080 × 8040 × 40

Settings icon

(recommended)87 × 8758 × 5858 × 5858 × 5829 × 29

Toolbar and navigation bar icon

About 66 × 66About 44 × 44About 44 × 44About 44 × 44About 22 × 22

Tab bar icon

About 75 × 75

(maximum: 144 × 96)About 50 × 50

(maximum: 96 × 64)About 50 × 50

(maximum: 96 × 64)About 50 × 50

(maximum: 96 × 64)About 25 × 25

(maximum: 48 × 32)

Default Newsstand cover icon for the App Store

(required for Newsstand apps)At least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 512 pixels on the longest edge

Web clip icon

(recommended for web apps and websites)180 × 180120 × 120120 × 120152 × 15276 × 76

图片 14图片 15

Android的设计尺寸:

显示屏尺寸

指实际的情理尺寸,为显示屏对角线的衡量。

为了轻便起见,Android把实际显示屏尺寸分为多个广义的大小:小,平常,大,特大。

像素

代表显示器上三个大意的像素点代表显示器上五个轮廓的像素点。

显示屏密度

为减轻Android设备碎片化,引进贰个定义DP,也便是密度。指在自然尺寸的物理显示屏上显得像素的多少,日常指分辨率。 为了轻松起见,Android把显示器密度分为了多少个广义的轻重:低、中、高和超高 像素= DP * ( DPI / 160 ) 举例,在五个240dpi的显示屏里,1DP拾叁分1.5PX。

于统一筹算来讲,选用一个适度的尺码作为健康尺寸和高中级显示屏密度(尺寸的挑三拣四依据盘算适配的硬件,建议参照他事他说加以考察现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。

卓越的希图尺寸

• 320dp:贰个平常的无绳电话机荧屏(240X320,320×480,480X800)

• 480dp:叁个中级苹果平板像

• 600dp:7寸平板电脑

• 720dp:10寸平板Computer(720×1280,800×1280)

对此分辨率非常多的android设备,为了便利原生应用的分界面适配,Google依照dpi大小将它们分成了4中情势(MDPI、HDPI、XHDPI和XXHDPI,未来Android 4.3 已经有了XXXHDPI):

屏幕DIP类型: xxhdpi xhdpi hdpi mdpi ldpi

ICON尺寸: 144*144 96*96 72*72 48*48 36*36

任由说一下现行反革命安卓设计稿尺寸设定:

相似PS新建 1080 x 一九一八的尺寸,也正是对应当安卓的xxhdpi ,所以切图也是归入程序中的xxhdpi文件夹 下。所以基本上一套图就足以了,如若时光丰富,做多套尺寸的图自然没什么坏处。就算只出大尺寸的图,但设计时必定好思索好小荧屏适配难点,还要对一些切图实行调度重切,因为有一点图等比缩时辰会出现糊,或不难堪的气象。

安卓的点九图 点9切法 查看那篇小说:

Android安卓系统dp/sp/px换算表

名称分辨率比率 rate 比率 rate 比率 rate

idpi240 × 3200.750.3750.32

mdpi320 × 48010.50.4267

hdpi480 × 8001.50.750.64

xhdpi720 × 12802.251.1251.042

xxhdpi1080 × 19203.3751.68751.5

主流Android手提式有线电话机分辨率和尺寸

设施分辨率尺寸设备分辨率尺寸

三星Galaxy S34.8英寸720 × 1280三星Galaxy S45英寸1080 × 1920

三星Galaxy S55.1英寸1080 × 1920三星Galaxy S64.5英寸1200 × 1920

小米14英寸480 × 854小米1s4英寸480 × 854

小米24.3英寸720 × 1280小米2s4.3英寸720 × 1280

小米35英寸1080 × 1920小米3s5英寸1080 × 1920

小米45英寸1080 × 1920红米4.7英寸720 × 1280

红米Note5.5英寸720 × 1280

OPPO Find 75.5英寸1440 × 2560OPPO Find 7 轻装版5.5英寸1080 × 1920

OPPO N1 mini5英寸720 × 1280OPPO R35英寸720 × 1280

OPPO R1S5英寸720 × 1280

锤子 Smartisan T14.95英寸1080 × 1920

华为 Ascend P75英寸1080 × 1920华为 Ascend Mate76英寸1080 × 1920

华为 荣耀65英寸1080 × 1920华为 Ascend Mate26.1英寸720 × 1280

华为 C1995.5英寸720 × 1280

HTC One 5英寸1080 × 1920HTC Desire 8205.5英寸720 × 1280

魅族 MEIZU MX45.36英寸1152 × 1920魅族 MEIZU MX35.1英寸1080 × 1800

【评释:本文为图片能源来源与互连网,如有侵犯权益,请联系小编及时管理】

微博:Z丶J先生

协助举行学设计与后面一个知识

关注订阅;有免费周全前端和UI设计录制财富

本文由韦德1946发布于新闻资讯,转载请注明出处:安卓和苹果的界面设计之尺寸规范,IOS和安卓u

关键词:

让你修图更专业

直方图是一种照片的分析方式,后期修图前,看懂直方图让你调图更得心应手,更专业,出来的效果更精彩。 如何观...

详细>>

EVE新版3D星图正式启用,超赞的UC星座占卜H5是如

用软件快捷变动的H5和设计员精心打磨过的有啥样分别?看今朝那篇就知晓了。仅仅是三个星宿专项论题,背后的布署...

详细>>

眼影和唇色的大胆混搭一,夺目橙唇全包眼线早

化妆入眼是轻,沾取眼影的时候要轻,画的时候也要轻。晕染效果要造到近似水彩一般,可用作眼线或扫于眼睑。 属...

详细>>