UI组件库（2）——Launch Screen

「嘆き巫女」「EGO」のイラスト [pixiv].jpg

今天要介绍的内容比较简单，launch screen，也就是启动页。

启动而示例.png

其实对于用户来说，最好是没有启动页这个页面。无论启动页的停留有多短，它仍然打断了用户打开APP的过程，尤其是一些有推广内容的启动页，用户更是有可能不小心点到广告下载一些额外的内容。这是用户体验方面的内容。

设计到商业方面，APP或为了赢得经济利益，或为了加深用户对产品的品牌印象，会加入启动页这一页面，并且在上面加入元素以达到目的。

启动页一般由这几个元素组成：logo、slogan、颜色、图片、广告位。

Logo

启动页是为了宣传自家产品，因此，logo是必须的。有的公司的logo就是启动图标，有些比较大的公司logo跟启动图标不同，两个都要加上去。

最简单的启动页是白色的背景，加上一个logo跟产品名字。

Slogan

有些公司会有比较上口的slogan，也会出现在启动页上，通常的搭配是logo+slogan的形式。

颜色

在颜色的选择上，大部分的APP都是采用的白底+内容的形式。

不过，如果APP的主色用了白色字体，拥有较好的辨识度的话，使用主色作为背景，也是一种不错的选择。

图片

这里的图片内包括插图和照片。

很多启动页有插图的APP，基本上是采用的白色背景。

如果使用照片的话，照片的选择会很重要，然后一般会加上黑色的遮罩，再在上面使用白色的文字

广告

这个样式的启动页，形式比较固定，大部分区域仿制广告，而且广告通常会有倒计时，也会有跳过的按钮。

下面留有一小块区域放置产品的logo和名字，有时也会加上相关的知识产权的信息，

也就是常见的copyright。

常见启动页的结构大致就是图片里的几种，希望能对你有帮助~

「血小板」「Shotz」のイラスト [pixiv].jpg