添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
支付宝集五福 2021 设计作品集.docx

支付宝集五福 2021 设计作品集.docx

本文来源于AlibabaDesign,作者:蚂蚁创意设计中心。

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

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

本文核心阐述作为设计师,我们如何把品牌 主张 、设计 情绪 ,贯穿到项目中来提升核心 设计价值

支付宝 · 集五福作为几亿人都在参与的国民活动,又如何通过 形色字质构 ,来营造年味儿,引起用户的情感共鸣。有哪些方法可以制定 设计标准 ,确保不同场景中设计氛围的一致性、符号的统一性。


支付宝集五福

设计思考 情绪传递 Design system


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

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

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

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


五福品牌视觉的定义

品牌形态 设计构成 Design system


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

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

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

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

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

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


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


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

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

形式——五福标识版式
2021五福主LOGO
2021五福动态LOGO与FORMAT版式


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


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

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

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

2021五福视觉主KV

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

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


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


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


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

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

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

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

打年兽传播系列海报

五福会场内容的开放

品牌形态 设计构成 Design system


1.福字卡的设计定义

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

开放福字卡

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


2.扫福彩蛋卡

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

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


3.写福字互动玩法

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

五福品牌好礼

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


五福作品一览

蚂蚁创意设计 五福作品集 Design system


历年集五福主页
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支付宝集5福设计作品收集。

百度网盘: pan.baidu.com/s/103zuf_

提取码:vgg5


平面设计学习日记,是一个分享高质量 平面设计教程 设计书籍 、经验的学习平台。汇聚推荐国内优秀设计导师、以及优质学习资源,让 自学平面设计 有路可循,成长更加高效。

拓展阅读

学习平面设计颜色搭配,你一定要懂的色彩理论基础!

如果世界没有排版,会变成什么样?

平面设计、UI 设计和视觉设计有什么区别?

写给新人平面设计师的第一堂色彩课:聊一聊色彩背后的故事。

(完)

发布于 2021-02-25 00:05

文章被以下专栏收录