2022-11-14 資深UI設計者
“效率一直是公共輿論中的一個重要話題：在古希臘人眼中，它是政治和社會運轉(zhuǎn)的方式；工業(yè)革命早期，亞當·斯密將其視作提升生產(chǎn)力的強勁動力?！睍r至今日，它被奉為公共生活的首要目標，效率升級實質(zhì)是廣義世界里生產(chǎn)力的一次革新。
科技和物聯(lián)網(wǎng)以看不見的方式正重塑這個世界，從生活到工作，科技把每一張有形的辦公桌移到了云端，讓每一場可能發(fā)生的對話跨過了坐標的限制。技術開放地定義著我們所理解的現(xiàn)實工作環(huán)境，騰訊文檔以對效率協(xié)作世界新的理解重新歸來。
我們希望“讓協(xié)作更高效，讓創(chuàng)作更輕松?！?站在新舊交替的路口，是時候以全新的設計語言，讓工具退去冷冰的外殼，走進與智能隔空對話的新世界。
產(chǎn)品感知關鍵詞：
Phase 1
我們把騰訊文檔的品牌因子比做是架落與兩岸的橋，從時間和空間的角度，連接現(xiàn)在與未來。在這里，代表效率協(xié)作先進生產(chǎn)力創(chuàng)造的新世界，轉(zhuǎn)承著龐大信息流的無限可能性。希望在這里發(fā)生的每一次虛擬與現(xiàn)實間的交流都是如此貼近你。
在此，我們賦予這個新世界以“數(shù)字”之名為前綴：
在數(shù)的數(shù)字（number）里，從有限0到無限∞；在物的數(shù)字（digital）里，從有形到無形。
就像霍金所說，宇宙最根本的東西首先是空間，其次是物質(zhì)，再次是時間。因為物質(zhì)的存在和運動必須是在空間里進行。而沒有物質(zhì)，談論時間是沒有意義的。
而在這個廣闊的效率世界里，由無形的空間結構支持，答應著無聲的時鐘….
關鍵詞的聯(lián)想：
連結、握手、相遇、構建、樂高、晶體、方塊、魔術、火花、夢想、成就、有序、幾何、空間、數(shù)字、代碼、窗口
從聯(lián)想中提煉具有關鍵的隱喻和形式：
把關鍵性的隱喻抽象出來，找到表現(xiàn)形式，使其更簡潔純粹，更容易被組合
品牌關鍵詞
秩序是一切天體、物質(zhì)、時間、生命、形態(tài)和形式秩序狀態(tài)運行的最基本法則。
萬物有序，雖然呈現(xiàn)的現(xiàn)象千變?nèi)f化，但褪去復雜的外表，內(nèi)在規(guī)律卻是不變的。以更規(guī)整和原始的抽象基礎形為所有應用元素的開端，以秩序作為布局的基本準則。
正如我們騰訊文檔一直在思考的，尋找秩序中的效率，再從效率中找到變化的規(guī)律。
早在上世紀，透明性和通透感就追隨著設計的平面到立面。從沃德裝飾語言的中立性到密斯凡德羅建造的清晰，以形式的通透對內(nèi)容的冗雜，以材質(zhì)的純粹對結構的多樣。
在這里，我們用“輕和透”來體現(xiàn)技術帶來的未來感，在畫面中敘述的更多是余白空間所帶來的無邊想象力。
“光從來都是為了它所照亮的事物存在而不是為了它本身。”
流質(zhì)的光影和顏色是整體設計中氛圍的基調(diào)，用顏色之間緩慢的漸變預演空間中正在發(fā)生或者即將發(fā)生的故事。
我們用了色盤中相對沉靜的極光色系（藍紫綠），拓寬空間的邊界感。
與正在交融和變化的顏色中間態(tài)，一同隱喻了智能和科技作用下的每一次協(xié)作和創(chuàng)作的真實實現(xiàn)。
Metaphor Box 協(xié)作盒子，我們用一個變化的立方隱喻一個協(xié)作空間站。在這里有可能發(fā)生的是各種各樣的碰撞。思想的火花，創(chuàng)作的靈感，執(zhí)行的高效。這里有屬于一個也有屬于一群人的精彩。
最終我們將騰訊文檔的Logo圖形化，賦予Metaphor Box協(xié)作空間的概念。利用有序的幾何線條為空間背景構圖。在原本的智慧的品牌藍基礎上，添加了一點靈動偏暖的漸變色，為整體畫面增添生命力及親和力。最終完善后應用到官網(wǎng)、官網(wǎng)登錄頁、閃屏頁、空頁面的場景。
閃屏
在閃屏的延展中，我們基于大的品牌理念延展出兩個不一樣的方向。
A. 以騰訊文檔logo的形狀為視覺元素載體空間，向里呈現(xiàn)一個輕盈有機的未來世界。
B. 以騰訊文檔產(chǎn)品“協(xié)作盒子”的概念，立體的展現(xiàn)一個代表科技為基底，多方協(xié)同運轉(zhuǎn)的動力世界。
最終，我們選擇了整體畫面更為清晰，主體更為清透明確的主圖形。
調(diào)整細節(jié)后應用到閃屏
官網(wǎng)首頁Banner是最直接、最具感染力的視覺傳達路徑，我們需要讓用戶在進入 docs.qq.com 即刻形成品牌印象，通過Slogan傳達騰訊文檔的產(chǎn)品價值，同時在Slogan的字段上添加了正在編輯態(tài)的光標元素，體現(xiàn)文檔高效的協(xié)作能力，最終以響應式的方式適配到移動端。
在官網(wǎng)的其他頁面，我們將品牌語言進一步落地。
在騰訊文檔空狀態(tài)的設計中，我們以幾何的ip形象為頁面穿插一個個不一樣的故事性敘白。傳遞騰訊文檔平易近人的智能語調(diào)。
在畫面的整體構成中，我們增加了一些輕透的質(zhì)感元素，結合幾何形的整體圖形語言，讓畫面輕盈也豐富。
古爾德在《奇妙的生命》一書中寫道：“有些人覺得（人類是唯一智慧生命的）前景令人沮喪，我卻總為之感到振奮。我將它當成是一個源泉，它帶來了自由，也帶來了道德上的責任?！毙实谋澈蟛恢故顷P于工作方式的改變，仍然需要不負所望：構建責任。
我們在逐步進化騰訊文檔的整體視覺語言系統(tǒng)。后續(xù)我們將推出下篇，向大家展示騰訊文檔品牌在UI語言和其他品牌延展中的更多設計。
在這個快時代，精耕出自己的風格，打造更舒適的用戶體驗，敬請期待......
藍藍設計建立了UI設計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系。
作者：騰訊ISUX團隊 來源：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設計( www.teruid.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司