中秋节UI启动页设计,大公司都是怎么做的?



原创 PS视觉设计 2018-09-11 08:01:00

哈喽大家好,我是思琦!

今年中秋快到了

正在挑选中秋给公司宝贝们发什么过节福利的时候,

想到各位设计师应该都正在为中秋的各种相关节日设计烦恼吧。

节日多,导致工单需求见的比大宝还勤。

中秋节UI启动页设计,大公司都是怎么做的?

那今天我们就先主要说一说UI设计师常做的APP启动页。

什么是启动页

打开app时,有时会出现一个停留1-3s的启动页面,苹果官方对于iOS启动页的设计说明表示:启动图像并不是单纯的进行艺术或广告的展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。

说白了其实就是,“现在程序正在加载,很快就能进来了。”

有些APP会选择简单展示logo和slogan的闪屏。

有些APP也会把广告直接置入启动页停留1-3s。

现在的启动页常见三大类:

1.直接呈现应用内部页面,让用户以为程序已经可以使用了,其实新的图片信息还在加载状态;2.品牌信息传递,简单的产品名称+标识语的结构;3.情感故事共鸣,通过一张一闪而过的启动页去诉说一个故事或是表达情怀。

而每到节日纪念日时,各大app都会推出各种版本的启动页,多数厂商都会选择打情怀牌。中秋将至,今天我们就一起来看一看,大厂们都是怎么做中秋节日启动页的!

形式

基本都是以插画形式表现,鼠绘手绘形式兼有。因为此种形式更能带给人以沉浸感,更能突出产品情怀。

中秋节UI启动页设计,大公司都是怎么做的?

插画中可以添加这些中秋特色属性:月亮、人(父母孩子)、月兔、嫦娥、云彩、团圆、家常饭、灯笼、月饼、烟花、房子、家、窗、星星、归途、电话、通讯、视频、照片、螃蟹、夜里伏案工作时思家、古人、古诗句、花好月圆....我知道你的小脑瓜还能想出更多。

当然了,还要添加logo和文案。

中秋节UI启动页设计,大公司都是怎么做的?

那么如何在插画启动页中融入品牌特色呢?

1.在月兔嫦娥上下功夫,用企业形象代替月兔嫦娥或共同出现

中秋节UI启动页设计,大公司都是怎么做的?

途牛

中秋节UI启动页设计,大公司都是怎么做的?

企鹅FM

中秋节UI启动页设计,大公司都是怎么做的?

酷狗音乐

2.在月饼上下功夫,替换为企业logo或企业形象

中秋节UI启动页设计,大公司都是怎么做的?

360手机浏览器

中秋节UI启动页设计,大公司都是怎么做的?

360手机卫士

中秋节UI启动页设计,大公司都是怎么做的?

360超级ROOT

嗯!果然都是360一家的!设计展现形式都一样!

中秋节UI启动页设计,大公司都是怎么做的?

QQ音乐

中秋节UI启动页设计,大公司都是怎么做的?

微财

3.在月亮上下功夫,嵌入企业logo或企业形象

中秋节UI启动页设计,大公司都是怎么做的?

QQ音乐

还有直接把月亮变成logo的

中秋节UI启动页设计,大公司都是怎么做的?

滴滴出行

中秋节UI启动页设计,大公司都是怎么做的?

同城旅游

中秋节UI启动页设计,大公司都是怎么做的?

小微钱铺

4.灯笼等其他各种元素上下功夫,嵌入品牌logo或形象

中秋节UI启动页设计,大公司都是怎么做的?

百度钱包

看看新浪微博这个是不是做的十分巧妙呢?

中秋节UI启动页设计,大公司都是怎么做的?

新浪微博

在把logo形象特点融入设计这一点上,百度地图做的也很好,上下呼应产生共性,深入琢磨,还有额外韵味。用地图标注位置的形状特别突出了“我”字。即能使文案不平庸,又能表达“我就在这里”这层温柔的含义。

中秋节UI启动页设计,大公司都是怎么做的?

百度地图

和百度地图类似,还有“什么值得买”,很好的把自己的品牌logo、名称、slogan植入到文案设计中。

中秋节UI启动页设计,大公司都是怎么做的?

什么值得买

5.故事板形式

通过一副单纯的思乡画作来展现中秋情节,简单粗暴的配以干净的品牌logo。

中秋节UI启动页设计,大公司都是怎么做的?

虾米音乐

加上大数据更能引起人的共鸣。

中秋节UI启动页设计,大公司都是怎么做的?

高德地图

中秋节UI启动页设计,大公司都是怎么做的?

美团

中秋节UI启动页设计,大公司都是怎么做的?

中国移动

中秋节UI启动页设计,大公司都是怎么做的?

QQ邮箱

中秋节UI启动页设计,大公司都是怎么做的?

QQ空间

排版

大部分遵循上下结构,或对角线式布局。文案书写方向多使用纵向。或者可使用文字环绕月亮的形式。

中秋节UI启动页设计,大公司都是怎么做的?

UC浏览器

中秋节UI启动页设计,大公司都是怎么做的?

QQfamily

字体

多使用这两年非常流行的有衬线字体、手写体或毛笔字。

中秋节UI启动页设计,大公司都是怎么做的?

京东金融

中秋节UI启动页设计,大公司都是怎么做的?

手机QQ

中秋节UI启动页设计,大公司都是怎么做的?

滴滴打车

中秋节UI启动页设计,大公司都是怎么做的?

春秋旅游

中秋节UI启动页设计,大公司都是怎么做的?

UC浏览器

当然啦,说这些也是想给大家提供一些灵感,都不是绝对的条条框框,不是要桎梏你们的创意和想象。所以,尽管大胆的去想去创新去尝试吧,说不定比这些要更加优秀呢!

比如我最喜欢的这张

中秋节UI启动页设计,大公司都是怎么做的?


0