android尺寸规范
㈠ 设计页面各手机屏幕的尺寸规范
iPhone界面尺寸
设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度
iPhone6P、6SP、7P 1242×2208 px 401PPI 60px 132px 146px
iPhone6 - 6S - 7 750×1334 px 326PPI 40px 88px 98px
iPhone5 - 5C - 5S 640×1136 px 326PPI 40px 88px 98px
iPhone4 - 4S 640×960 px 326PPI 40px 88px 98px
iPhone & iPod Touch第一代、第二代、第三代 320×480 px 163PPI 20px 44px 49px
iPhone图标尺寸:
设备 App Store 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏
iPhone6P - 6SP - 7(@3×) 1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px
iPhone6 - 6S - 7 (@2×) 1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px
iPhone5 - 5C - 5S (@2×) 1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px
iPhone4 - 4S (@2×) 1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px
iPhone & iPod Touch第一代、第二代、第三代 1024×1024 px 120×120 px 57×57 px 29×29 px 38×38 px 30×30 px
iPad的设计尺寸
设备 尺寸 分辨率 状态栏高度 导航栏高度 标签栏高度
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2 2048×1536 px 264PPI 40px 88px 98px
iPad 1 - 2 1024×768 px 132PPI 20px 44px 49px
iPad Mini 1024×768 px 163PPI 20px 44px 49px
iPad图标尺寸:
设备 App Store 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2 1024×1024 px 180×180 px 144×144 px 100×100 px 50×50 px 44×44 px
iPad 1 - 2 1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px
iPad Mini 1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px
Android SDK模拟机的尺寸
屏幕大小 低密度(120) 中等密度(160) 高密度(240) 超高密度(320)
小屏幕
??QVGA(240×320) ?????480×640
普通屏幕
WQVGA400(240×400) WQVGA432(240×432) ??HVGA(320×480) WVGA800(480×800) WVGA854(480×854) 600×1024 ??640×960
大屏幕
WVGA800 *(480×800) WVGA854 *(480×854) WVGA800 *(480×800) WVGA854 *(480×854) 600x1024
超大屏幕
???1024×600 1024×768 1280×768WXGA(1280×800) 1536×1152 1920×1152 1920×1200 2048×1536 2560×1600
Android的图标尺寸
屏幕大小 启动图标 操作栏图标 上下文图标 系统通知图标(白色) 最细笔画
320×480 px
48×48 px 32×32 px 16×16 px 24×24 px 不小于2 px
480×800px 480×854px 540×960px
72×72 px 48×48 px 24×24 px 36×36 px 不小于3 px
720×1280 px
48×48 dp 32×32 dp 16×16 dp 24×24 dp 不小于2 dp
1080×1920 px
144×144 px 96×96 px 48×48 px 72×72 px 不小于6 px
Android安卓系统dp/sp/px换算表
名称 分辨率 比率 rate (针对320px) 比率 rate (针对640px) 比率 rate (针对750px)
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
主流Android手机分辨率和尺寸
设备 分辨率 尺寸 设备 分辨率 尺寸
魅族MX2 4.4英寸 800×1280 px 魅族MX3 5.1英寸 1080×1280 px
魅族MX4 5.36英寸 1152×1920 px 魅族MX4 Pro未上市 5.5英寸 1536×2560 px
三星GALAXY Note 4 5.7英寸 1440×2560 px 三星GALAXY Note 3 5.7英寸 1080×1920 px
三星GALAXY S5 5.1英寸 1080×1920 px 三星GALAXY Note II 5.5英寸 720×1280 px
索尼Xperia Z3 5.2英寸 1080×1920 px 索尼XL39h 6.44英寸 1080×1920 px
HTC Desire 820 5.5英寸 720×1280 px HTC One M8 4.7英寸 1080×1920 px
OPPO Find 7 5.5英寸 1440×2560 px OPPO N1 5.9英寸 1080×1920 px
OPPO R3 5英寸 720×1280 px OPPO N1 Mini 5英寸 720×1280 px
小米M4 5英寸 1080×1920 px 小米红米Note 5.5英寸 720×1280 px
小米M3 5英寸 1080×1920 px 小米红米1S 4.7英寸 720×1280 px
小米M3S未上市 5英寸 1080×1920 px 小米M2S 4.3英寸 720×1280 px
华为荣耀6 5英寸 1080×1920 px 锤子T1 4.95英寸 1080×1920 px
LG G3 5.5英寸 1440×2560 px OnePlus One 5.5英寸 1080×1920 px
主流浏览器的界面参数与份额
浏览器 状态栏 菜单栏 滚动条 市场份额(国内)
Chrome 浏览器 22 px(浮动出现) 60 px 15 px 42.1%
火狐浏览器 20 px 132 px 15 px 1%
IE浏览器 24 px 120 px 15 px 34%
360 浏览器 24 px 140 px 15 px 28%
遨游浏览器 24 px 147 px 15 px 1%
搜狗浏览器 25 px 163 px 15 px 3.8%
系统分辨率统计
分辨率 占有率 分辨率 占有率
1920×1080
13.8%
1366×768
10.2%
360×640
7.9%
1440×900
7.7%
720×1280
6.4%
1024×768
5.1%
320×568
3.7%
1600×900
3.5%
1080×1920
3.3%
375×667
3.2%
㈡ Android常用UI尺寸规范
在信息流的设计中,左右的间距会保持一致,通常设定为32px,从而保证有足够的留白,如图所示。信息流中的文本、图片和头像都会依据间距进行左右对齐,以此来保证页面的规则性。
在1080px×1920px的设计图中,文字要有主次。把字号大小分为3个级别,例如主文案的昵称会设置为46px,描述文字会设置为36px,而最小字号的时间等信息文字的大小会设置为30px,如图所示。
㈢ android MD设计规范问题,应用栏高度是多少
目前安卓上有两种尺寸,分别为56dp和48dp,目前较常用的高度为48dp;来自谷歌官方的规范为56dp。想了解更详细点,请参考谷歌官方说明,以下地址为本问题说明点:https://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keyli...
㈣ 设计师如何为Android应用标注尺寸
设计 Android 应用的最佳实践:
1. 画布大小定位 720 x 1280,72 dpi
2. 只使用偶数单位的尺寸,比如 96 px 的列表项高度,16 px 的边距,64 px 的图标边长
3. 只使用 24 pt,28 pt,36 pt 和 44 pt 的字体
4. 设计完成以后,所有尺寸的 px 值除以 2 作为 dp 数值交给工程师
5. 所有字体的 pt 值除以 2 作为 sp 数值交给工程师
6. 所有切图变成三份,分别是原始大小、缩小 1.5 倍,缩小 2 倍,分别作为 xhdpi,hdpi,mdpi 的资源交给工程师
如果你还有好奇心,可以继续往下看这个结论是怎么来的。
相信你已经看过这篇文档中关于 Android 中各种尺寸单位的介绍,没看过的最好看一下
http://developer.android.com/guide/topics/resources/more-resources.html#Dimension
在 Android 应用设计中涉及到的单位都是密度无关像素(Density-independent Pixels),这个说法太拗口了,通俗点讲,Android 应用设计中只用物理尺寸,类似厘米,英寸这种单位,不用像素。之所以这样,是由于像素在手机领域说不清楚问题,比方说规定列表项高度是 48 px,在 HTC C510e 上看起来就不错,但在三星 Galaxy SIII 上看起来就会非常矮,导致很难看,这是因为这两个机器的屏幕的 dpi 相差很大,前一个大约 160 dpi,后一个大约 320 dpi。这就是手机屏幕不同带来的问题,如果不考虑平板,不同主要是密度不同,而不是尺寸不同,也不是分辨率不同,给设计带来困扰的根本是屏幕密度不同。不幸的是,很少人对这个有概念,通常介绍手机,会说屏幕尺寸,3.5
寸还是 4 寸,会说分辨率,480 x 800 还是 720 x 1280,但通常不会介绍屏幕密度是多少。其实通过尺寸和分辨率可以算出密度来,dpi 的 定义是 dot per inch,即每英寸的像素点,把分辨率和尺寸除一除就能得到。一个不确切的分法是,720 x 1280 的手机很可能接近 320 dpi (Android 里的 xhdpi),480 x 800 的手机很可能接近 240 dpi (Android 里的 hdpi)。
Android 选择的单位是 dp 和 sp,dp 的定义是“在 160 dpi 的屏幕上,1 dp 大约等于 1 px”。这个说法也很拗口,简单点说,1 dp ≈ 1 / 160 inch,他就是物理界的一长度单位。用这个单位设计就统一了,比方说规定列表项高度是 48 dp,在所有手机上看起来都差不多是 48 / 160 inch 那么高,虽然在不同手机上它对应了不一样多的像素点,但这个转换是 Android 手机完成的,每个 Android 手机都得知道在我这 1 dp 对应多少像素。sp 也是同样解释,18
sp 的字在所有手机上看起来应该都差不多大(自己改了字体大小设置的除外)。看到这里,可能有人会想,那岂不是不同手机显示的内容不同。确实是这样,同样一个列表,在 A 手机上只能显示五行,但在 B 个手机上就能显示六行;还是这个列表,在 A 手机上文字左边的留白就显得没有 B 手机多。
铺陈完了,逐条解释开始的最佳实践。
设计师在设计的时候是用不了 dp 的,他不可能拖一个 48 x 48 dp 的框,不可能设置一个 8 dp 的边距,Photoshop 里全是 px。于是我们就只有挑一个特定密度的屏幕,在这个特定密度的屏幕上,dp 和 px 的关系是确定,把设计做了,再把 px 转换成 dp 给工程师。另外有一点是,长度可以乘除一下就解决,图片是不能除的,图片必须手动缩放。
我们挑哪一个密度好呢?答案是挑密度最大的,因为图片缩小比放大好,放大会失真,选 320 dpi 作为目标屏幕,为其他屏幕提供图片时,只需要缩小。而 320 dpi 屏幕的分辨率最常见的是 720 x 1280,以这个尺寸作为画布尺寸,是最带感的,这样的设计稿就和应用在最多数的 320 dpi 的机器上运行起来的样子一样。当然你可以选其他画布大小,但再大也不见得方便,这个大小也够施展了。72 dpi 是 Photoshop 的默认设置,不要改就好,这个数字和后面的换算有关系。
字体的问题,Android 4.0 以后的设计规范中建议只使用四种字号,分别是 12 sp,14 sp,18 sp 和 22 sp,这也是 Android framework 用到的全部字号。我们需要找到在这个画布上,这些字号和 pt 的对应关系,以及,px 和 dp 的对应关系。有两种算法:
算法一
根据 dp 的定义“在 160 dpi 的屏幕上,1 dp 大约等于 1 px”,那么在 320 dpi 的屏幕上,1 dp 约等于 2 px,我们就是为 320 dpi 做的设计,所有 px 值除以 2 就是 dp 值。字体略复杂一点,1 pt = 1 / 72 inch,即在 72 dpi 的画布上,1 pt = 1 px,我们的画布就是 72 dpi,又有 1 sp 约等于 2 px(同 dp 的定义),所以 1 sp = 2 pt,所有 pt 值除以 2 就是 sp 值。算法二
可以想象是把一个 320 dpi 的手机屏幕放大到了 Photoshop 里,放大倍数是 320 / 72,即手机上的 1 dp,在画布上就是 320 / 72 dp,而 1 dp = 1 / 160 inch,所以在画布上就是 2 / 72 inch,而画布是 72 dpi,所以在画布上就是 2 px,即手机上的 1 dp 对应画布上的 2 px。字体的计算一样,只是多一个在 72 dpi 上,1 pt = 1 px 的转换。
至此,都算清楚了,在这个画布上,px 到 dp,pt 到 sp 都是除以 2 的关系。
最后,给 320 dpi 做的图片,到 240 dpi,160 dpi 上就要分别缩小 1.5 倍和缩小 2 倍。120 dpi 的机器已经很罕见,可以不考虑了
㈤ 安卓界面尺寸规范及分辨率一般怎么设定
首先,Andoird开发相对于ios开发必须要考虑兼容性的问题
Android应用如何适配不同分辨率的手机,主要分三块考虑:
1.界面配置,根据不同的分辨率,创建手机界面文件
例子:
在res下创建 layout-800x480,layout-480x320,并在各自不同分辨率的文件夹下创建界面文件
2.图片配置,不同的分辨率,界面的长宽比不一致,需要不同规格的图片,在drawable-hdpi,drawable-ldpi,drawable-mdpi 中放不同分辨率的图片.
注:为了减小整个应用程序安装包大小,选用最高分辨率适配,特殊界面图片特殊处理.
3.动态实现的界面,样式的设定,不同分辨率,界面的字体大小,字体等需要不同的样式,且需要动态生成的情况下,需要把不同分辨率的配置信息保存到应用中。
例子:
在RES里创建 values-480x320 values-800x400 value-1280x720,并在创建的文件夹中分别创建dimens.xml,<dimen name="Text_size">30px</dimen>,在程序中直接调R.dimen.Text_sizeint sizeOfText = (int) this.getResources().getDimension(R.dimen.Text_size);
注:实际应用发现,字体大小适配时,比如只适配了如下屏幕字体
values-480x320 values-800x480 value-1280x720当出现手机屏幕分辨率为 854x480时会自动找最大字体适配 (value-1280x720).
㈥ 安卓系统UI设计尺寸怎么定
众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。
1、字体
安卓系统中文采用的是思源黑体,英文字体为robot字体。
只使用偶数单位 24 pt,28 pt,36 pt等字体大小
2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思?
讲图标之前先来分析一下一排英文的意思:
mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次数值越大,其分辨率越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系统专用的长度单位,设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用,文字则用sp(放大像素),主要用于字体显示best for textsize。
px是像素的意思, 不同设备显示效果相同。
安卓各屏幕密度关系如下:
3、图标
不同手机品牌的图标的标志是不一样的,对应不同大小屏幕的尺寸如下:
应用图标的尺寸:
快捷图标的尺寸:
系统图标的尺寸:
4、应用栏的尺寸
从左到右依次是:① 应用栏高度:56dp;应用栏左右内边距为16dp;应用栏图标上下左内边距为16dp;应用栏标题左内边距为72dp;应用栏标题下边距:20dp;
②应用栏高度为128dp;
③操作栏高度为56dp;标题栏高度:80dp;标题栏底部内边距:8dp;描述区域高度:72dp;描述区底部内边距:16dp。
5、列表高度
垂直边框、水平外边距、边框左右外边距各16dp;带有图标或者头像的内容有72dp的左边距。
垂直边距
①状态栏:24dp;②工具栏:56dp;③子标题:48dp;④列表项:72dp
垂直边框、水平外边距、边框左右外边距各16dp;带有图标或者头像的内容有72dp的左边距。
垂直边距
①状态栏:24dp;②工具栏:56dp;③标题和列表项:48dp;④子标题:48dp;⑤内容区域间距离为8dp
6、界面适配
安卓多屏幕支持的基础是它能够管理应用程序的布局和位图可绘制对象的渲染以适当的方式对当前屏幕配置的能力。该系统处理的大部分工作由布局缩放以适合屏幕尺寸/密度和缩放位图可绘制在屏幕密度正确呈现您的应用程序在每个屏幕的配置,来优化用户界面设计,带来更良好的用户体验。
如何做到安卓界面适配呢?大家一定要很清楚的了解分辨率、屏幕大小、密度的关系;明白实际密度和系统密度的关系,dp、sp、px的区别;明白dp与px的转换。这里不做过多阐述,后期写一篇具体的~
安卓的界面规范就讲到这里,要明白设计界面规范的意义是确保设计的统一性与合理性,规范维护的是项目的统一,为了项目利益最大化,高效化。所以作为UI设计师的我们,如果一点设计规范不遵守,全靠自己想当然,那就别发给前端人员啦,他也看不懂。
㈦ iOS与Android用户界面(UI)设计规范
相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发......
下面的文字就给出一点点技巧总结,但也要给合团队在开发时的习惯。每个工程师们所使用的控件,书写布局习惯来实际移交的图是不一样的,但八九不离十,都是遵循一个原则,便捷开发、自适应强的开发模式。
一、尺寸及分辨率
设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iPhone 6和Plus出来后有很多人会使用6屏幕尺寸来设计。
如果是我来做的话,我会使用640×1136,对Plus做单独的修改适配,因为Plus的屏幕实在是大了,遵循屏大显示更多内容的原则这里本应该是需要修的了,有更好办法的话希望大家可以分享一下。
Ps:作图的时候尽可能确保都是用形状工具(快捷键 U)画的,这样更方便后期的切图或者尺寸变更。
二、界面基本组成元素
iPhone的app界面一般由四个元素组成,分别是:状态栏(status bar)、导航栏(navigation)、主菜单栏(submenu)、内容区域(content)。
PS:在最新的iOS7的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了一起,但是再怎么变,尺寸高度也还是没有变的,只不过大家在设计iOS7风格的界面的时候多多注意下~
三、图标尺寸
四、字体大小
iPhone 上的字体英文为: HelveticaNeue 至于中文,Mac下用的是黑体-简,Windows下则为华文黑体,所有字体要用双数字号。
下图是网络移动用户体验部(MUX)做过的一个小调查,可以看出用户在iOS app中可接受的文字大小。
五、切图
切图是APP设计中的一个重要过程,关系到APP的界面实现,及各种适配性还有各种性能
苹果在没6 Plus前,我们只需要提供两种图,普通图及视网膜屏幕图。
以640×1136(640×960是一样的)做的设计图的话就会好办一点。直接出设计图上的原大小图标,比如我们命名一个图片叫 img-line.png,我们给开发的图就要改变这个名字叫 [email protected] 就是在后缀名前加上@2x表示视网膜屏的图,iPhone4的还需要把这个图尺寸按比例缩小50%,得到正真的img-line.png。然后把这两个图移交给开发,iPhone6的图在规范里是与5s使用的是一样的,也是@2x图。有些UI则需要做适当的适配,比如拉长,拉高,这个开发会去做。
对于iPhone 6 plus的话范里给出的是@3x相信大家也知道是怎么回事,但如果要使用PS放大的话,大家做图的时候就需要使用形状工具来做,放大后还需要仔细微调,这里就不多做讲解
PS: 在出可按的图片切图时需要注意图片的可按区域大小,有时图标很小,实际切出来的放在上面,用手指是按不到的,我们就需要对图片单独处理,拓宽图片的有效区域,这里是拓宽非放大,就是改变画布大小使图片尺寸面积扩大,使图片四周拓宽多余的透明区域 ,从而改变可按大小。
六、颜色值问题
iOS颜色值取 RGB各颜色的值比如某个色值,给予IOS开发的色值为 R:12 G:34 B:56 给出的值就是 12,34,56(有时也要根据开发的习惯,有时也用十六进制)
七、内部设计
1、所有能点击的图片不得小于44px(Retina需要88px)
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控制按钮在4中状态下的样式,如图:
一、尺寸及分辨率
Android界面尺寸:480*800、720*1280、1080*1920
Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。
二、界面基本组成元素
Android的app界面和iPhone的基本相同:状态栏、导航栏、主菜单、内容区域。
Android中我们取用的720*1280的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。
状态栏高度为:50px
导航栏高度为:96px
主菜单栏高度为:96px
内容区域高度为:1038px (1280-50-96-96=1038)
Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96px
Android为了在界面上区别于iOS,Android 4.0开始提出的一套HOLO的UI风格,一些app的最新版本都采用了这一风格,这一风格最明显的变化就是将下方的主菜单移到了导航栏下面,这样的方式解决了现在很多手机去除实体键后再屏幕中显示而出现的双底栏的尴尬情景。
三、图标尺寸
Android设计规范中, 使用的单位是dp, dp在安卓机上不同的密度转换后的px是不一样的。
四、字体大小
Android 上的字体为:Droid sans fallback,是谷歌自己的字体,与微软雅黑很像。
同样,网络移动用户体验部(MUX)的调查中,可以看出用户可接受的文字相应问题。
具体大小,还是那句话,找自己喜欢的app界面,手机截图后放进PS自己对比调节字体大小,切记,一定是高清截图。
五、切图
Android设计规范中单位是dp,dp在安卓机上不同的密度转换后的px 是不一样的,所以按照设计图的px转换成dp也是不一样的,这个可以使用转换工具转换,开发一般会有,也有些开发会使用px做单位,因为做了前期的转换工作。
六、颜色值问题
Android颜色值取值为十六进制的值 比如一绿色的值, 给开发的值为 #5bc43e
㈧ Android 平台设计规范有哪些
1、尺寸以及分辨率:
Android的界面尺寸比较流行的有:480*800、720*1280、1080*1920,我们在做设计图的 时候建议是以 480*800的尺寸为标准;
2、界面基本组成元素:
界面基本组成元素包括:状态栏+导航栏+主菜单栏+内容区域;以480*800的尺寸为标准下的 各个元素的高度(其实导航栏和菜单栏每一个应用都或许不一样,android对于尺寸没有太明确的 数据规范)如下:
3、字体:
Android 系统中,Droid Sans 是默认字体,与微软雅黑很像;
4、操作栏:
1、”操作栏”对于 Android 应用来说是最重要的设计元素,它通常在应用运行的所有时间都呆 在屏幕顶部;
2、 操作栏的基本布局:
1向上+2 Spinner视图控制+3 重要操作按钮+4 更多操作:其中,向上按钮,点击后是去到 当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner 是 用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作 (action overflow)是集合操作栏中不常用的和非重要操作的地方。
5、多面板布局:
多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更 多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简 化导航。这点在iPad上已经运用得相当娴熟了。
6、选择:
Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后,是 出现情境菜单的浮出层。在Android4.0中,长按后在操作栏的位置会覆盖一个临时的情境操 作栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个 处理,也允许被批量处理。
7、返回和向上:
返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式, 连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上一 个层级,若当前界面已经是最高一级,则没有向上按钮。
8、主题样式:
推出三套默认主题:Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在 这三套默认主题的基础上做设计,以加快app研发效率,但只是建议使用,并没有完全强制。
9、触摸与反馈:
用户触摸应用中的可操作区域,应当在视觉上有响应,微小的反馈会给用户带来很好地效果;
10、按钮:
1、按钮的3种表现形式如下图:
2、对于仅包括图标的按钮,不需要使用背景色;
11、滑块:
滑块的几种表现形式如下图:
12、进度条:
如果某个操作需要花费很长的时间,就需要用进度条的指示和旋转圈的形式来表示:
1、如果你可以知道当前任务完成的比例,那么使用进度条,让用户了解大约还需要多久才能完成;
2、当使用旋转圆圈时,不要配以文字标签。旋转的圆圈已经表明了正在进行后台操作。
13、开关:
用户通过开关作出选择,包括3种形式:复选框+单选按钮+开关;
1、复选框:用户可以在一个集合中作出多个选择:
2、单选按钮:单选按钮允许用户在一个集合中做一次选择;
3、开关:开关控制单个选项的状态;
14、对话框:
应用通过对话框让用户作出决定或者填写一些信息,
1、对话框的左边一般情况下是取消按钮,右边是确定按钮;
㈨ 720x1280与1080x1920设计尺寸各是多少
设计尺寸包括pixel(px),point(pt),pixel per inch(ppi),dot per inch(dpi),Density-independent pixel(px).
720 x 1280的设计尺寸分别为xhdpi,320,2.0,48dp,96px;
1080x1920的设计尺寸分别为xxhdpi,480,3.0,48dp,144px480。
APP设计尺寸单位各自的定义:
1、px:pixel——【 像素】 电子屏幕上组成一幅图画或照片的最基本单元;
2、pt: point——【 点】印刷行业常用单位,等于1/72英寸;
3、ppi: pixel per inch——【每英寸像素数】 该值越高,则屏幕越细腻;
4、dpi: dot per inch——【每英寸多少点】,该值越高,则图片越细腻;
5、dp: dip,Density-independent pixel——【安卓开发用的长度单位】。
二、图标尺寸规范
1、导航栏和工具栏尺寸大小44x44px;
2、标签栏尺寸大小75x75px
3、导航栏的文字大小最大值是34-36px,标签栏的图标下方的文字大小为20px。
4、内容区域的文字大小是:20px 24px,26px,28px,30px,32px,34px。
㈩ IOS和Android标注图片的尺寸多少合适
安卓手机的APP图标尺寸规范跟命名规范如下信息图。
android图标规范信息图包含了安卓程序启动图标、安卓底部菜单图标、安卓弹出对话框顶部图标、安卓长列表内部列表项图标和安卓底部或顶部tab标签图标。非常齐全。
1. 安卓程序启动图标:ldpi (120 dpi)
小屏mdpi (160 dpi)
中屏hdpi (240 dpi)
大屏xhdpi (320 dpi)
特大屏36 x 36 px48 x 48 px72 x 72 px96 x 96 px
2.安卓底部菜单图标
安卓图标2
1. 大屏:1. 完整图片(红色): 72 x 72 px2. 图标(蓝色): 48 x 48 px3. 图标外边框(粉色): 44 x 44 px1. 中屏:1. 完整图片: 48 x 48 px2. 图标: 32 x 32 px3. 图标外边框: 30 x 30 px1. 小屏:1. 完整图片: 36 x 36 px2. 图标: 24 x 24 px3. 图标外边框: 22 x 22 px
3. 安卓弹出对话框顶部图标
Low density screen (ldpi)小屏Medium density screen (mdpi)中屏High density screen (hdpi)大屏24 x 24 px32 x 32 px48 x 48 px
4. 安卓长列表内部列表项图标
Low density screen (ldpi)小屏Medium density screen (mdpi)中屏High density screen (hdpi)大屏24 x 24 px32 x 32 px48 x 48 px
5. 安卓底部或顶部tab标签图标
安卓图标
1. 大屏 (hdpi)
screens:1. 完整图片(红色): 48 x 48 px
2. 图标(蓝色): 42 x 42 px1. 中屏 (mdpi) screens:1. 完整图片: 32 x 32 px2. 图标: 28 x 28 px1. 小屏(ldpi) screens:1. 完整图片: 24 x 24 px2. 图标: 22 x 22 px
6. 安卓底部状态栏图标
ldpi (120 dpi)小屏mdpi (160 dpi)中屏hdpi (240 dpi)大屏xhdpi (320 dpi)特大屏18 x 18 px24 x 24 px36 x 36 px48 x 48 px
安卓图标尺寸跟状态栏尺寸设计
苹果公司官网设计介绍到:Retina显示屏的超高像素密度已超过人眼能分辨的范围。
Retina对图像设计(图标、启动画面和其它所有像素有关的东西)有什么影响呢?如果我们的app要支持Retina,就要提供高分辨率的(宽x2,高x2)的图片。同时,为了支持没有Retina的设备,仍旧要准备低分辨率的版本。
换言之,我们要准备两套设计图。
针对不同分辨率的图片,苹果规定了一个命名规范:假如一个普通分辨率的图片,文件名是“abc.png”,那么与其对应的高分辨率的文件名就应该是“[email protected]”,多了“@2x”。
下面是IOSAPP 图标格式和尺寸规范。非常详细。
图标和启动画面的格式:推荐使用PNG格式,可以是标准的24位颜色(红、绿和蓝各用8位),外加alpha通道的8位。不要在app图标上使用透明色。
图标的尺寸:苹果有一份完整的文档,列出了app所需的全部图标尺寸,和其各自的使用环境。
ios-APP图标尺寸和切图规范 求给分!!~~