恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
WPS 移动版十周年设计背后的故事
40.3°
2022-05-30 原创文章 经验/观点 举报 17133 92 208 5


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

我们希望通过这次极具纪念意义的周年活动,去呈现和回顾 10 年移动版的发展历程,展现公司在办公领域的坚持奋进,同时也借此感谢历代移动版员工和用户一直的相伴而行。

WPS 移动版十周年活动的设计,从视觉KV、视频宣传、线上线下推广等多渠道来传递活动的品牌主题:“ 用 10 年改变一件事 ”。接下来,让我们一起去看看设计背后的故事吧。



为了能够更好地传递这份特殊的意义,CED 设计团队、个人版用户运营团队一起进行了多次深度脑暴,最终从满屏的会议板中确认了这次活动的设计目标:向用户传递 2 个核心点:10 年、变迁。



前期脑暴探索



  • 我们围绕着 2 个核心关键词先搭建品牌元素库,并对以下场景进行渗透:







活动 LOGO

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


数字 10 + 移动设备 + 办公文档



角色故事

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


10 年前的办公方式


10 年后的办公方式



视觉元素

提取插画元素、LOGO 形状轮廓作为基础符号快速延展。


KV 插画元素


LOGO 图形


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




活动KV

草图方案探索


活动视觉海报选取 B 方向,希望通过时间轨道的形式体现时间和空间纵深感,用中心向两侧发散的视觉空间展现画面故事,以表达办公时代从电脑到手机的时代变迁,引出活动主题 — 用 10 年改变一件事。


活动 KV


主 KV 突出手机版周年的活动的 LOGO, 插画的故事内容展示了的办公方式的变迁。


移动皮肤





宣传视频

WPS 移动版十周年宣传视频的制作是一次新的尝试和挑战。 

首先风格上积极尝试使用目前流行的 3D 动态设计,用 1 天时间快速确定了故事分镜和视觉风格,5 天时间用 3D 制作完成整个视频的渲染输出。


一周制作流程


在宣传视频里,我们通过时钟的快速倒转,营造一种时间倒流的穿越感,带大家回到了十年前。当办公桌面的设计稿纸出现我们 WPS 移动版第一版本的 LOGO 手绘时,经典的 WPS 移动版 1.0 LOGO 被逐渐点亮,接着弹出并附着在手机界面上呈现经典的启动页。 

通过展示第一代移动版功能点,再将功能点旋转汇集成小球,形成抽象的 LOGO 通过变色表达十年的更迭和成长,最终变成最新版的 LOGO 跃然纸上,汇成给老移动员工和用户的一封信:感谢一路陪伴,10 年一路坚持,祝福移动版 10 周岁。 

彩蛋:宣传视频里的「手机」,我们特别选用了小米手机一代,选择的理由除了发布时间都是在 2011 年外,也向小米手机一代颠覆中国移动互联网的影响力致敬。同时也希望在全新的 10 年里,WPS 移动版能像小米一样不断提升国内外的影响力,续写新的传奇。














周边物料



活动现场




感谢阅读~ 


Powered by Froala Editor

更新:2022-05-30

收藏

92人已收藏

金山办公CED

WPS金山办公—专业打造极致办公体验

  • 5

    作品

  • 32

    粉丝

  • 0

    关注

  • 【稻壳PC商城首页推荐位】改版背后的设计思路
  • 实战案例!看设计师如何玩转视觉升级
  • 【妙啊~】 SVG图标的高级用法
  • 探索WPS 3000个图标设计背后的故事
相关标签
设计经验分享

    猜你喜欢

      2022-05-30 原创文章 经验/观点 举报 17133 92 208 5

      WPS 移动版十周年设计背后的故事

      40.3°

      你确定要举报WPS 移动版十周年设计背后的故事

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年05月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      208
      92
      5

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录