谷歌,app,尺寸规范

谷歌,app,尺寸规范篇一：APP 界面设计规范二(Android 版)一、Android 设计常识 开始介绍之前先帮大家梳理一下 Android 常用单位，方便各位亲们更好的掌握并了解 Android 端设计规范。 Android 常用单位 PPI(pixels per inch)：数字影像的解析度，也就是每英寸所拥有的像素数，即像素密度； PPI 计算公式：ppi=（长度像素数 2 + 宽度像素数2）/屏幕对角线英寸数 DPI(dots per inch)：是指印刷上的计量单位，也就是每英寸上能印刷的网点数，我们设计用于显示器的默认为（72 像素/英寸）就好了； 屏幕尺寸（Screen Size）：一般我们所说的手机屏幕尺寸，比如 3 英寸、英寸等，都是指对角线的长度，而不是手机的面积； 分辨率（Resolution）：是指手机屏幕垂直和水平方向上的像素个数，比如分辨率为：720*1280，是指设备水平方向有 720 个像素点，垂直方向有 1280 个像素点 px( pixels)： 像素，不同设备显示效果相同 pt（ point）：一个标准的长度单位，ios 的逻辑单位，1Pt=1/72 英寸，用于印刷业，非常简单易用；标注字体大小（72 是早期台式机的 DPI） sp（Scaled-independentpixels）：放大像素， 安卓的字体单位； Dp（Density-independentpixels）：是指设备的独立像素，不同的设备有不同的显示效果，它与设备硬件有关系； sp 和 dp 基本一样，是 android 开发里特有的单位，都是为了保证文字在不同密度的显示屏上显示相同的效果；dp 与设备硬件有关，与屏幕密度无关，sp 与屏幕密度和设备硬件均无关； 换算关系android 开发中，文字大小的单位是 sp，非文字的尺寸单位用 dp，但是我们在设计稿用的单位是 px。这些单位如何换算，是设计师、开发者需要了解的关键。 * dp：以160PPI 屏幕为标准，则 1dp=1px。 dp 和 px 的换算公式 ：dp*ppi/160 = px。 对于 320ppi 的屏幕，1dp x 320ppi/160= 2px。 * sp：它是安卓的字体单位，以 160PPI 屏幕为标准，当字体大小为 100%时， 1sp=1px。 sp 与 px 的换算公式：sp*ppi/160= px。 对于 320ppi 的屏幕，1sp x 320ppi/160 = 2px。 简单理解的话，px（像素）是我们 UI 设计师在 PS 里使用的，同时也是手机屏幕上所显示的，dp 是开发写layout 的时候使用的尺寸单位。dp 和 px 的换算公式 ：dp*ppi/160 =px 或者 px=dp*ppi/160。 为什么要把 sp 和 dp 代替 px？原因是他们不会因为ppi 的变化而变化，在相同物理尺寸和不同 ppi 下，他们呈现的高度大小是相同。也就是说更接近物理呈现，而 px 则不行。 根据单位换算方法，可总结出： 当运行在 mdpi 模式下时，1dp=1px ：也就是说设计师在 PS 里定义一个 item 高 48px，开发就会定义该 item高 48dp ； 当运行在 hdpi 模式下时，1dp= ：也就是说设计师在PS 里定义一个 item 高 72px，开发就会定义该 item 高 48dp ； 当运行在 xhdpi 模式下时，1dp=2px ：也就是说设计师在 PS 里定义一个 item 高 96px，开发就会定义该 item高 48dp ； 具体换算关系如下： ldpi 模式下 1dp= mdpi 模式下(baseline)1dp=1px hdpi 模式下 1dp= xhdpi 模式下 1dp=2px xxhdpi 模式下 1dp=3px Xxxhdpi 模式下 1dp=4px 小结：其实对于我们设计师来讲，我们做效果图的单位仍然是 px，那些 sp、dp、pt 单位都是 Android 开发中所使用到的单位，但是我们必须要了解每种单位的含义以及它们之间的关系，这样才能使我们的设计更加统一和完美。Android 屏幕分辨率 Android 按照 DPI 分为了 LDP、MDPI、HDPI、XHDP 和XXHDPI 五类，Android 还添加了 XXXHDPI 这个新的 DPI 分类。 下面是 Android 界面尺寸详细总结： 目前主流的安卓手机分辨率有以下 3 种：hdpi，对应 480*800 的手机。主流机型：小米 1 ，1s 三星 htc 等 xdpi，对应 720*1280 的手机。主流机型：三星Galaxy 系列和华为 p6 等 xxdpi，对应 1080*1920 的手机。主流机型：小米手机，华为荣耀手机系列为主加上 htc one 下面是当面流行的安卓手机的屏幕尺寸和分辨率： 设计稿基本元素的尺寸设置Android 手机那么多，具体怎么分？哪些手机是几倍的倍率呢？我们设计人员需要按照哪个尺寸进行设计？我们先看一张表，这是友盟 XX 年 10 月到 XX 年 03 月的数据：篇二：手机端软件设计规范一、尺寸及分辨率 iPhone 界面尺寸：320*480、640*960、640*1136 iPad 界面尺寸：1024*768、2048*1536 单位：像素 72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用 640*960 或者 640*1136 的尺寸来设计。 Ps：作图的时候确保都是用形状工具（快捷键：U）画的，这样更方便后期的切图或者尺寸变更。 二、界面基本组成元素 iPhone 的 app 界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。 这里取用 640*960 的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。 状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px ? 导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮， 其高度为：88px ? 主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转， 其高度为： 98px ? 内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px 至于我们经常说的 iPhone5/5s 的 640*1136 的尺寸，其实就是中间的内容区域高度增加到 910px。 PS：在最新的 iOS7 的风格中，苹果已经开始慢慢弱化状态栏的存在，将状态栏和导航栏合在了一起，但是再怎么变，尺寸高度也还是没有变的，只不过大家在设计iOS7 风格的界面的时候多多注意下 三、字体大小 Phone 上的字体英文为：HelveticaNeue 。至于中文Mac 下用的是黑体，Win 下则为华文黑体。 下图是百度用户体验做过的一个小调查，可以看出用户可接受的文字大小。其实还有个更简单的方法就是找你觉得好的 app 应用，手机截图后放进 PS 自己比对调节字体大小咯。 我的音乐34px 我的、淘歌、发现30px Muxx34px 本地音乐30px 泡沫、邓紫棋24px 总之，方法是自己找到的，想办法解决问题，自己实践，比别人告诉你印象更深刻不是么？ 一、尺寸及分辨率 Android 界面尺寸：480*800、720*1280、1080*1920。单位：像素 Android 比 iPhone 的寸尺多了很多套，建议取用720*1280 这个尺寸，这个尺寸 720*1280 中显示完美，在1080*1920