隨著用戶使用 WPS Office 的場景逐漸多樣化、對產品的體驗要求也逐漸提高，我們在視覺層面上圍繞著「以用戶為中心」開始瞭一次全新的視覺改版：追求簡潔、高效、一致的辦公環境，精心打造極致的辦公體驗。

設計目標

從體驗出發，尋找設計切入點，經過多方探索和需求分析，明確瞭此次更新的設計目標：

·內容成為主角，為用戶提供更高效的工作環境；·更準確的表意，讓視覺資源的表意更清晰準確；·構建設計規范，讓多端視覺與交互擁有一致性；

設計過程

我們從桌面客戶端出發進行問題洞察，隨後擴展到對應的更多模塊。以產品 LOGO 為起點到首頁、組件頁、應用中心、彈窗、窗格等等功能模塊。結合前期討論的設計目標進行設計的風格探索，經過多次探討與比對，最終確定瞭現在大傢所看到的 WPS 2021 版年度更新。

在設計風格探索中，我們時刻提醒自己，是否體現瞭三個視覺核心原則：簡潔、高效、一致。設計方向基本確定後，我們梳理瞭一份初期的規范文檔，方便團隊內部協作，為後續串聯升級 WPS 龐大的業務模塊視覺打下基礎。在後續的推進中，持續通過實踐逐步完善這份規范。

LOGO 升級

作為一款軟件產品，LOGO 是產品的標識，也是用戶認識品牌的開端。

所以設計升級開始，我們便重點升級瞭 WPS LOGO：在延續 W 圖形的前提下，用「紙張是文字信息傳遞載體」的設計理念和「協同是未來辦公新模式」的遠景構想作為出發點，用紙張層疊與卷曲的形態刻畫出層次更豐富、更具動感的新 LOGO。

同時為瞭品牌視覺傳達的規范與統一，WPS PC端、手機端的 LOGO 統一使用全新的 LOGO。

當用戶認識品牌的開端完成升級後，使用感知最強、停留時間最長的「界面視覺改版」便成瞭我們此次升級最為核心的重點。

界面視覺改版

自從 WPS 提出一站式服務後，為電腦逐個安裝辦公軟件的年代早已過去，現在 WPS Office 包含瞭文檔編輯、文檔管理、雲文檔、海報、日歷、待辦等豐富的應用，一款軟件就能勝任多數人的日常工作需求。

為瞭更好的用戶體驗，此次版本，對 WPS PC端、移動端的新首頁與組件頁進行瞭全新視覺升級，采用扁平直的視覺基調，確保讓用戶更專註於內容本身。

WPS 2021 年度更新的顏色在色彩方面提升瞭飽和度和明度，使頁面更有活力、不枯燥沉悶。同時還刻意對頁面做降噪和扁平化處理，摒棄瞭之前通過長投影區分層級關系，化繁為簡。模塊劃分方面，采用加大模塊間的間距和少量分割線，通過加大關鍵信息層級，在保證層級之間關系明確的同時，讓界面更加幹凈和具有呼吸感。

此外，在考慮示意性和拓展性後，我們對原內容區的塊面圖標進行瞭優化，使得界面更有層次感。

d26b6e48c3a681671c391d48aacb0c68

資源優化

WPS Office 組件擁有強大的文檔處理能力，其中工具欄是主要的功能區，因此也是產品優化的重要模塊之一，隨著版本迭代，工具的數量越來越多，目前單純工具欄圖標已近千個。

我們希望新圖標設計能達到清爽、規整的效果，為此重新繪制瞭 1200+ 功能區圖標。通過延續 2019 版的「線為主面為輔」的設計風格，在色彩上進行瞭去色處理，線面結合讓圖標更具表現力、有層次，每個圖標繪制都以表達基本特征為主。圓角細節的處理相比舊版看起來更清晰明確，不再圓潤曖昧。

除瞭功能圖標之外，首頁圖標、缺省插畫、加載動效和應用中心圖標等的資源也都進行瞭全新設計，且在 WPS PC端、移動端做瞭替換統一。

b723560435b4e7b2eba165a528813fb6

品牌插畫

WPS Office 32 年的歷史積累，使得產品的功能特性十分豐富，但這也讓用戶在使用時經常接觸到各種不同的歡迎頁、引導頁、介紹頁等反饋界面。

在此次改版中，為瞭讓反饋界面的品牌視覺化、情感化，以及提升內部設計師的協同效率，我們為此打造瞭品牌插畫體系，統一瞭品牌視覺。

在設計風格上，結合辦公場景中的人和物，設計瞭一套簡潔清爽的插畫；在色彩上，則在飽和度和明度進行提升，使界面更有活力且不沉悶，並明確瞭插畫各顏色的使用規范，保證協同效率提升。

全新皮膚

此次更新，WPS 2021 年度更新還推出瞭全新的暗色調模式（界面）。在光線較暗的場景下，能讓用戶擁有更舒適的使用體驗。

色彩管理方面，我們使用瞭語義化的方式，讓不同皮膚間的顏色通過映射建立起關系，並明確各顏色的使用規范，這有效保證瞭使用顏色的規范性，也大大提高瞭設計研發效率。

超級會員的專屬皮膚，延續瞭超級會員的黑金風格，提升瞭會員的尊貴體驗。為瞭達到深度定制，還特別對頭像、字體樣式、對話框和按鈕等組件，進行專屬化設計。

392d83caaee61a6e664ee6ba3ab5eb6f

設計規范

每種設計風格，都有對應的視覺感受，這就如一本“無字之書”，雖然沒有明確書寫出來，但卻能清晰傳達情感，WPS 亦是如此。在去年設計探索過程中，逐漸形成的新設計樣式，結合 WPS 2021 年度更新的設計原則「簡潔、高效、一致」，我們確定瞭新的設計風格。

設計方向已經明晰，還需要能落實到產品的每處細節，做到視覺統一。這就需要梳理出一份具有指導意義的設計組件庫和說明。

們運用原子設計原則，搭建底層設計資源庫。從視覺基礎元素開始，賦予顏色含義，統一字體樣式，建立圖標和插畫資源庫等等。對界面裡的元素進行結構層次劃分，形成瞭分類合理、體系完整且通用性較高的基礎設計規范，讓設計師進行各模塊設計的同時，也為整體視覺的一致性打下瞭堅實的基礎。

最後

隨著工作方式的轉變，圍繞著「多屏、雲、內容、AI、協作」未來辦公的到來，辦公場景會更加豐富。我們思考，如何能讓用戶在交互過程中有更好的體驗？這需要從用戶角度，並結合實際場景去認真思考，才有助於把用戶體驗越做越好。對此，我們砥礪前行，把產品升級的出發點落實到用戶服務之上，為用戶提供更輕松的辦公體驗。

當決定要做改版時，我們知道這是一次對設計團隊的考驗，也深知還有許多產品體驗需要改進。從前期的大量調研與分析，到中期方案的過審，再到設計稿的真正落地，我們腳踏實地一步一個腳印，在這過程中，也讓我們迸發瞭許多好想法，未來還會繼續努力，為用戶提供 All in One 的極致辦公體驗。