搜集了50多款产品,发现启动页原来有这么多做法,远比我想象中多呀!

共 1242字,需浏览 3分钟

 ·

2021-08-31 18:02

菜心的第320篇原创

2021年的第97篇

距离2021年小目标100篇原创还剩3篇


原来我以为启动图都是放一个图标就完事了,比如下面这种:


后来自己做启动页的时候,也只放了一个图标,客户说看看能不能用别的方式,然后我就去研究了一下,今天和大家分享一下,看看到底启动图有多少种做法。


1.图标

2.slogan

3.插画

4.图形

5.图片

6.3D



1.图标 


第一种就是我们最常见的,也是启动图成本最小的一种方式,图标直接往上面咔咔一放,就像下面这种:



但并不是所有的都是白色底哦,有一些会使用全屏色块的形式,比如这些:


这样的冲击力会比较强,但也需要注意,颜色别整太刺眼了,那样会看着很难受的。


2.solan


有一些平台会宣传自己的使命、价值等等,比如最常见:

知乎: 有问题就会有答案

猫眼: 娱乐看猫眼

糗事百科:快乐你就不孤单


效果图如下:



这其中,有些修了字体,有些做了排版等等,当然他们并不是只放solan,页面下方还是会放上图标。


这种突出价值、使命的方式也是非常不错的,也是启动图常用的一种表现形式。


3.插画


接下来的方式是突出插画,用自己的形象延展一些好看的插画,比如咸鱼:



再比如躺平:


再比如唱吧:


等等,这种方式会让品牌更加生动、丰富,一张好看的插图会让用户印象深刻。


4.图形


图形是在app设计体系内非常重要的一个元素,比如我们图标本身就是一个图形,像qq这种,让其图形外轮廓与一些效果相互结合:



达到一种冲击较强的效果,以此来凸显图形本身。


再比如,我们还可以利用图标来延展图形,就像uc头条鹿角延展出的图形:



或者像moo music延展出两个圆形,表达星球的含义:


用图形延展做启动图,有一个很重要的优势,那就是设计感很强,让用户感觉很高级很舒服!


 5.图片 


还有一种方式就是利用图标来做启动图,一般会使用这种方式的,基本都是产品本身比较注重“图片“这个元素,比如像健身啊、交友啊、设计类产品啊等等,希望通过图片(比如异性图片,高质量作品)来吸引用户。


比如ui中国的启动图:


再比如陌陌的启动图:


都是使用图片作为主要元素制作的!

6.3D


现在3d这么火,3d的设计表现形式肯定是少不了的,比如下面这些:


都是用了3d的表现手法,而且我觉得以后可能会有越来越多的产品选择这种形式,来增加冲击力和独特性!


总结

当然,不论启动图的侧重点是什么形式,插画也好、图片也好,都还是会放上自己的品牌图标,这是铁律,剩下的都还是有一定的发挥空间。

好了,以上就是看了很多产品之后,关于启动图表现形式的小总结,希望能给大家一点启发和灵感,做出适合自己产品的启动图,么么扔!


不想迷茫看这里


30岁迷茫,都是因为20岁的时候没有好好沉淀,沉淀基础要趁早,快来看看吧:



浏览 13
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报