设计套路之—闪屏的正确设计姿势

什么是闪屏:每个app打开的时候都会优先跳转出来的页面

在设计闪屏的时候大多数设计师认为要设计越酷炫越好,所以大家就去Dribbble找灵感。Dribbble就像一个闪屏页面的博物馆,但是幸运的是,其实你不必做一个酷炫到冒泡的闪屏。

接下来给大家介绍闪屏的正确设计姿势。

让我们假设你正在为一个新的应用程序设计一个启动页面,我就拿之前做作一个app是修房子的应用。

它叫“Fixt”

 

 

最简单的,你可能想到要把名字放在闪屏,logo也放上去,就像medium的闪屏。

尽管这很无聊,但它至少告诉我这个应用程序是什么(这也是很多设计师在做的时候容易忽略的一点)。在Medium的案例中,它在UI上保留了大量的空白,因此这是个简单的交互界面。他们的品牌设定也很成熟,所以他们只需要展示他们的logo。

但对于这个应用程序,这感觉就有点平淡。fixt是一家初创公司,我们需要发挥更大的影响力。那让我们试着加点背景色:

 

 

我们使用像Twitter这样的扁平蓝色,用它填充屏幕的感觉会更好。我们的应用程序都是关于行动的,我们想要加深这一点。你可以通过图片来体现深度,但是已有的照片没有生气,除非它们可以被自定义,否则它们并不是真正的品牌。

添加深度的一种方法是采用渐变。比如,加入二级品牌颜色:

 

 

并非所有品牌颜色的组合都有效,有时你的产品可能没有二级颜色。在LinkedIn中,他们使用从中心延伸的简单径向渐变。我们正在使用我们的二级品牌颜色右下角的渐变填充。任何一个都只是小诡计。

让我们更进一步,通过创建一个背景元素来增加更多深度:

 

 

Laserlike具有可以组合形状。对于fixt这个应用程序,我们针对使用情况加以暗示,因此我获取了一组图标,这些图标是这个应用程序的一些功能。这样我们不仅表达出了品牌,还能表达产品特色点。

小结

这是为在我们在做启动页的时候运用品牌设计的四种方法。选择哪一个不是取决于你自己的偏好,主要取决于你们产品的定位以及市场定位。对于没有品牌设定的初创型公司,谨慎一点:使用产品名称,logo,并添加代表产品差异点的图形。对于更成熟的品牌,可能会采用更简单的方法。

 

如果你想获得更多2020版UI教程资料,关注私信留言领取配套视频+资料+源码!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农王也

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值