最典型的例子，iPhone3gs的屏幕像素是320x480，iPhone4s的屏幕像素是640x960刚好两倍，然而两款手机都是35英寸的所以，我们要引入最重要的一个概念像素密度，也就是PPIpixelsperinch这项指标是连接数字世界与物。

1从中间尺寸向上和向下适配的时候界面调整的幅度最小375pt下的设计效果适配到414pt和320pt偏差不会太大假设以414pt为基准做出很优雅的设计，到320pt可能元素之间比例就不是那么回事了，比如图片和文字之间视觉比例可能。

如果app有通知，要提供一个有新通知时显示在状态栏的通知图标整体大小为24 x 24 dp ，图形实际区域为 22 x 22 dp 注android规范提供的尺寸单位是dp，若设计稿尺寸设为720 x 1280 ，图标大小需在规范要求的尺寸数字上乘以2。

指尖平均为810mm，所以最佳的热区尺寸应设定为10mmX10mm 位置和命令 按钮应放置在用户能够直接找到或者他有预期能看到的地方例如，iOS UI 设计规范给明了按钮的合理位置按钮要执行的命令和位置的关系按钮要执行的命令非常。

按钮的最小值是44*44px，同样的，在iPhone4以上的设备里面要翻倍在android里面也是差不多的，一般要求是44*44以上，不过iOS要求会严格一些具体的细节你可以下载一个官方的iOS和android的UI设计规范，在网上是有的。

6接着需要提供APP图标尺寸200*200，PNG格式APP启动页尺寸1080*1920，PNG格式7然后其他功能，例如第三方分享导航推送功能等，可根据需要，自由搭配8最后需要支付一定费用就可以进行下载了。

移动平台设计指导规范告诉了我们什么在苹果的iPhone人机界面设计规范中指出，最小的点击目标尺寸是44 x 44像素微软的Windows手机用户界面设计和交互指南中建议使用34 x 34像素的尺寸，最小也要26 x 26 像素诺。

1主图尺寸800*800像素6张2详情页PC端750px ，移动端640px3PC端首页宽度默认是990px，侧边栏790px150px选项4全屏通栏是1920px5店招尺寸为1920*120px也可以1920*150px6详情页宽度。

750像素宽淘宝移动端banner的设计尺寸建议为750像素宽，这样的尺寸可以适应各种移动设备的屏幕大小，并且在保持内容清晰可见的同时也能节省加载时间，高度可以根据具体需求来调整。

目前比较好的解决办法是下载Axure 2如果是给itouch或者iPhone用的，比较好办，直接用320×480的分辨率画好辅助线，然后画原型 3按F5生成原型的时候，在“MobileDevice”选项中可以设置适配移动设备的特殊原型 4设置。

移动端页面尺寸设计应该考虑哪些细节我们看到的电商网站如聚美优品等的手机界面大都是直接按照手机尺寸设计的，那么你知道移动端页面尺寸设计应该考虑哪些细节吗小编就来与大家聊一聊这个问题有个常识大家都知道，屏幕上的。

浮窗设计元素不一样 Android里可以看到各种浮窗，流量，清理内存等等iOS暂时还不支持这样的浮窗越狱的貌似可以iOS和Android的UI区别七图标尺寸和命名规范不一样 1iOS和Android手机的APP图标尺寸规范和图标命名规范 2。

前端技术可以善加利用设备的像素密度，只需一行代码，浏览器便会使用app的显示方式来渲染页面根据像素密度，按相应倍率缩放移动端页面尺寸设计要考虑哪些因素如果你已经看过了整篇文章，相信你对于移动端页面尺寸设计要考虑。

1建议是640乘以960或者640乘以1008，制作的话建议用微客场景平台2用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现内容显示不全，甚至一些重要内容和按钮都会被遮挡3背景图片必须采用背景覆盖来实现。

要根据不同手机不同的屏幕分辨率来规定尺寸一般做效果图主流都是做480*800来测试，iphone4或s就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配常见手机显示屏分辨率96x65，96x96，128x96。