阅读量:0
iPhone 6/6Plus UI界面设计需遵循iOS人机界面指南，适配尺寸分别为750x1334和1242x2208。
iPhone 6/6Plus UI界面设计规范
1、界面布局
屏幕尺寸：iPhone 6是4.7英寸，设计稿的大小为750x1334px。
状态栏高度：40px。
导航栏高度：88px。
主菜单栏高度：98px。
内容区域高度：1108px（计算方式：1334px 40px 88px 98px）。
2、图标与文字大小
导航栏图标：44px左右。
标签栏图标：50x50px左右，最大为96x64px。
导航栏文字：最大值为3436px。
标签栏文字：20px。
内容区域文字：常用大小为20px, 24px, 26px, 28px, 30px, 32px, 34px。
3、颜色使用
文字黑色：#282828。
文字深灰色：#656565。
文字浅灰色：#98989。
边框浅灰色：#C3C3C3。
背景淡灰色：#f2f2f2。
按钮背景纯白色：#ffffff。
4、可点击区域与间距
常用可点击高度：88px。
搜索栏高度：58px。
亲密距离：20px。
疏远距离：30px。
iPhone 6/6Plus适配尺寸规范
| 项目 | iPhone 6 | iPhone 6 Plus | 备注 |
| 屏幕尺寸 | 4.7英寸，750x1334px @2x | 5.5英寸，1242x2208px @3x | |
| 逻辑分辨率 | 375x667pt @1x | 414x736pt @1x | |
| 物理尺寸 | 750x1334px | 1080x1920px | |
| 适配方法 | 以iPhone 6为基准设计稿，向上适配到iPhone 6 Plus，向下适配到iPhone 5和iPhone 4S |
FAQs
1、为什么选择iPhone 6作为基准设计稿？
答案：选择iPhone 6作为基准设计稿是因为它方便向上适配到iPhone 6 Plus，同时也可以向下适配到iPhone 5和iPhone 4S，这样可以最大限度地覆盖更多的用户群体。
2、在设计过程中需要注意哪些常见问题？
答案：在设计过程中需要注意保持矢量图形的使用，确保图片在不同设备上的清晰度；对于定制界面或图片位图，必须额外制作大图以满足不同设备的显示需求；使用Auto Layout来适配不同尺寸的iPhone，避免使用绝对定位。
