当前位置: 首页 >文章 > 搜集了50多款产品,发现启动页原来有这么多做法,远比我想象中多呀!
收藏
分享

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

举报菜心设计铺菜心设计铺发布于 2021-08-30964阅读0点赞
关于启动图表现形式的小总结...

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

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

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的表现手法,而且我觉得以后可能会有越来越多的产品选择这种形式,来增加冲击力和独特性!



总结

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

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




本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号: 菜心设计铺!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩11天63人已报名
【5月】零基础手绘插画训练营
距离开班仅剩11天50人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩28天13人已报名
猜你喜欢
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,154
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证