前幾天看到騰訊發(fā)了個(gè)消息，挺有意思：全球第一個(gè) QQ 等級達(dá)到滿級 256 級的人出現(xiàn)了！恭喜全球首位 256 級 QQ 用戶獲得“金企鵝” 這位“大神”足足掛了 22 年才達(dá)成這個(gè)成就。更特別的是，達(dá)到這個(gè)等級會解鎖一個(gè)全新的圖標(biāo)，叫“時(shí)光企鵝”。

現(xiàn)在大家可能不太在意這個(gè)了，但回想零幾年那會兒，大家都很沉迷"掛 QQ"，等級就是“排面”。轉(zhuǎn)眼這么多年過去，想想還挺懷念的。

我上高中才接觸 QQ，當(dāng)時(shí)掛 QQ 追求的是要沖到太陽。記得那時(shí)候等級是按在線時(shí)長算的，為了加速升級，我們經(jīng)常拜托去網(wǎng)吧通宵的同學(xué)幫忙掛著。一臺電腦掛好幾個(gè) QQ，簡直是常規(guī)操作。后來有了手機(jī) QQ，手機(jī) QQ 基本上可以一直在線，加上注意力轉(zhuǎn)移，慢慢地就不太在意等級了。

在那個(gè)網(wǎng)絡(luò)剛剛普及的年代，大家都特別熱衷于在虛擬世界里打造自己的身份標(biāo)識。QQ 等級、QQ 空間裝扮、QQ 秀... 現(xiàn)在回頭看，可能有點(diǎn)難理解，為什么會對這些虛擬的東西那么著迷？

后來微信流行起來，我登錄 QQ 的次數(shù)逐漸就少了，唯一的用處就是登錄 QQ 用來截圖。沒想到的是，畢業(yè)多年后，我竟然加入了 QQ 團(tuán)隊(duì)，當(dāng)上了 QQ 的設(shè)計(jì)師！

我在 QQ 做的第一個(gè)設(shè)計(jì)是 QQ 運(yùn)動，后來又開始做厘米秀，從 2D 做到 3D。不過，不知道是自己年紀(jì)大了，還是玩膩了這類東西，我發(fā)現(xiàn)自己慢慢不再是這些功能的目標(biāo)用戶了。

時(shí)代的車輪不停向前轉(zhuǎn)，每個(gè)產(chǎn)品都會經(jīng)歷成長、成熟和逐漸淡出。但作為一名設(shè)計(jì)師，回過頭去研究這些曾經(jīng)的“頂流”APP，看看設(shè)計(jì)潮流是怎么一路變化的，依然很有價(jià)值。這不僅是學(xué)習(xí)，也是一種紀(jì)念。

這份懷念一涌上來就停不住，干脆就徹底整理一下吧！我把 QQ 從誕生到現(xiàn)在，關(guān)鍵界面的設(shè)計(jì)變化都梳理了一遍，也算是在找回自己那些“逝去的青春”。

更多QQ設(shè)計(jì)案例：

好，我們穿越時(shí)光，從 1999 年開始。

1999 年：OICQ 誕生

時(shí)間回到 1999 年，那一年是 OICQ 誕生的日子。當(dāng)時(shí)的界面極簡，基本沒啥 UI 設(shè)計(jì)，都是系統(tǒng)默認(rèn)的窗體。“OICQ”這個(gè)名字的含義是”O(jiān)h, I Seek You“，借鑒 ICQ，后因版權(quán)爭議更名。

圖片來源于網(wǎng)絡(luò)

2000 年：改名“騰訊 QQ”

2000 年，正式更名“騰訊 QQ”，界面布局有微調(diào)但風(fēng)格上基本沒有啥太大變化。

圖片來源于網(wǎng)絡(luò)

2001-2002 年：交互小創(chuàng)新

2001-2002 年，風(fēng)格沒變化，但在交互上做了創(chuàng)新。增加“隱身”登錄狀態(tài)選項(xiàng)。把登錄流程要填的內(nèi)容做了分拆，登錄的首界面更簡潔易懂。

圖片來源于網(wǎng)絡(luò)

2003 年：第一次大改版

2003 年，首次全面改版了界面，圖標(biāo)設(shè)計(jì)和按鈕設(shè)計(jì)有了一些質(zhì)感。這個(gè)版本奠定了后續(xù)十年 QQ 的界面框架基礎(chǔ)。

圖片來源于網(wǎng)絡(luò)

2004 年：設(shè)計(jì)感初顯

2004 年，慢慢多了一些設(shè)計(jì)感了，估計(jì)是從這個(gè)版本開始，UI 設(shè)計(jì)師開始深度介入，色彩更鮮明，布局也更緊湊，擬物時(shí)代的設(shè)計(jì)特點(diǎn)都有了。

圖片來源于網(wǎng)絡(luò)

2005 年：優(yōu)化與精簡

2005 年，界面進(jìn)一步被優(yōu)化，去掉了一些文字說明，把一些信息做了更好的分組。整體的風(fēng)格保持了延續(xù)。

這一年，我注冊了自己的第一個(gè) QQ 號。

圖片來源于網(wǎng)絡(luò)

2006-2007 年：個(gè)性化開端

2006 年，界面支持更換主題，設(shè)計(jì)上做到了更加個(gè)性化。經(jīng)典界面逐步定型了下來。界面更加干凈，信息分組越來越清晰。

圖片來源于網(wǎng)絡(luò)

2008 年：經(jīng)典“國民 QQ”

2008 版，因穩(wěn)定性和功能全面性，成為用戶記憶中最經(jīng)典的“國民 QQ”。界面設(shè)計(jì)上的變化相對較少。

也似乎是從這一年開始，后面的日子過得越來越快了，經(jīng)常會有種錯(cuò)覺，分不清 2008 和 2018，不知道你有沒有這種感覺？

圖片來源于網(wǎng)絡(luò)

2009 年：大幅精簡

2009 年，界面內(nèi)容做了非常大的精簡。

圖片來源于網(wǎng)絡(luò)

2010 年：高度自定義

2010 年，界面可以自定義的內(nèi)容更多了，支持全界面自定義皮膚（透明度、顏色、圖片）。

圖片來源于網(wǎng)絡(luò)

2011-2012 年：平穩(wěn)過渡

2011 年，界面變化相對較小，處于一個(gè)穩(wěn)定的狀態(tài)。

圖片來源于網(wǎng)絡(luò)

2012 年。

圖片來源于網(wǎng)絡(luò)

2013 年：情感化與自然風(fēng)

2013 年，QQ 的 UI 設(shè)計(jì)理念更加貼近自然，如登錄界面飄揚(yáng)的云朵、天氣面板中的動態(tài)效果等。同時(shí)，QQ 開始強(qiáng)調(diào)情感屬性，如弱化按鈕設(shè)計(jì)，提升用戶辨識度。

這一年也是我從大學(xué)畢業(yè)的日子，大家所有的情愫和溝通，全部都是寄托在了 QQ 里。

圖片來源于網(wǎng)絡(luò)

2014 年：擁抱扁平化

2014，QQ 進(jìn)行了重大 UI 設(shè)計(jì)變革，引入了扁平化設(shè)計(jì)理念，界面變得更加簡潔、清爽。同時(shí)，QQ 更注重用戶體驗(yàn)，如聊天窗口的優(yōu)化、消息提醒的改進(jìn)等。

圖片來源于網(wǎng)絡(luò)

2015-2017 年：延續(xù)與微調(diào)

2015-2017 年，這幾年的風(fēng)格也沒太大變化。

圖片來源于網(wǎng)絡(luò)

2018-2022 年：極光理念與移動優(yōu)先

2018-2022，采用了極光的設(shè)計(jì)理念。經(jīng)典品牌文化的延續(xù)性，從企鵝的家極地周圍的環(huán)境衍生出極光的概念。移動優(yōu)先與極簡主義，適配移動端操作習(xí)慣，平衡功能豐富性與界面簡潔性。

這一年，我加入了 QQ，開始了極光之旅，時(shí)間也如極光一般，美麗卻又短暫的一晃而過。

圖片來源于網(wǎng)絡(luò)

2022 年之后，我就基本上很少再用 QQ 了，大家對最新的界面也都很了解了，就不再贅述去寫了。

這些年，界面一直在變，QQ 的形象也有一些變化。最初的版本，QQ 團(tuán)隊(duì)選擇的是一個(gè)胖乎乎的版本（2000 年的時(shí)候），因?yàn)樗涌蓯邸．?dāng)時(shí)的設(shè)計(jì)師樁子認(rèn)為，企鵝形象不一定要對稱，有一定的差異反而更有靈動感，因此他將企鵝的眼睛設(shè)計(jì)成了 wink 狀，翅膀一高一低。

企鵝形象終稿手繪圖，圖片來源騰訊 QQ

到現(xiàn)在慢慢的為了適應(yīng) QQ 品牌心智的需要，QQ 的比例變得更加年輕，外形也更加簡潔。

圖片來源于網(wǎng)絡(luò)

圖片來源于網(wǎng)絡(luò)

最近這些年，QQ 的重心在移動端，PC 客戶端的界面大的改動變少了，更多是細(xì)節(jié)上的優(yōu)化。不過，這些年的設(shè)計(jì)趨勢不也是沒啥太多變化嗎？似乎也是一種印證。基于用戶的需求，大的方向是減少視覺噪聲，讓用戶的體驗(yàn)更加聚焦。

總結(jié)這些年 QQ 的設(shè)計(jì)變化趨勢：

1. 形態(tài)演變。 純文字列表 → 立體化圖標(biāo) → 扁平動態(tài)設(shè)計(jì) → 極簡卡片 （1999純文本 → 2003立體化 → 2013扁平化 → 2023 NT架構(gòu)）
2. 設(shè)計(jì)哲學(xué)。 實(shí)用性 → 個(gè)性化 → 情感化 → 效率化 （早期能用就行→中期強(qiáng)調(diào)自我表達(dá)→近期追求無縫體驗(yàn)）

那么，問題來了：哪個(gè)版本的 QQ 界面，承載了你最多的回憶？或者單純從設(shè)計(jì)角度看，你最喜歡哪一個(gè)？留言區(qū)聊聊你的想法吧！