https://www.zcool.com.cn/article/ZMTQwMTMyMA==.html
通过视觉设计从多维度提升WPS移动十周年的品牌力

image.png

2021 年，是 WPS 移动版的第十个年头。

我们希望通过这次极具纪念意义的周年活动，去呈现和回顾 10 年移动版的发展历程，展现公司在办公领域的坚持奋进，同时也借此感谢历代移动版员工和用户一直的相伴而行。
WPS 移动版十周年活动的设计，从视觉KV、视频宣传、线上线下推广等多渠道来传递活动的品牌主题：“ 用 10 年改变一件事 ”。接下来，让我们一起去看看设计背后的故事吧。
image.png
为了能够更好地传递这份特殊的意义，CED 设计团队、个人版用户运营团队一起进行了多次深度脑暴，最终从满屏的会议板中确认了这次活动的设计目标：向用户传递 2 个核心点：10 年、变迁。
image.png
前期脑暴探索

我们围绕着 2 个核心关键词先搭建品牌元素库，并对以下场景进行渗透：
image.png
image.png

活动 LOGO

WPS 移动版十周年主题的 LOGO，基于「数字 10 + 移动设备 + 办公文档」的形式来进行发散式设计结合。最后敲定了以 “ 10 ” 为统一的基础符号作为主 LOGO，同时形式上也兼具手机移动、办公文档的产品属性及品牌识别性。
image.png
数字 10 + 移动设备 + 办公文档

角色故事

这次主视觉不单只是一张插图海报，里面的故事、元素也可以单独拆分出来，运用在这次活动的不同项目中，不仅能确保项目视觉风格的一致性，还能提高整体的协作效率。所以可以看到，我们用了两组独立的插图故事去表达 10 年前后的办公方式的变迁。
image.png
10 年前的办公方式
image.png
10 年后的办公方式

视觉元素

提取插画元素、LOGO 形状轮廓作为基础符号快速延展。
image.png
KV 插画元素
image.png
LOGO 图形
image.png
以 “ 10 ”作为基础符号，运用扁平插画进行填充。插画内容除了表达 WPS 移动版延续电脑版专业的文档处理能力外，还重点体现了「表单、拍照扫描、简历助手、扫码录入」等特色功能，即突出 10 的基础形状，同时还展现了 WPS 移动版的品牌特性。
image.png

活动KV

image.png
草图方案探索
活动视觉海报选取 B 方向，希望通过时间轨道的形式体现时间和空间纵深感，用中心向两侧发散的视觉空间展现画面故事，以表达办公时代从电脑到手机的时代变迁，引出活动主题 — 用 10 年改变一件事。
image.png
活动 KV
主 KV 突出手机版周年的活动的 LOGO, 插画的故事内容展示了的办公方式的变迁。

移动皮肤

image.png
10 周年移动皮肤

宣传视频

WPS 移动版十周年宣传视频的制作是一次新的尝试和挑战。
首先风格上积极尝试使用目前流行的 3D 动态设计，用 1 天时间快速确定了故事分镜和视觉风格，5 天时间用 3D 制作完成整个视频的渲染输出。
image.png
一周制作流程
在宣传视频里，我们通过时钟的快速倒转，营造一种时间倒流的穿越感，带大家回到了十年前。当办公桌面的设计稿纸出现我们 WPS 移动版第一版本的 LOGO 手绘时，经典的 WPS 移动版 1.0 LOGO 被逐渐点亮，接着弹出并附着在手机界面上呈现经典的启动页。
通过展示第一代移动版功能点，再将功能点旋转汇集成小球，形成抽象的 LOGO 通过变色表达十年的更迭和成长，最终变成最新版的 LOGO 跃然纸上，汇成给老移动员工和用户的一封信：感谢一路陪伴，10 年一路坚持，祝福移动版 10 周岁。
😝 彩蛋：宣传视频里的「手机」，我们特别选用了小米手机一代，选择的理由除了发布时间都是在 2011 年外，也向小米手机一代颠覆中国移动互联网的影响力致敬。同时也希望在全新的 10 年里，WPS 移动版能像小米一样不断提升国内外的影响力，续写新的传奇。
image.png

image.png
image.png
周边物料
image.png
image.png
image.png
活动现场
image.png
感谢阅读