iPhone/iPad/Android UI尺寸规范

  • iPhone界面尺寸

  • iPhone图标尺寸:

  • iPad的设计尺寸

  • iPad图标尺寸:

  • Android SDK模拟机的尺寸

  • Android的图标尺寸

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

原文出处http://tool.lanrentuku.com/guifan/ui.html

时间: 2024-10-17 12:11:46

iPhone/iPad/Android UI尺寸规范的相关文章

Android: icon尺寸规范

hdpi:其图标大小为 72 x 72 px. xhdpi:其图标大小为 96 x 96 px. xxhdpi:其图标大小为 144 x 144 px. xxxhdpi :其图标大小为 192 x 192 px. Google Play:要求为512 x 512px.

Android/IOS APP界面设计之尺寸规范

1.尺寸以及分辨率 iPhone的界面尺寸不用多说,640*960是基本OK的,也可以是适应5S的640*1136,马上iPhone 6也快来了(随便吐槽一下网上曝的真机谍照,真是丑到离谱...),只要宽度不变都好说.至于像素问题,网页和移动的UI用72px就可以了,不必纠结. 2.界面基本组成元素 iPhone的APP界面一般由状态栏.导航栏.主菜单栏和中间的内容区域组成.因为宽度是固定的,所以设计开发起来很方便.下面我们说说这些“栏”的尺寸吧: 状态栏:显示运营商.信号和电量的区域,高度 4

JS判断设备终端(PC,iPad,iPhone,android,winPhone)和浏览器

var ua = navigator.userAgent; var browser = {}, weixin = ua.match(/MicroMessenger\/([^\s]+)/i), webkit = ua.match(/WebKit\/([\d.]+)/i), android = ua.match(/(Android)\s+([\d.]+)/i), ipad = ua.match(/(iPad).*OS\s([\d_]+)/i), ipod = ua.match(/(iPod).*OS

[Mobile Web]Web中如何分辨移动设备?(iPad、iPhone、Android)

第一种, Javascript [javascript] view plaincopyprint? [javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片 var deviceAgent = navigator.userAgent.toLowerCase(); var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/); if(agentID.indexOf("iphone"

转载[Mobile Web]Web中如何分辨移动设备?(iPad、iPhone、Android)

已验证过javascript方法可以使用 var deviceAgent = navigator.userAgent.toLowerCase(); 02. var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/); 03. if(agentID.indexOf("iphone")>=0){ 04. alert("iphone"); 05. } 06. if(agentID.indexOf(&qu

浅谈IOS和Android界面设计尺寸规范

刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大,文字该用多大才合适,我要做几套界面才可以?什么七七八八的也着实让人有些头疼. 废话不多说,希望大家耐心看完后,不要再纠结于尺寸相关的东西了. 一.尺寸及分辨率 iPhone界面尺寸:320*480.640*960.640*1136 iPad界面尺寸:1024*768.2048*1536 单位:像素72dpi,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺

移动设备尺寸规范汇总(转)

iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 147px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 147px iPhone6 plus物理版 1080×1920 px 401PPI 54px 132px 146px iPhone6 750×1334 px 326PPI 40px 88px 98px iPhone5 –

Enhancing Android UI with Custom Views 通过自定义view来让你的UI更屌!

Enhancing Android UI with Custom Views (通过自定义view来让你的UI更屌) Table of Contents: Custom View View Measurement View Drawing Custom Attributes Custom ViewGroup ViewGroup Measurement Layout ViewGroup Drawing More Custom Attributes There are many great adva

Android UI之原生——(1)、Android UI入门及常见属性与现象

Android UI之原生--(1).Android UI入门及常见属性与现象 导读 :Android UI入门,对于很多人来讲都是比较简单的,教程也多如牛毛,但是这篇绝对和其他的不一样.从接触android开发就注定UI开发是一个一直需要研究的课题,简单的原生UI使用可能你已经掌握,也可能发现某些组件有着一些不爽,但是只要你搞懂原因,就可以了.实在觉得用着不爽,那么就让自己的UI开发能力变强,然后自己写个好点的.android UI开发需要先学会使用原生UI,然后在学会使用开源UI,最后才是自