您的位置:首页 > 产品设计 > UI/UE

《iOS Human Interface Guidelines》——Launch Files

2016-04-16 14:39 405 查看
启动文件

启动文件(或者图片)提供了简单的在你的app启动的时候iOS显示的占位图。这个占位图会让用户觉得你的app很快就有响应,因为它直接显示而且很快会被你的app的第一个屏幕代替。每个app都必须提供一个启动文件或者至少一个静态图片。

在iOS 8及以后的系统中,你可以创建一个XIB或者故事版文件来代替静态启动图片。当你在Interface Builder中创建一个启动文件时,使用尺寸类来定义不同显示环境的不同布局,使用Auto Layout来做小的调整。使用尺寸类和Auto Layout意味着你可以创建一个简单的在所有设备和显示环境下都看起来不错的启动文件。(查看Build
In Adaptivity获取显示环境和尺寸类的概览;查看Size Classes Design Help学习如何在Interface Builder中使用尺寸类。)

如果你还需要支持早期的iOS版本,你可以继续在启动文件之外提供静态启动图片。

IMPORTANT

使用启动XIB或者故事版文件表明你的app运行在iPhone 6 Plus或者Iphone6上。

下面的设计指南适用于启动文件和静态启动图片。

设计一个提升用户体验的简单的启动图片。尤其注意启动图片不是提供这些的时机:

一个“app入口体验”,比如启动画面
一个“关于”窗口
品牌元素,除非它们是你app第一个界面的静态部分

因为用户可能会在app之间频繁切换,你应该尽量将启动时间缩到最短,并且设计一个淡化体验而不是吸引注意力的启动图片。

设计一个与app第一个界面相同的启动图片,除了:

文本。启动图片是静态的,所以所以任何你显示的文本都不应是局部的。
可能更改的UI元素。如果你包含了app启动完成后可能看起来不同的元素,用户会感受到启动图片和第一个app界面之间不愉快的闪现。

如果你觉得遵循这些指南会导致朴素、无聊的启动图片,你是对的。记住,启动图片不是给你一个艺术表达的机会。它只是致力于通过快速启动和立即可以使用来加强用户对你app的感知。比如说,设置和天气都提供了一个只比背景图多一点点的启动图片。



如果你需要使用静态启动图片,为不同的设备创建不同尺寸的图片。所有设备的静态启动图片都必须包含状态栏区域。查看Icon and Image Sizes获取尺寸信息。

即使最好为iPhone 6和iPhone 6 Plus使用启动文件,必要的话你也可以提供静态启动图片来代替。如果你需要为这些设备创建静态启动图片,使用下面的尺寸:

对iPhone 6:

垂直用750*1334(@2x)
水平用1334*750(@2x)

对iPhone 6 Plus:

垂直用1242*2208(@3x)
水平用2208*1242(@3x)

本文翻译自苹果官方开发文档
查看完整合集:https://github.com/Cloudox/iOS-Human-Interface-Guidelines
版权所有:http://blog.csdn.net/cloudox_
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: