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