▲點擊"三分設"關注，回復"社群"加入我們

歡迎來到專業(yè)設計師學習交流社區(qū)

三分設｜連接知識，幫助全球 1 億設計師成長

轉(zhuǎn)自：CED設計團隊

編輯：章欣怡

共 1830 字 22 圖  預計閱讀 5 分鐘

Part 1

---

活動背景

2021 年，是 WPS 移動版的第十個年頭。

我們希望通過這次極具紀念意義的周年活動，去呈現(xiàn)和回顧 10 年移動版的發(fā)展歷程，展現(xiàn)公司在辦公領域的堅持奮進，同時也借此感謝歷代移動版員工和用戶一直的相伴而行。

WPS 移動版十周年活動，從視覺 KV、視頻宣傳、宣傳推廣等多渠道來詮釋活動的主題：“ 用 10 年改變一件事 ”。接下來，讓我們一起去看看設計背后的故事吧…

Part 2

---

設計目標

為了能夠更好地傳遞這份特殊的意義，CED 設計團隊、個人版用戶運營團隊一起進行了多次深度腦暴，最終從滿屏的會議板中確定了此次活動的設計目標：向用戶傳遞 2 個核心點 — 10 年、變遷。

前期腦暴探索

我們圍繞著 2 個核心點從以下場景進行滲透。

Part 3

---

活動品牌搭建

1、活動 LOGO

WPS 移動版十周年主題的 LOGO，基于「數(shù)字 10 + 移動設備 + 辦公文檔」的形式來進行發(fā)散式設計結(jié)合。最后敲定了以 “ 10 ” 為統(tǒng)一的基礎符號作為主 LOGO，同時形式上也兼具手機移動、辦公文檔的產(chǎn)品屬性及品牌識別性。

數(shù)字 10 + 移動設備 + 辦公文檔

2、角色故事

這次主視覺不單只是一張插圖海報，里面的故事、元素也可以單獨拆分出來，運用在這次活動的不同項目中，不僅能確保項目視覺風格的一致性，還能提高整體的協(xié)作效率。所以可以看到，我們用了兩組獨立的插圖故事去表達 10 年前后的辦公方式的變遷。

10 年前的辦公方式

10 年后的辦公方式

3、視覺元素

提取插畫元素、LOGO 形狀輪廓作為基礎符號快速延展。

KV 插畫元素

LOGO 圖形

以 “ 10 ”作為基礎符號，運用扁平插畫進行填充。插畫內(nèi)容除了表達 WPS 移動版延續(xù)電腦版專業(yè)的文檔處理能力外，還重點體現(xiàn)了「表單、拍照掃描、簡歷助手、掃碼錄入」等特色功能，即突出 10 的基礎形狀，同時還展現(xiàn)了 WPS 移動版的品牌特性。

Part 4

---

外宣物料

1、活動主 KV

草圖方案探索

活動視覺海報選取 B 方向，希望通過時間軌道的形式體現(xiàn)時間和空間縱深感，用中心向兩側(cè)發(fā)散的視覺空間展現(xiàn)畫面故事，以表達辦公時代從電腦到手機的時代變遷，引出活動主題 — 用 10 年改變一件事。

活動主KV

主 KV 突出手機版 10 周年的活動 LOGO, 插畫的故事內(nèi)容展示了的辦公方式的變遷。

2、移動皮膚

10 周年移動皮膚

3、宣傳視頻

WPS 移動版十周年宣傳視頻的制作是一次新的嘗試和挑戰(zhàn)。

首先風格上積極嘗試使用目前流行的 3D 動態(tài)設計，用 1 天時間快速確定了故事分鏡和視覺風格，5 天時間用 3D 制作完成整個視頻的渲染輸出。

一周制作流程

在宣傳視頻里，我們通過時鐘的快速倒轉(zhuǎn)，營造一種時間倒流的穿越感，帶大家回到了十年前。當辦公桌面的設計稿紙出現(xiàn)我們 WPS 移動版第一版本的 LOGO 手繪時，經(jīng)典的 WPS 移動版 1.0 LOGO 被逐漸點亮，接著彈出并附著在手機界面上呈現(xiàn)經(jīng)典的啟動頁。

通過展示第一代移動版功能點，再將功能點旋轉(zhuǎn)匯集成小球，形成抽象的 LOGO 通過變色表達十年的更迭和成長，最終變成最新版的 LOGO 躍然紙上，匯成給老移動員工和用戶的一封信：感謝一路陪伴，10 年一路堅持，祝福移動版 10 周歲。

?? 彩蛋：宣傳視頻里的「手機」，我們特別選用了小米手機一代，選擇的理由除了發(fā)布時間都是在 2011 年外，也向小米手機一代顛覆中國移動互聯(lián)網(wǎng)的影響力致敬。同時也希望在全新的 10 年里，WPS 移動版能像小米一樣不斷提升國內(nèi)外的影響力，續(xù)寫新的傳奇。

故事分鏡

視頻展示

Part 5

---

內(nèi)宣設計

1、周邊物料

2、活動現(xiàn)場

—  The end  —

以下三分設文章，你可能也感興趣

▽ 

?? 原創(chuàng)文章精選??

告別加班！使用設計系統(tǒng)方法更快地構(gòu)建產(chǎn)品

如何評估設計質(zhì)量，提升設計技能

你常常忽略的 7 個具有破壞性的體驗鴻溝

一篇文章告訴你服務設計到底能做什么？

看 Apple CarPlay 如何提升駕駛安全和駕駛體驗

一起看看《對馬島之魂》如何打造初次對抗體驗

制定 “小目標”，了解產(chǎn)品管理中的結(jié)構(gòu)化思維

35+ 的 Windows 系統(tǒng)到底有什么了不起？

導師與學員的高效交流 APP 設計 —— Lightship

?? 我們一起聊設計 ???♂?

高質(zhì)量，學設計行交流微信群

期待與更多優(yōu)秀用戶體驗設計師一起成長

PS：歡迎大家關注三分設，每天早上9點，準時充電。分享優(yōu)質(zhì)設計、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。 添加小小蟲微信號【 Lil_Bug 】，備注【 三分設 】加入！（只面向星標了公眾號三分設的粉絲） 

點亮『在看』，百萬年薪↓↓