Android尺寸总结-小欧版(不足请填充修改)
- 格式:docx
- 大小:413.07 KB
- 文档页数:9
IOS和安卓ui设计常用尺寸及基本知识iOS appiOS app 图标的圆角半径是多少?括弧里面是对应的半径大小App store(Retina屏) ─────────────1024px(160px)iTunes Artwork icon ─────────────512px (90px)App icon(iPhone4s) ──────────────────114px (20px) App icon(iPhone5s) ──────────────────120px(22px) 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)iPhone、iPad、Android UI常用设计尺寸iPhone:—————————————————————–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)iPhone 5 326ppi 4英寸1136*640PXiPhone 4 App UI:960 x 640PX (设计时,高度还需要减去状态栏40PX)iPhone 3GS App UI:480x 320PXiPhone的设计尺寸(ios尺寸) iPhone界面尺寸:iPhone图标尺寸:iPad的设计尺寸iPad界面尺寸:iPad图标尺寸:Android的设计尺寸:屏幕尺寸指实际的物理尺寸,为屏幕对角线的测量。
Android的尺寸单位pxpx就是pixels(像素)的意思,可以设置一个View的宽和高的px值。
但是用px作为单位通常是一种错误的做法,因为手机有很多种可能的分辨率。
宽高相同px的view在720P的手机和1080P的手机大小是不一样的。
例如下图是一个宽高都为360px的TextView,在Galaxy Nexus(1280×720)、Nexus 5(1920×1080)和Nexus6(2560×1440)的显示效果。
我们只看宽度,360px占720p屏幕的1/2,占1080p屏幕的1/3,占1440p屏幕的1/4、这样不同手机的显示效果就不统一了。
因为通常不用px作为尺寸单位,而是用dp。
dpdp是device independent pixels(设备独立像素)的缩写,其实应该写成dip,但是写成dp也行所以大家都写成dp了。
dp的特点是兼容不同分辨率的设备,其原理是1dp等于像素密度为160ppi的屏幕1px的长度。
那么在240ppi的屏幕1dp就等于1.5px,在320ppi就是2px。
也就是说dp会根据各种ppi按比例换算成对应的px。
因此相同的dp值在不同分辨率的显示效果是统一的。
例如下图是宽高都为100dp的TextView在Galaxy Nexus、Nexus5和Nexus6的显示效果。
spsp是字体大小单位,意思是scaled pixels(放大像素)。
sp和dp一样其像素值也是设备独立的。
但是Android手机在设置里可以更改字体大小为小、普通、大、超大。
默认的普通模式下1sp = 1dp,其它字体模式1sp会按比例换算成不同的dp。
另外字体的默认大小是14sp。
结论view尺寸单位用dp,字体大小单位用sp。
安卓尺寸规范安卓尺寸规范是指安卓应用程序在不同尺寸的设备上的布局和界面设计规范。
1. 响应式布局:安卓应用程序应该能够适应不同尺寸的设备,包括手机、平板电脑和大屏幕设备。
使用相对布局和可伸缩单位(如dp)来实现布局的适应性。
2. 高分辨率图像:为了适应高分辨率的设备,应该提供高分辨率的图像资源,以避免在大屏幕设备上出现模糊或失真的情况。
3. 导航和操作按钮:在不同尺寸的设备上,导航和操作按钮应该位于容易操作的位置,以便用户可以方便地使用。
导航按钮应该可以自动适应屏幕的尺寸和方向,并且在可用空间较小的设备上显示为折叠菜单或图标。
4. 文本和字体大小:文字内容应该根据屏幕尺寸和分辨率进行调整,以确保在不同设备上都能够清晰可读。
字体大小应该使用sp(可伸缩像素)单位来设置,以便能够适应用户的偏好设置。
5. 图标和按钮大小:图标和按钮的大小应该适应屏幕的尺寸,以便用户可以轻松点击或触摸它们。
在较小的设备上,图标和按钮应该相对较大以提供更好的可点击性。
6. 列表和网格视图:在显示列表和网格视图的时候,应该考虑到设备的尺寸和方向,以确保每个项目都有足够的空间和可点击区域。
7. 响应式图片:在显示图片的时候,应该根据设备的屏幕尺寸和分辨率来加载适当大小的图片,以避免加载过大的图片影响性能或加载过小的图片导致模糊。
8. 手势操作:在支持手势操作的应用程序中,手势的触发区域和操作反馈应该与设备的尺寸和方向相匹配。
9. 多屏幕支持:安卓应用程序应该支持多屏幕显示,可以通过使用不同的布局文件或使用约束布局来适应不同尺寸的设备。
10. 测试和优化:在开发过程中,应该对应用程序在不同尺寸的设备上进行测试和优化,以确保在各种情况下都有良好的用户体验。
总结:安卓尺寸规范是为了确保安卓应用程序在不同尺寸的设备上能够正确地显示和操作。
通过响应式布局、高分辨率图像、合理的导航和操作按钮、适应性的文字和字体大小、合适的图标和按钮大小、合理的列表和网格视图、适当的图片加载、支持手势操作、多屏幕支持以及测试和优化,可以提供良好的用户体验并保证应用程序的质量。
安卓尺寸规范(来自官方规范文档)在目前我们的安卓APP设计项目当中,我们并不会去为每一种分辨率去设计一套UI 界面。
这是一种追求完美和理想的状态。
小公司肯定是耗不起这样的。
所以,这个时候我们需要学会变通。
为了适应多分辨率,1:在标准基础(xdpi:1280*720)上开始,然后放大或缩小,以适应到其他尺寸。
2:从设备的最大尺寸(xxdpi:1920×1080)开始,然后缩小,并适应到所需的最小屏幕尺寸。
有些时候我们也会在实际开发过程中,Android和IOS的设计稿若无太大差异,也可从IOS 的分辨率(960*640)开始,再调整设计稿的比例,适应其他分辨率。
但是这种方法在切图的时候需要做一些图片的调整。
如果不是矢量图的元件需要重新按照1280*720的尺寸设计下换算关系是 dp*ppi/160 = px第一部分:720*1280的布局规范根据48dp原则,以及一些主流的android应用的截图分析,总结一下尺寸要求:状态栏高度: 50 px导航栏、操作栏高度: 96 px=48dp x 2主菜单栏高度: 96 px内容区域高度: 1038 px (1280-50-96-96=1038)Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也和菜单栏一样为:96 px第二部分: 图标和字体大小(来自官方规范文档)a、启动图标(home页或app列表页)整体大小为48 x 48 dp 没有空白的区域的完整图标。
当然也可以是包含空白区域的图标等于48DP.同时大家需要看下这个图:48dp代表了触摸的范围:b、操作栏图标,代表用户在app中可以使用到的最重要的图标整体大小为32 x 32 dp ,图形实际区域为24 x 24 dpc、小图标/场景图标,提供操作或特定项目的状态。
比如gmail app的星型标记、一些内容展开收起用到的向下向上的图标等。
整体大小为16 x 16 dp ,图形实际区域为12 x 12 dp 。
安卓系统界面尺寸规范引言在开发安卓应用程序时,界面的尺寸规范是非常重要的。
合理的尺寸规范可以使应用在不同的设备上呈现一致的布局和使用体验。
本文将介绍安卓系统界面尺寸规范,包括尺寸单位、布局尺寸、字体尺寸等方面的规范。
尺寸单位在安卓开发中,使用dp(density-independent pixel,密度无关像素)作为主要的尺寸单位。
相比于像素(px),dp可以根据设备的屏幕密度进行适配,保证在不同密度的设备上显示相同的物理尺寸。
使用dp作为尺寸单位,可以实现界面的自适应和可伸缩性。
在布局文件中,可以使用dp或sp(scaled-pixel)作为尺寸单位。
dp主要用于控件的尺寸,而sp则用于文字的尺寸。
sp与dp类似,但还考虑了用户的字体大小设置,保证文字在不同设置下的可读性。
布局尺寸规范控件间距控件间的间距在安卓系统中是非常重要的。
合理的间距可以使界面显得整洁、有层次感,并且不会让用户感到拥挤或迷失。
在安卓系统中,推荐的控件间距为8dp。
这种间距适用于绝大多数情况,保证了界面的一致性。
当需要特殊的设计效果时,可以根据需求适度调整间距,但不建议超过16dp。
控件尺寸在设计控件尺寸时,应遵循如下准则:•尽量不要使用固定尺寸,而是使用自适应的方式。
•对于按钮等控件,高度设置为48dp是一个不错的选择。
•对于文本输入框,高度设置为36dp可保证良好的输入体验。
•避免将控件尺寸设置为奇数值,这样能够确保在不同密度的设备上有整数像素的对齐,防止模糊或扭曲的情况发生。
列表项尺寸在列表项中,每个项的尺寸也是需要关注的。
推荐的列表项高度为56dp,这个高度能够适应不同密度的设备,并保证列表的可读性。
对于多列表项的情况,每个项之间的间距应设置为8dp,以保证列表的整洁性。
字体尺寸规范在安卓系统中,字体尺寸也需要遵循一定的规范,以保证文字的可读性和一致性。
在不同的视图上,可以采用不同的字体尺寸。
例如在标题栏中,可以使用24sp的字体尺寸;在正文中,可以使用16sp的字体尺寸;在按钮上,可以使用14sp的字体尺寸等。
安卓设计尺⼨规范画布尺⼨:如果想⼀稿适配ios,那就新建720×1280 分辨率72,像素/英⼨。
如果单独设计安卓MD新规范的,那就新建1080×1920 分辨率72,像素/英⼨。
单位和度量 Units and measurementsdpi =屏幕宽度(或⾼度)像素 / 屏幕宽度(或⾼度)英⼨dp =(宽度像素 x 160)/ dpi名称分辨率 px dpi像素⽐⽰例 dp对应像素xxxhdpi2160 x 3840640 4.048dp192pxxxhdpi1080 x 1920480 3.048dp144pxxhdpi720 x 1280320 2.048dp96pxhdpi480 x 800240 1.548dp72pxmdpi320 x 480160 1.048dp48px字体 Typography中⽂字体:思源⿊体Source Han Sans / Noto(是⼀个字体,叫法不同⽽已)英⽂字体:Roboto注意:安卓的字号单位是SP720×1280常见的字体⼤⼩:24px、26px、28px、30px、32px、34px,36px等等。
记住是偶数的。
最⼩字号20px。
元素字重字号⾏距字间距App bar Medium20sp––Buttons Medium15sp–10Headline Regular24sp34dp0Title Medium21sp–5 Subheading Regular17sp30dp10Body 1Regular15sp23dp10Body 2Bold15sp26dp10Caption Regular13sp–20图标 icons图标⽤途mdpi (160dpi)hdpi (240dpi)xhdpi (320dpi)xxhdpi (480dpi)xxxhdpi (640dpi)应⽤图标48 x 48 px72 x 72 px96 x 96 px144 x 144 px192 x 192 px系统图标24 x 24 px36 x 36 px48 x 48 px72 x 72 px196 x 196 px颜⾊material design colors在线⼯具>>单位换算距离单位是DP,⽂字单位是SP720×1280尺⼨的换算关系 1dp=2px,⽂字1sp=2px。
Android 屏幕适配总结单位概念屏幕尺寸:是指屏幕对角线的长度。
单位是英寸,1英寸=2.54厘米。
屏幕分辨率:是指在横纵向上的像素点数,单位是px,1px=1像素点,一般是纵向像素横向像素,如现在手机的主流屏幕像素:1280*720.屏幕像素密度:是指每英寸上的像素点数,单位是dpi。
wrap_content:根据控件的内容设置控件的大小。
match_parent:根据父控件的尺寸大小设置控件的尺寸。
weight:权重,在线性布局通过weight属性来设置控件所占的比例。
最小的屏幕宽度:以sw<Dimention value>dp的格式(比如sw600dp,sw320dp…)来指定最小的设备尺寸(宽和高)。
有效的屏幕宽度:以w<Dimention value>dp 来表示最小的设备屏幕宽度,比如:w600dp,w320dp,w720dp等。
工作中的总结1、尽量使用线性布局(LinearLayout)和相对布局(RelativeLayout),不要使用绝对布局。
2、使用wrap_content、match_parent、weight支持各种适配。
能够使用权重的地方尽量使用权重(android:layout_weight),注:使用权重时,宽度最好使用“0dp”,虽然有时使用warp_content的效果跟“0dp”效果一样,但有时也会因为这个原因而导致布局不一样,因此,建议使用“0dp”。
若是使用match_parent的效果会跟设置的权重比产生相反的效果。
3、如果是纯色背景的话,最好尽量使用Android的shape自定义。
4、尽量使用dip、dp和sp,不要使用px。
(其中:dip、dp密度与像素无关,sp:Google推荐使用12sp以上的大小,不够这个有时得跟实际开发来使用,通常使用12sp、14sp,15sp,22sp,最好不要使用小数和奇数)。
5、图片有时可以使用自动拉伸位图。
移动端设计尺寸现象首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。
尤其是Android,你会听到很多种分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且还有传说中的2K屏。
近年来iPhone的碎片化也加剧了:640×960, 640×1136, 750×1334, 1242×2208。
不要被这些尺寸吓倒。
实际上大部分的app和移动端网页,在各种尺寸的屏幕上都能正常显示。
说明尺寸的问题一定有解决方法,而且有规律可循。
像素密度要知道,屏幕是由很多像素点组成的。
之前提到那么多种分辨率,都是手机屏幕的实际像素尺寸。
比如480×800的屏幕,就是由800行、480列的像素点组成的。
每个点发出不同颜色的光,构成我们所看到的画面。
而手机屏幕的物理尺寸,和像素尺寸是不成比例的。
最典型的例子,iPhone 3gs的屏幕像素是320×480,iPhone 4s的屏幕像素是640×960。
刚好两倍,然而两款手机都是3.5英寸的。
所以,我们要引入最重要的一个概念:像素密度,也就是PPI(pixels per inch)。
这项指标是连接数字世界与物理世界的桥梁。
Pixels per inch,准确的说是每英寸的长度上排列的像素点数量。
1英寸是一个固定长度,等于2.54厘米,大约是食指最末端那根指节的长度。
像素密度越高,代表屏幕显示效果越精细。
Retina屏比普通屏清晰很多,就是因为它的像素密度翻了一倍。
倍率与逻辑像素再用iPhone 3gs和4s来举例。
假设有个邮件列表界面,我们不妨按照PC端网页设计的思维来想象。
3gs上大概只能显示4-5行,4s就能显示9-10行,而且每行会变得特别宽。
但两款手机其实是一样大的。
如果照这种方式显示,3gs上刚刚好的效果,在4s上就会小到根本看不清字。
安卓版规范术语和概念
屏幕尺寸
指实际的物理尺寸,为屏幕对角线的测量。
为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。
像素(PX)
代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。
屏幕密度
为解决Android设备碎片化,引入一个概念DP,也就是密度。
指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。
为了简单起见,Android 把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi)像素= DP * (DPI / 160 ) 例如,在一个240dpi 的屏幕里,1DP等于1.5PX。
于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上做小、大、特大和低、高、超高的尺寸与密度。
典型的设计尺寸
• 320dp:一个普通的手机屏幕(240X320,320×480,480X800)
• 480dp:一个中间平板电脑像(480×800)
• 600dp:7寸平板电脑(600×1024)
• 720dp:10寸平板电脑(720×1280,800×1280)
Android SDK模拟机的尺寸
屏低密度(120)中等密度(160)高密度(240)超高密度(320)
幕
大
小
小
屏
幕QVGA(240×320)480×640
普
通
屏幕WQVGA400(240X400)
WQVGA432(240×432)HVGA(320×480)
WVGA800(480×800)
WVGA854(480×854)
600×1024640×960
大
屏幕WVGA800 *(480X800)
WVGA854 *(480X854)
WVGA800 *(480×800)
WVGA854 *(480×854)
600×1024
超
大
屏
幕1024×6001024×768
1280×768WXGA
(1280×800)
1536×1152
1920×1152
1920×1200
2048×1536
2560×1600
主流Android手机分辨率和尺寸
设备分辨率尺寸设备分辨率尺寸
魅族MX2 4.4英寸1280×800px小米M2 4.3英寸1280x720px OPPO Find5 5英寸1920x1080px 三星 Note II 5.5英寸1280x720px HTC One 4.7英寸1920x1080px 索尼Xperia Z 5英寸1920x1080px。