设计沉思录|发现闪屏之美

每当我们打开某些APP时,经常能看各种精致的画面一闪而过,最能让我们记住的要数那些温情并且扣人心弦的画面,那就是节日闪屏。每逢节日的到来,这些精美的节日闪屏不仅向用户传递着我们的祝福、渲染节日气氛,同时能带给用户新鲜、有趣的情感,帮助产品拉近与用户的距离,增加用户对产品的粘性。这也是提高产品用户体验的一种非常好的表达形式。

闪屏介绍

我们知道闪屏根据传达的内容不同,闪屏的画面也不尽相同,大概可以的分成:节日闪屏、日常运营、热点传播、品牌传达等。

这些闪屏画面中大多都包括:品牌logo+品牌定位语+内容图案。

在制作形式上通常是静态的,当然也有动态的视频和GIF。 接下来我将主要介绍我在做节日闪屏的设计思路 。

设计思路

需求沟通

因每年的节日都是固定的,所以在需求沟通之前,我们可以事先了解这个节日的特点,收集相关素材,这样在与产品沟通时会事半功倍。

在沟通中,我们需要充分了解需求方的想法。因需求方有些天马行空的想法也许是不切实际的,或者实现起来非常困难。这时候与产品方一定要好好沟通,把话题引向自己擅长的方向,让双方都达成共识。只有这样大家才会比较满意最后的结果。

梳理出的需求是:将中秋节和国庆节2个节日结合起来设计,表现出热闹、欢快的节日气氛。

创意构思

经过第一回沟通之后,已经明确了设计主题和方向,可以开始展开构思画面了。

第一步:收集相关素材。

这是以“国庆节”、“中秋节”搜索到的相关灵感素材。

第二步:了解产品的受众用户。

由上图可知,赶集网主要是一群年轻、以男性为主的蓝领用户。

第三步:提取关键词。

通过对素材和受众用户的分析,提取了天安门、月亮、孔明灯、看烟花、年轻、团圆等关键词。

第四步:头脑风暴。这步在什么阶段都可以用,团队的力量是强大滴~大家经常能碰撞出特别好的点子,带给我意想不到的灵感。当然如果自己有好的想法,这步也是可以省略啦~

草图绘制

根据关键词及头脑风暴之后的点子,将其想法简单的绘制了出来。在这个过程中,我们还需考虑画面的构图、景别、透视、故事性等因素,让画面主次分明,更好的表达出主题。如下图所示:

视觉呈现

在绘画细节之前,首先要确定绘画的表现形式,因每个节日都有它自己的调性,传达的情感也都不一样,所以在表现手法上也需要考虑,如采用纯扁平or质感绘画?因绘画的是晚上的场景,而采用带质感的形式更加能衬托出光感和节日气氛。然后根据节日元素将颜色提取出来,作为色彩参考。

在给闪屏上色的过程中大致是分三个步骤:

第一步:把画面的整体色彩基调铺好之后,会给产品方看看大概的效果,确认没有问题之后再继续深入;

第二步:初稿完成之后给产品确认,通常会有些细节的调整,如初稿中的画面元素比较多,同时灯笼过于突出,会造成用户的视觉焦点分散;

第三步:最后对初稿进行修改之后,整个画面既不太拥挤了,也很清晰地向用户传达了我们的祝福。

节日、品牌与运营的结合

1.在节日闪屏中融入产品的吉祥物,既能达到传达节日祝福的目的,同时也加深用户对我们品牌形象的印象。

2. 在节日闪屏中结合活动运营的设计,既向用户传达节日祝福,也提升了活动运营的点击率,巧妙的结合不会让用户觉得反感。

除了这些重大节日,采取偏重的设计方式;如果我们想快速的产出闪屏,那就可以将闪屏模板化,如赶集网在节气上就使用了更加轻量的模板。

总结

国内节日闪屏大多是以继承传统、弘扬中国文化、突出人文情感为主要的设计思路。在闪屏的内容上,我们也可以结合自身产品的特点,来扩展更多丰富的内容,比如世界名人纪念、当天世界上的重点发生事件等。闪屏不应该仅仅只作为单方面传递信息给用户,还需要得到用户的反馈,和用户互动,比如可以通过点击节日闪屏,跳转到它相关的话题上,让用户产生更多的内容,实现与用户更深层次的交流,增加用户对产品的情感依赖。

58UXD(公众号)

作者:徐文佳

(0)

相关推荐

  • 设计沉思录|房东中心改版总结

    产品背景 58租房平台是链接租客与房东的重要渠道,房东发帖之后会到房东中心进行信息管理,早期房东中心功能服务较为单一,用户留存率低.为了提升用户留存与平台价值,业务线开始发展各类信息增值工具及线上化服 ...

  • 设计沉思录|58App全新租房首页改版

    前言 今年,全国各地陆续出台各项住房租赁政策.对于58租房业务而言,既是机遇也是挑战,我们需要拥抱变化. 58App租房新版首页 58租房业务最近上线了安选房源.线上交订金及在线签约等功能,而租房首页 ...

  • 设计沉思录|UI设计中的『小套路』

    如果你还在为界面不精致,层次乱糟糟,反复修改浪费时间,开发还原度很差等问题而烦恼,不妨静下心来听我唠叨几句. UI设计是一个年轻的职业,起步较晚变化飞快.新的创意和玩法层出不穷,去年流行的风格,今年可 ...

  • 设计沉思录|互联网设计师图鉴之创新项目中的设计TIPS

    这两年从创业公司到互联网巨头,"区块链+"正在形成一股浪潮.从2018年初的大妈都能聊几句的区块链,到现在一些明星区块链项目深陷窘境的状况 ,  可以说是命运跌宕起伏的一年. 在X ...

  • 设计沉思录|另辟蹊径,看运营设计带你玩转双11

    每到11月,便迎来了一个举国狂欢的日子,这是一种流传于年轻人的娱乐性节日,11月11日光棍节.几家欢乐几家愁,小情侣们花前月下,你侬我侬,着实让人心动眼馋:光棍们一边向情侣宣告单身的自由与快乐,一边寻 ...

  • 极简非简陋·英才APP的设计减法|设计沉思录

    引言 在一个追求内容至上与体验至上的时代,设计的表现更加简洁直白,这正如著名建筑设计师密斯所说过的:less is more,在业界内还是跨领域都在流行一个名词:极简设计.简单的形式往往能够带给人们更 ...

  • 设计沉思录|58同城部落的设计点滴

    项目背景 同城部落作为58同城平台全新功能模块之一,有着平台用户需求目标性强且具有群体性的特征,它是将相同兴趣.目的和地理位置的用户聚集到一起形成的交流平台,用户可以在这里更容易找到共同目标,促进用户 ...

  • 设计沉思录|58车检改版项目总结

    背景 对于绝大多数二手车消费者来说,头顶始终有绕不开的三座大山:车况不透明.信息不真实.价格不确定. 山路艰险,好在58为每座大山都量身定制了翻山指南.赶紧上车,跟随老司机到"车况山&quo ...

  • 51人品情感化闪屏设计

    优秀的系列化闪屏,不仅能通过独特统一的风格.融合品牌与创意的画面,加深用户对品牌的印象,还会让用户对每一次的闪屏保持一种新鲜感和期待感. 在2017年中旬,51UXC开始进行"情感化系列闪屏 ...