UI设计之闪屏设计那些事儿

5,095次阅读
12条评论

引言

闪屏,什么是闪屏?它在 APP 中又能起到什么作业呢?能给一个 APP 带来什么价值?

正文

闪屏英文名 Splash Screen,Apple 将闪屏称之为 Lunch screen,这里引用 Apple 的 Human Interface Guidelines 里描述的闪屏的说明:每个 APP 都必须有闪屏,闪屏会在应用打开是立即出现,而这个画面很快将会被所打开的应用程序的第一个画面所代替,给人的印象是此应用程序响应迅速。闪屏不是用于表达艺术的途径,他的目的是增强 APP 的视觉感知,并立即启动且立即可用 例如:UI

UI

但这种做法通常在我们平时做的实际产品中是不被认可的,而通常会放置 APPICON 来作为 APP 的第一张脸展示在用户面前,有时也会因为公司业务需求而放置一些广告之类的东西。考虑到这两点通常我们会才设计闪屏是采用如下设计方式较为合理:

UI

而在设计产品逻辑是可以采用如下方式:

UI

这样的设计方式就可以让闪屏变得简洁而灵活,更加接近苹果给出的设计规范,但是呢设计没有绝对,合理的根据产品和甲方或者上级给出的需求做合理的设计才是在最好的设计。

3
憧憬Licoy
版权声明:本站原创文章,由 憧憬Licoy2018-05-22发表,共计451字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(12条评论)
验证码
载入中...
包浆天下 评论达人 LV.1
2018-08-16 11:51:14 回复

好文章,学习了。

WindowsWindowsChromeChrome67.0.3396.99
广州网站建设 评论达人 LV.2
2018-07-23 10:54:39 回复

有时候会遇到

WindowsWindowsChromeChrome48.0.2564.116
适合大学生的赚钱工具 评论达人 LV.1
2018-06-03 17:20:39 回复

感谢分享。多学习,多尝试,多总结。

WindowsWindowsEdgeEdge17.17134
码匠 评论达人 LV.1
2018-06-01 16:31:07 回复

层层热度

WindowsWindowsChromeChrome55.0.2883.87
今天头条 评论达人 LV.1
2018-05-31 00:54:14 回复

文章不错非常喜欢

WindowsWindowsChromeChrome55.0.2883.87
呆毛网 评论达人 LV.1
2018-05-30 16:18:59 回复

不是很懂。

WindowsWindowsChromeChrome66.0.3359.181
乐8资讯 评论达人 LV.1
2018-05-22 14:44:04 回复

有时候许多APP就是一打开就闪退。

WindowsWindowsChromeChrome65.0.3325.181