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