阅读量:0
2015年最新移动App设计尺寸视觉规范提供了详细的图文指导，帮助设计师创建适应不同屏幕的界面。
2015年iOS设备设计尺寸规范
| 设备名称 | 屏幕分辨率 | 物理尺寸（英寸） | 像素密度（PPI） | 缩放比例 |
| iPhone 4/4S | 640 x 960 | 3.5 | 326 | @2x |
| iPhone 5/5C/5S/SE | 640 x 1136 | 4.0 | 326 | @2x |
| iPhone 6/7/8 | 750 x 1334 | 4.7 | 326 | @2x |
| iPhone 6 Plus/7 Plus/8 Plus | 1080 x 1920 | 5.5 | 401 | @3x |
| iPhone X/XS/11 Pro | 1125 x 2436 | 5.8 | 458 | @3x |
| iPhone XR/11 | 828 x 1792 | 6.1 | 326 | @2x |
| iPhone XS Max/11 Pro Max | 1242 x 2688 | 6.5 | 458 | @3x |
2015年Android设备设计尺寸规范
| 设备名称 | 屏幕分辨率 | 物理尺寸（英寸） | 像素密度（PPI） | 缩放比例 |
| Nexus 4 | 768 x 1280 | 4.7 | 320 | @2x |
| Nexus 5 | 1080 x 1920 | 5.0 | 445 | @2x |
| Nexus 6 | 1440 x 2560 | 6.0 | 490 | @3x |
| Nexus 9 | 1536 x 2048 | 6.0 | 288 | @2x |
| Nexus Player | 1280 x 720 | 不详 | 不详 | @1.5x |
APP设计规范和干货分享
1、Android APP界面标注、尺寸换算和APP标注工具：了解如何进行界面标注和尺寸换算，以及使用哪些工具可以帮助完成这些任务。
2、京东APP设计视觉规范iOS完整版参考：提供iOS平台上的APP设计视觉规范，供设计师参考。
3、16种常见的APP动效设计技巧和动效案例欣赏：介绍动效设计的常见技巧，并提供案例欣赏。
4、8种移动APP导航设计模式大对比：比较不同的导航设计模式，帮助设计师选择最适合自己应用的模式。
5、安卓android APP切图规范和.9png制作教程：讲解如何进行APP的切图工作，以及如何使用.9png技术。
6、iPhone 6/6Plus UI界面设计和适配尺寸规范：提供针对iPhone 6和6Plus的UI界面设计及适配尺寸规范。
7、教你搞定APP启动页四种设计方案【APP实战篇】：分享四种不同的APP启动页设计方案。
8、最新WebAPP设计指南规范：适配iphone6技巧：提供WebAPP的设计指南，特别是如何适配iphone6的技巧。
9、Android移动APP设计字体规范详解：详细解释Android移动APP中的字体设计规范。
10、移动端UI设计必看的三本APP设计书籍：推荐三本关于移动端UI设计的必读书籍。
FAQs
1. 为什么需要关注不同设备的屏幕尺寸和分辨率？
答：随着市场上移动设备种类的增多，不同设备的屏幕尺寸和分辨率差异显著，为了确保APP在不同设备上都能提供良好的用户体验，设计师需要根据不同设备的屏幕尺寸和分辨率来调整设计方案，实现最佳的视觉效果和操作体验。
2. 如何在设计中处理多种屏幕尺寸和分辨率？
答：处理多种屏幕尺寸和分辨率的关键在于响应式设计和适配策略，设计师应该采用灵活的布局和组件，使用相对单位而非绝对单位，确保元素能够根据屏幕大小自适应调整，利用媒体查询等技术针对不同的屏幕尺寸和分辨率进行优化，以保证在各种设备上都能提供一致的用户体验。
【2015最新移动App设计尺寸视觉规范【图文版】】
随着移动设备的普及和多样化，移动App设计尺寸的规范变得尤为重要，以下是根据2015年的标准，对移动App设计尺寸的视觉规范进行详细说明。
设计尺寸规范
1、设备分辨率
高清屏：1920x1080
普通屏：1280x720
2、设计尺寸
状态栏高度：20px
导航栏高度：50px
标题栏高度：44px
内容区域高度：屏幕高度减去状态栏、导航栏和标题栏的总高度
按钮宽度：68px
按钮高度：44px
文字大小：根据内容重要性，建议最小字号为12px
3、字体规范
默认字体：使用系统默认字体
字体粗细：根据内容重要性，建议使用400700的粗细
字体颜色：根据背景色，选择对比度高的颜色
4、颜色规范
主色调：根据品牌形象或产品特性选择
辅助色：与主色调搭配，用于强调或区分
背景色：根据内容重要性，选择浅色或深色背景
5、图片规范
图片尺寸：根据内容布局，确保图片完整显示
图片质量：保持图片清晰，避免模糊或失真
6、动画规范
动画时长：0.30.5秒
动画效果：平滑、自然，避免生硬或卡顿
排版规范
排版
标题字号：根据内容重要性，建议使用18px24px
标题行间距：根据字号调整，建议1.5倍字号
标题颜色：与背景形成对比，确保易读性
2、正文排版
正文字号：建议12px16px
正文行间距：1.5倍字号
正文段落间距：10px
3、列表排版
列表图标：与列表项对齐，建议大小为24pxx24px
列表文字：与图标对齐，建议字号为14px
列表间距：根据内容调整，建议5px10px
布局规范
1、顶部布局
状态栏：位于顶部，高度20px
导航栏：位于状态栏下方，高度50px
标题栏：位于导航栏下方，高度44px
2、底部布局
底部导航：位于底部，高度50px
底部按钮：根据内容布局，建议宽度68px，高度44px
3、侧边布局
侧边栏：位于屏幕左侧或右侧，宽度200px
侧边栏内容：根据内容布局，确保易读性
是根据2015年的标准，对移动App设计尺寸的视觉规范进行详细说明，在实际设计过程中，请根据具体需求和品牌形象进行调整，以下为图文版排版示例：
状态栏 导航栏 标题栏 内容区域 底部导航 底部按钮 侧边栏
规范仅供参考，实际设计过程中还需根据具体情况进行调整。
