近期，QQ進行了改版，作為一個擁有25歷史的社交產(chǎn)品，如今已不再是簡單的通訊工具，更多的是一個多元化的社交空間。本文介紹了QQ9在產(chǎn)品設(shè)計上做的更新，一起來看看吧。

一、設(shè)計目標

作為一個擁有25年歷史的社交產(chǎn)品，QQ經(jīng)歷了不同世代的行業(yè)發(fā)展，一直初心不改，不斷優(yōu)化產(chǎn)品體驗，為用戶服務(wù)。發(fā)展至今，QQ早已不再是一個簡單的即時通訊工具，而是一個覆蓋通訊、社區(qū)、短視頻、元宇宙等多場景，并全面支持桌面端、平板端與移動端的多元化社交空間。

在這個社交空間里，用戶可以隨時隨地表達心情，可以天南海北地尋找搭子，也可以造個小窩實現(xiàn)貓狗雙全。與此同時，橫跨多端的平臺支持、豐富多元的產(chǎn)品形態(tài)，也使得QQ的包袱日益繁重。因此，如何讓QQ輕松上陣，走向下一個25年，是我們面臨的巨大挑戰(zhàn)。

面對這些挑戰(zhàn)，QQ9在設(shè)計理念上，一方面回歸平臺設(shè)計的普適性，建立多端一致、簡潔輕量的設(shè)計語言，營造舒適輕盈的視覺美感；另一方面塑造多元社交空間的包容性，設(shè)計上兼容并包個性化、娛樂化和功能化，以滿足多樣化的用戶和需求，讓用戶可以在QQ自由自在地打造多重人設(shè)，實現(xiàn)多元社交，輕松做自己。

二、冰雪之原光華絢爛

QQ9煥新設(shè)計靈感，自遼闊無垠的冰雪之原，於東方既白拂曉時，天地渾然一體，素然純凈。但這并非是終點，而是新的起點，我們希望，在純凈簡潔的基礎(chǔ)上，用戶在不經(jīng)意間便能感受到「光」帶來的恰到好處的絢麗與精彩，溫暖與關(guān)懷。

QQ9的精妙之處恰恰在于純凈簡潔的背后，潛藏著豐富與絢麗，等待著用戶探索并發(fā)現(xiàn)，而非一開始就用花哨的色彩和元素搶占用戶的注意力。

設(shè)計上利用絢爛多彩、幻化無窮的光影來造就QQ9這種隱藏體驗，例如用戶在刷新、加載、loading時，絢麗流動的色彩會在純凈簡潔的界面上出現(xiàn)。在用戶使用QQ9的過程中，每一次絢麗多彩、充滿期待的表達都會剛好與用戶的情緒落點相吻合，每一次流動的色彩都是隨機變化帶來的新鮮和愉悅，給予強烈的隱喻表達，預(yù)示著全新的內(nèi)容，新鮮的資訊，煥新的感官體驗。

三、普適包容回歸本源

QQ9的圖標設(shè)計，回歸平臺普適的本質(zhì)，更加簡潔輕量，能夠滿足多端、多平臺、多場景的設(shè)計需求，為QQ9帶來輕松愉悅的體驗。同時發(fā)揮圖標的實用性，降低認知門檻。如全局設(shè)置頁面，在表單組件中增加了圖標識別輔助，降低用戶信息閱讀成本，通過圖形識別可以更便捷的分門別類。同時精簡后的空白頁視覺設(shè)計更加清晰易懂，通過簡潔、直接的圖形表達，引導(dǎo)用戶快捷地完成操作，減輕用戶的認知負擔。

四、信息分層重建秩序

為了創(chuàng)造更有秩序的視覺體驗，設(shè)計重新梳理了基礎(chǔ)場景中所有功能層級，通過提高顏色對比度，幫助用戶更輕松地理解信息層次，使內(nèi)容更加突出，確保日夜間都能維持一致的層級，避免造成混亂，使信息呈現(xiàn)上更加有序。

用戶瀏覽內(nèi)容的過程中，習慣于將空間位置接近的內(nèi)容歸為一組，稱之為“格式塔原理”。在界面中我們借助格式塔原理進行分組展示，使頁面布局更加合理清晰，讓用戶能夠快速識別，比如設(shè)置頁面，如果將功能入口分散展示，在使用過程中就會容易失焦，而通過近似性將內(nèi)容分成賬號信息、軟件功能、增值功能、個人信息收集進行聚合分組，就可以很直觀的降低認知負擔。

在信息的瀏覽順序上也重新調(diào)整了內(nèi)容優(yōu)先級，以符合用戶關(guān)注信息的角度出發(fā)，對內(nèi)容進行進行重新排布，區(qū)分元素的主次。

QQ9中對空間說說流我們重新規(guī)劃信息層級并進行了降噪。首先為了突出說說正文內(nèi)容，減小了點贊區(qū)和評論區(qū)的色彩和字號。用輕量的線性圖標取代了原有的厚重的圖標。圖片由原來的通欄展示改為卡片展示，增加了頁面呼吸感減少用戶瀏覽時的視覺負擔。

五、密友關(guān)系輕松社交

過去，QQ好友的維系和溝通主要依賴于公開圈子、特別關(guān)心和消息活躍來維持關(guān)系。然而，隨著社交方式的改變，年輕人更傾向于短暫但快速地滿足特定需求的“小社交”，以減輕社交壓力?；谶@種社交趨勢，QQ9進行了全新的設(shè)計升級——引入了“搭子關(guān)系”的概念。在搭子關(guān)系中，用戶可以建立現(xiàn)有的親密關(guān)系，也可以互為搭子，一同參與學習、運動、游戲等活動。這種關(guān)系既保持了清晰的邊界感，又以輕松的姿態(tài)開啟一段互相陪伴的關(guān)系。通過這一改進，我們希望減輕用戶的社交壓力，為用戶創(chuàng)造更加豐富、輕松和愉快的社交體驗。

除了聊天頁面外，空間也針對親密關(guān)系用戶推出了親密空間-兩人的專屬小空間。在這里你可以發(fā)說說，存相冊。你和好友在生活中值得記錄的美好時刻，值得紀念的關(guān)鍵時間都可以存儲在這里。同時我們也為喜歡“收集”的年輕人準備了豐富的貼紙，更多的記錄你們的情誼就可以獲得更多的貼紙，有你陪伴的每一天都值得被記錄。

六、在線狀態(tài)自由定義

全新狀態(tài)面板能夠容納更多狀態(tài)展示，UI布局更加輕盈簡潔。引入了多彩的狀態(tài)背景色體系，營造出不同狀態(tài)下獨特的視覺情感氛圍。同時QQ9我們更進一步，增添了超秀形象的狀態(tài)功能，讓用戶能夠生動有趣地展現(xiàn)當下狀態(tài)，使狀態(tài)表現(xiàn)更加豐富多彩。這些升級將為用戶帶來更為豐富生動的狀態(tài)展示，讓用戶能夠以更具個性化的方式展示自己的情感和狀態(tài)。

七、全新表情新潮有梗

QQ表情經(jīng)歷了長達7年的不斷演變后，終于QQ9中迎來了一次全新升級。這次的更新不僅僅是技術(shù)上的進步，更是對用戶需求深刻傾聽的結(jié)果。在外觀設(shè)計上更加精致，融入了時下流行元素，每一個細節(jié)都經(jīng)過精心雕琢，使表情更具辨識度和潮流性。

同時，QQ9表情不僅注重外觀，更注重內(nèi)涵。巧妙地融入時尚和幽默感的設(shè)計，為用戶提供了更多表達情感和共鳴的可能性。在這個數(shù)字化時代，表情不再只是簡單的符號，而是一種用戶表達自我的語言。QQ9表情期望融入用戶日常喜愛的表達方式，以更潮更有梗的形式，讓用戶輕松表達自己，釋放更多的笑容和愉悅。

在QQ9表情上新計劃中，表情設(shè)計團隊研究并融入了更多網(wǎng)絡(luò)熱梗元素（尊嘟假嘟，堅強，功德+1 …)讓用戶在表達情感時有更加豐富的語境和更加流行的表達?？靵鞶Q9中盡情挖掘這些新表情為聊天帶來的樂趣吧！

八、多端一致無界體驗

多年發(fā)展下來，QQ移動端和桌面端的設(shè)計體驗漸行漸遠，甚至同為桌面端的Windows、Mac、Linux三個版本設(shè)計都迥然不同，由此帶來的體驗問題與研發(fā)問題也日益尖銳。為此，設(shè)計團隊圍繞著QQ9建立起一套全面覆蓋移動端、桌面端、平板端的設(shè)計語言。

布局設(shè)計上，全新的QQ桌面版將舊版分離的主面板和會話面板進行整合，采用了更符合當前用戶習慣的大面板布局。此舉降低了信息架構(gòu)的深度，頁面布局更加清晰、更具拓展性，用戶也可以根據(jù)需求自由縮放面板，或者吸附在屏幕邊緣自動隱藏，靈活又方便。

視覺風格上，則對齊QQ9煥新設(shè)計進行全面刷新，一舉蕩滌桌面端陳舊繁雜、過時落后的氣息，以輕量有力的圖形、輕盈煥采的顏色、簡潔有序的界面塑造了輕松愉悅的使用感受，與移動端保持一致的設(shè)計，也有效降低用戶對QQ多端產(chǎn)品的認知成本，提升QQ品牌感知。

此外，我們解決了多端功能不一致的痛點，包括聊天與文件存儲管理、功能豐富的QQ狀態(tài)、發(fā)送QQ超級表情等。這次QQ桌面版的重新設(shè)計，將為平臺品質(zhì)與未來發(fā)展奠定良好的基礎(chǔ)，同時也讓QQ團隊有了重新審視產(chǎn)品的契機，下架繁雜無用的功能與服務(wù)，擺脫過往的沉重包袱，讓QQ桌面版煥發(fā)出新的生命力。

九、平等親近為你設(shè)計

QQ一直鼓勵用戶深入探索，希望用戶自行發(fā)現(xiàn)QQ世界中的驚喜與快樂。此前在QQ8.0版本中，我們曾在底部導(dǎo)航的圖標上進行了類似的嘗試。而在QQ9的設(shè)計上，我們延續(xù)了這種理念。在QQ9的“關(guān)于QQ”界面上，我們埋藏了一個小小的驚喜，用戶通過探索即可獲得特別的壁紙，歡迎大家前往體驗！

此外，QQ也一向珍視用戶的意見和建議，這些閃光的想法為設(shè)計團隊提供了寶貴的靈感。因此，QQ9特意建設(shè)了一個名為“QQ追光者”的功能，用戶通過該功能進行反饋，昵稱將呈現(xiàn)在昵稱墻上，并獲得一枚特別的勛章，這是QQ對用戶真誠支持和貢獻的感謝?！癚Q追光者”這一命名，寄托了QQ希望與用戶一同前行，尋找未來無限可能的愿景。這里不僅僅是一個反饋平臺，更是一個與用戶平等交流、共創(chuàng)共建的空間。

十、官網(wǎng)改版，引人入勝

隨著QQ9正式發(fā)布，QQ的官網(wǎng)（im.qq.com）也隨之迎來更新。官網(wǎng)的設(shè)計理念圍繞著“輕松做自己“進行視覺傳達我們通過“輕·透·彩”的品牌語言來貫穿官網(wǎng)視覺與使用體驗，輕盈柔和的色彩，加上靈動輕巧的動畫轉(zhuǎn)場，使官網(wǎng)體驗上更輕松愉悅。與QQ9的多端適配一樣，官網(wǎng)設(shè)計也進行了自適應(yīng)適配，能夠在桌面端和移動端為用戶提供同樣極致的閱讀感受，引導(dǎo)用戶通過官網(wǎng)下載體驗QQ9，達到引人入勝的效果。歡迎大家點擊im.qq.com進行訪問，更多全新體驗和玩法等著你來探索～

十一、QQ9宣傳視頻，創(chuàng)意與設(shè)計概念

整體個宣傳片，我們以一個問題“內(nèi)心的光要怎么展開？”為開場去開始。故事是以「光」的概念帶觀看者展開每一面社交的可能。以「光」的設(shè)計概念去打開多元化的社交，同時感受到整潔輕松。無論你的社交行為是什么，在QQ9可以為你找到那份光，輕松為你展開。不以品牌方的視角跟用戶對話，整體的調(diào)性和文案我們?nèi)缗笥训母脩魧υ挕?/p>

十二、啟動頁閃屏

沿用宣傳片里相同的「光」元素，喚醒大家對全新QQ版本的一種新鮮與輕松感。

散發(fā)現(xiàn)代氛圍以及「光」背后充滿詩意且多元的可能。以“歡迎來到QQ9”的用戶歡迎語，強化QQ9品牌認同感的同時，通過歡迎語促進用戶社區(qū)感的建立。

結(jié)語

無論是技術(shù)架構(gòu)層面，或是體驗設(shè)計層面，QQ團隊都致力于為用戶打造輕松純粹的社交體驗。QQ9煥新設(shè)計，回歸平臺設(shè)計的普適性，建立了一致輕量、舒適輕松的視覺美感；同時塑造了多元社交空間的包容性，讓用戶可以在QQ自由打造多重人設(shè)，輕松做自己。QQ走向下一個25年的道路依然充滿挑戰(zhàn)，但我們已然邁出了重要的一步。

QQ9煥新風格，現(xiàn)已全新上線。期待大家更新體驗，也歡迎大家前往設(shè)置-關(guān)于-QQ追光者頁面反饋建議和意見。QQ愿意與大家攜手共創(chuàng)，彼此啟發(fā)，不斷追光，向前而行。