收藏!支付宝集五福 2021设计复盘总结【含作品下载】

举报 2021-02-24

收藏!支付宝集五福 2021设计复盘总结【含作品下载】

扫描,分享朋友圈

作者:蚂蚁创意设计中心,来源:UX小学
原标题:支付宝集五福 2021 设计作品集.docx

大家新年好!!!

今天给大家分享年后的第一篇重磅干货,由蚂蚁创意设计中心带来的支付宝·集五福 2021设计复盘总结。

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】

PS:完整的设计作品案例,包括视频及长图,我帮大家打包成了 zip文件 ,喜欢五福设计的同学,拉到文末可以自行下载。

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】

本文核心阐述作为设计师,我们如何把品牌主张、设计情绪,贯穿到项目中来提升核心设计价值;支付宝 · 集五福作为几亿人都在参与的国民活动,又如何通过形色字质构,来营造年味儿,引起用户的情感共鸣。有哪些方法可以制定设计标准,确保不同场景中设计氛围的一致性、符号的统一性。

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】


一、支付宝集五福
  设计思考:情绪传递

和往年一样,我们将集五福的设计心得分享给大家,不一样的是今年我们会增添一个新的思考维度,希望与大家讨论下「设计气质」这个概念。

设计是从抽象概念到具象表达的塑造过程,今年五福的概念围绕「新生」、「开放」两个年度关键词展开。在承受了疫情带来的压力与挑战后,人们对未来的期盼,对亲朋家国的祝福之情尤为强烈。

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】

在后疫情时代,我们希望以「新生」的概念引导用户「年俗迎新」的正向情绪,唤醒2020的沉寂,把去年没过好的年补回来。

如何让大家感知到我们想要传达的情绪,并引起共鸣呢?接下来跟大家聊聊今年五福品牌设计上的一些思考


二、五福品牌视觉的定义
 品牌形态:设计构成

1、LOGO的设计及设计规范定义

品牌与产品一样,有着自己的生命周期,唯有不断的更新迭代,才能保持活力,不被用户遗忘。

每一年五福塑造的过程就是一次品牌理念的刷新。五福年年都有,每年的符号必定要有所传承,根据往年经验的沉淀,今年在五福的LOGO设计上我们明确了一套公式:信息+形式+意义

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】

「信息」指今年我们新增的「五元素构成」的图形结构特征,对比以往,五种图形的构成能更好的象征「五」种福,让五福能够跟中国传统春节认知里的「福」作区分,强化品牌符号的形式感和独特性;

「形式」主要是指LOGO版式上的排版形式,今年LOGO的版式与去年保持一致,这样在长期的时间维度上看,品牌能形成统一性;

「意义」便是指今年我们要传达的品牌概念与情绪,让用户能感受到新年新气象,重拾信心、绽放新生!

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】

在什么都还没有的时候,首先我们需要找到一个具体可视化的元素来作为表达载体。什么样的元素能够象征「新生」呢?

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】

自然界的新生每时每刻都在发生,而春日尤盛。萌发希望的「初芽」、润泽万物的「泉涌」、绽放新生的「花开」,破茧而出的「蝴蝶」等等这些美好的瞬间都能够激发大家对未来的希望。

在众多方案中,经过层层筛选,最终我们选择以「花」寓福,放大「花开绽放」的那一瞬间。望大家以五福为新一年的起点,在2021百花齐放,多姿多彩。

形式——五福标识版式

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】


2021五福主LOGO

重磅干货!支付宝·集五福 2021设计复盘总结【含作品下载】


2021五福动态LOGO与FORMAT版式

有了LOGO,我们相应制定了五福的品牌视觉规范,涵盖形、色、字、构、质、动等设计基础应用,覆盖线上线下的各类端内外场景中,为五福整体的视觉统一性提供保证。


2、气质:人物形象的IP打造

气质最初是来形容人的,是由内而外传递出来的一种感觉,放在设计上也是一样。

为了让大家更直观的感受到五福的「新生」与「开放」的基调,除了基础的符号系统和设计规范,还需要更完整的视觉画面来传达。

2021五福视觉主KV

今年的主视觉KV除了春节期间必要的家庭团圆的氛围表达,在画面呈现上更加艺术化、更具故事性。我们希望找到一种更加适合五福的表达路径。

跟现在较流行的图形容器化的表现方式不同,我们尝试让画面给人的感受更加「开放」,在形式上以由内而外流动的螺旋式构图作为主轴线,将绽开的“ 花瓣 ”作为元素点,连接起每一个幸福可爱的家。

为了演好今年这个故事,人物的更新也是提升整体画面质感的一个重点。

作为核心串联元素,今年的人物在传承去年形象特征的基础上,细节上更加精致饱满,我们让五福一家人和现实中的人一样,长大了一岁,实实在在的让用户感受到他们真实的存在于我们身边,陪伴着我们。


3、故事:活动场景的传播

今年的品牌概念视频首次尝试了多种画面风格来演绎,讲述了一个奇幻美妙的故事:

我们的小主角通过支付宝扫福进入了五福的世界,穿行在梦幻喜庆的场景中,为现实世界带来满满的福气,唤醒了沉睡的2020,开启2021

品牌概念演绎视频

在诠释设计理念、传达正向情绪的同时,视频中还透露了今年全新的玩法——打年兽,参与了的朋友们相信对年兽的萌还记忆犹新。

打年兽传播系列海报


三、五福会场内容的开放
 品牌形态:设计构成

1、福字卡的设计定义

除了基础的品牌视觉系统,「开放」还体现在内容上,今年我们联合国资小新、中国非遗保护协会、中国医师协会等机构设计了更多的不一样的福字

开放福字卡

这不仅体现了国资央企在科技创新、装备制造、民生服务等领域取得的重大成就,也为普及民众非遗文化与健康知识出了一份力。


2、扫福彩蛋卡

都说五福是数字新年俗,但传统的年俗咱也不能忘记。在AR扫福字没扫到会出现的彩蛋卡画面中,除了商业化的传播,今年还增加了年俗迎春、百县送福等更加有年味儿的内容。

我们以34个省市、自治区、直辖市、特区的传统年俗为媒,通过统一的内容形式,唤醒大家对家乡的记忆,营造新年时期浓烈的春节氛围,不知道大家还是否记得家乡的年俗?

3、写福字互动玩法

参与了集五福的朋友们都知道,今年写福字的玩法也掀起了一波热点,人人都可以写出专属于自己的「福」。

五福品牌好礼

我们也将写福字的手法运用在了线下实物礼品当中,让这项年俗在线上和线下都有贯穿,传统艺术数字手法相辅相成。


四、五福作品一览
 蚂蚁创意设计:五福作品集

历年集五福主页


2021五福品牌核心设计主张


2021五福设计概念


2021五福互动设计方向


2021写五福开场动画


2021写五福互动方式


2021写五福小挂件


2021写五福作品预览


2021写五福动画演示


2021五福人物氛围


2021五福场景动画效果


2021扫五福弹窗动画


2021福卡合成动画


2021打年兽IP草稿


2021打年兽3D形象


2021打年兽动画演示


2021打年兽活动会场设计

2021打年兽动画演示


2021打年兽活动不同会场


2021打年兽动画效果演示


2021打年兽鞭炮等级设定


2021打年兽鞭炮脱尾设定


2021打年兽鞭炮动态演示


2021打年兽彩蛋爆炸效果

以上就是新年来分享的第一篇干货内容。


支付宝 · 集五福 2021 设计作品案例下载链接:https://pan.baidu.com/s/14VZtxrjfXNcbtRmTsYP-lg   提取码:m6yc 


作者公众号:UX小学(ID:hello-uxd)

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

收藏!支付宝集五福 2021设计复盘总结【含作品下载】

扫描,分享朋友圈

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(2条)