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

2021-12-6    seo达人


图片

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

 

1.图标 

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

图片

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

图片

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

 

2.solan

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

知乎: 有问题就会有答案

猫眼: 娱乐看猫眼

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

效果图如下:

图片

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

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

 

3.插画

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

图片

再比如躺平:

图片

再比如唱吧:

图片

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

 

4.图形

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

图片

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

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

图片

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

图片

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

 

 5.图片 

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

比如ui中国的启动图:

图片

再比如陌陌的启动图:

图片

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

 

6.3D

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

图片

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

 

总结

当然,不论启动图的侧重点是什么形式,插画也好、图片也好,都还是会放上自己的品牌图标,这是铁律,剩下的都还是有一定的发挥空间。
好了,以上就是看了很多产品之后,关于启动图表现形式的小总结,希望能给大家一点启发和灵感,做出适合自己产品的启动图,么么扔!

 

原文地址:心设计铺(公众号)
作者:菜心设计铺
转载请注明:学UI网》搜集了50多款产品,发现启动页原来有这么多做法,远比我想象中多呀!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档