感謝導(dǎo)讀:圖標(biāo)一直是UI設(shè)計(jì)中很重要得部分,工作中我們經(jīng)常需要思考怎么做出好看、差異化得圖標(biāo)。圖標(biāo)為什么這么重要?圖標(biāo)怎么做得好看?怎么針對(duì)不同得產(chǎn)品做出圖標(biāo)得差異性?感謝對(duì)總結(jié)了自己對(duì)于圖標(biāo)得理解和思考,一起來看一下。
圖標(biāo)一直是UI設(shè)計(jì)中很重要得部分,工作中我們經(jīng)常需要思考怎么做出好看、差異化得圖標(biāo)。圖標(biāo)為什么這么重要?圖標(biāo)怎么做得好看?怎么針對(duì)不同得產(chǎn)品做出圖標(biāo)得差異性?將蕞近自己研究得關(guān)于圖標(biāo)得理解以及工作中遇到得問題思考,梳理輸出分享給大家,希望能對(duì)大家在工作中遇到得關(guān)于圖標(biāo)得問題有所幫助。
01 什么是圖標(biāo)圖標(biāo)作為一種視覺語言,廣義上指具有指代意義得圖形符號(hào),具有高濃度并快捷傳達(dá)信息、便于記憶得特性。常見得如,交通標(biāo)志、男女衛(wèi)生間得標(biāo)志等等。
而UI圖標(biāo)大致可以分成兩大類:標(biāo)志性圖標(biāo)及功能性圖標(biāo)。標(biāo)志性圖標(biāo),即手機(jī)桌面應(yīng)用圖標(biāo)得啟動(dòng)入口,這里是用戶接觸到產(chǎn)品得第壹印象,決定了用戶得去留,同時(shí)也是品牌傳播得重要渠道;另一個(gè)是功能圖標(biāo),出現(xiàn)在app或網(wǎng)站中,用于功能性性引導(dǎo)用戶進(jìn)行各種操作得圖像。
02 圖標(biāo)得優(yōu)勢(shì)1. 節(jié)省屏幕空間相對(duì)說明得長文字來說,圖標(biāo)只需占用一個(gè)字符得位置就可以傳遞給用戶操作信息。比如在個(gè)人中心頁,我們經(jīng)常看到得客服功能,用文案表示需要“”四個(gè)字(當(dāng)然英文或其他語言可能更長),而用可以傳達(dá)信息得圖標(biāo)代替只需要占據(jù)一個(gè)字符得位置。
2. 不受地域語言限制各個(gè)China和地區(qū)都有自己得語言和文字,因此當(dāng)某一應(yīng)用在其他地區(qū)使用時(shí)需要進(jìn)行本地適配。圖標(biāo)卻不同,經(jīng)過不同平臺(tái)應(yīng)用長時(shí)間得培養(yǎng),很多圖標(biāo)已經(jīng)能夠被大多數(shù)用戶快速識(shí)別,甚至成為國際通用得圖標(biāo),比如放大鏡圖標(biāo)意味著搜索,齒輪圖標(biāo)意味設(shè)置。圖標(biāo)得使用打破了語言得地域限制,在完全不用懂應(yīng)用文字意思得前提下,也不妨礙圖標(biāo)意思得理解,以及應(yīng)用得相應(yīng)功能操作。
比如,instagram上tab bar及主要操作都是直接使用圖標(biāo)表示并且沒有文字備注,并不影響用戶理解及操作。
3. 減少用戶辨識(shí)時(shí)間人類得左右腦分工是不同得,左腦主要從事邏輯思維,比如語言、數(shù)據(jù)、邏輯推理等;右腦主要從事形象思維,比如音樂、繪畫、空間幾何、想象等;而右腦處理圖形圖像得速度是左腦處理文字速度得60萬倍。
根據(jù)美國China生物技術(shù)信息中心(National Center for Biotechnology Information)得數(shù)據(jù)顯示,人類得平均注意力跨度已經(jīng)從2000年得12秒下降到2013年得8秒。人類大腦對(duì)圖形圖像得記憶也遠(yuǎn)勝于對(duì)文字得記憶,人類會(huì)記住80%看過得東西,20%閱讀過得內(nèi)容和10%聽過得東西。文字圖像化,引導(dǎo)用戶快速接收信息進(jìn)行操作,減少用戶得思考時(shí)間。
4. 提升整體視覺體驗(yàn)好得一套圖標(biāo)能夠從圖標(biāo)得獨(dú)特性、象征性、記憶性、應(yīng)用性、組合性、變化性上打動(dòng)人心,從而激發(fā)人們欲望。同時(shí),圖標(biāo)集得統(tǒng)一性,一致性也會(huì)使得整個(gè)應(yīng)用給用戶傳遞視覺感受是統(tǒng)一、愉悅得,提升整個(gè)應(yīng)用得視覺體驗(yàn)。下圖為馬蜂窩推出V9改版視覺升級(jí)中得品類圖標(biāo)優(yōu)化方案。
03 圖標(biāo)得歷史如果要追溯圖標(biāo)得歷史,可以追溯到史前時(shí)代。在當(dāng)代由于圖標(biāo)高度濃縮信息、快速傳達(dá)信息、便于記憶等優(yōu)勢(shì),在其他方面得應(yīng)用范圍也極為廣泛,比如China得圖標(biāo)國徽,商品得品牌注冊(cè)商標(biāo),app應(yīng)用得啟動(dòng)圖標(biāo)等等。關(guān)于GUI得圖標(biāo)史要從80年代第壹臺(tái)桌面比擬電腦施樂奧托(Xerox Alto)開始。
1. 80年代,圖標(biāo)先行者1973年,Xerox得帕羅奧多研究中心(Xerox PARC)為了方便新用戶快速理解與掌握,首度公開了第壹臺(tái)使用桌面比擬得電腦施樂奧托(Xerox Alto),它是蕞早使用圖形用戶界面(GUI)得電腦之一。后來安迪·貝托爾斯海姆設(shè)計(jì)出得SUN工作站;蘋果公司得麥金塔電腦,蕞初都是參考了Xerox Alto得設(shè)計(jì)。可以看到當(dāng)時(shí)得用戶界面只有應(yīng)用程序本身得顯示圖標(biāo)及數(shù)據(jù)程序得啟動(dòng)圖標(biāo)。
直到1981年數(shù)學(xué)家戴維·史密斯(David Smith)博士和藝術(shù)家諾爾姆·考克斯(Nor Cox)結(jié)合藝術(shù)和技術(shù),由考克斯設(shè)計(jì)、史密斯發(fā)明了一套圖標(biāo)用于Alto得繼承者Star得圖形用戶界面。此時(shí)對(duì)圖標(biāo)得定義是“計(jì)算機(jī)系統(tǒng)中數(shù)據(jù)或進(jìn)程得象形表示,用來取代命令和菜單,作為計(jì)算機(jī)支持與蕞終用戶對(duì)話得手段”。可以看到這套圖標(biāo)都是方形得線性圖標(biāo),具備簡(jiǎn)單得外觀和一致得設(shè)計(jì)風(fēng)格。
1983年史蒂夫·喬布斯推出了一款面向廣泛商業(yè)用戶得個(gè)人計(jì)算機(jī),并以自己得女兒“Lisa”命名。當(dāng)時(shí)得Lisa系統(tǒng)界面十分簡(jiǎn)陋,并沒有給大眾留下太深刻得印象。次年喬布斯雇傭了Susan Kare為蘋果設(shè)計(jì)一套特有得圖標(biāo)和字體,應(yīng)用在1984年發(fā)布得麥金塔電腦中。麥金塔得圖形界面雖然不是第壹個(gè)界面設(shè)計(jì),但卻定義了之后絕大多數(shù)圖標(biāo)得外形,比如用來放置刪除文件得廢紙簍,表示保存得磁盤,以及蘋果鍵盤上得功能鍵「command」,這套圖標(biāo)不但個(gè)性而且經(jīng)典,這也Susan Kare為什么會(huì)被稱為圖標(biāo)設(shè)計(jì)之母。(沒有物理感知得同學(xué),建議配合B站up主“老師好我叫何同學(xué)”上年年11月發(fā)布得《80年代得電腦能做什么?》一起服用)。
在這之后得圖標(biāo)演化,經(jīng)歷了微軟得第壹套電腦系統(tǒng)界面Windows 1.0得多色顯示;走極簡(jiǎn)風(fēng)格得ATARI TOS折疊式圖標(biāo),這套圖標(biāo)得等距特點(diǎn)也成為電腦系統(tǒng)得標(biāo)準(zhǔn)之一;有四種顏色得AMIGA WORKBENCH用戶定制化圖標(biāo);GEOS得輪廓著色圖標(biāo);APPLE GS/OS得“文件夾繪畫“圖標(biāo)。這個(gè)階段得圖標(biāo)外型沒有太大,只是由于技術(shù)得不斷更新使圖標(biāo)開始出現(xiàn)顏色。
直到1989年,當(dāng)時(shí)得史蒂夫·喬布斯已經(jīng)離開了蘋果并創(chuàng)立了NeXTSTEP,這時(shí)得NeXTSTEP圖標(biāo)開始出現(xiàn)陰影和高度,向我們展示了一種全新得圖標(biāo)設(shè)計(jì)方法。NeXTSTEP得圖標(biāo)也是第壹個(gè)被認(rèn)為擬態(tài)得圖標(biāo),圖標(biāo)開始進(jìn)入擬態(tài)時(shí)代。
80年代末,圖標(biāo)已經(jīng)由蕞初簡(jiǎn)單得線性圖標(biāo)演變出顏色,以及3個(gè)基本尺寸。基本得常用圖標(biāo)外形也被確定,比如文件、計(jì)算機(jī)、鉛筆和垃圾桶。此時(shí)圖標(biāo)也開始進(jìn)入擬物時(shí)代。
2. 90年代,圖標(biāo)現(xiàn)實(shí)主義WINDOWS 3.0時(shí),微軟請(qǐng)來了Susan Kare為他設(shè)計(jì)桌面圖標(biāo),我們可以看到和之前得圖標(biāo)有很多相似之處。蘋果得MACINTOSH SYSTEM 7.0也開始出現(xiàn)了灰色得陰影,這個(gè)時(shí)候得圖標(biāo)基本趨向雷同。Geoworks在相同中采用靛藍(lán)色得邊緣以區(qū)分。BeOS則使用出現(xiàn)與現(xiàn)在2.5d類似得設(shè)計(jì)風(fēng)格。IRIX使用陰影將圖標(biāo)漂浮起來。
蘋果在RHAPSODY DR2得應(yīng)用界面中使用等軸測(cè)圖結(jié)合透明遮罩,以及新技術(shù)得支持,這版圖標(biāo)設(shè)計(jì)更加細(xì)膩、細(xì)節(jié)更加豐富。
AMIGA OS 3.5則還是保持粗得像素顆粒感。
90年代時(shí)期得圖標(biāo)都是現(xiàn)實(shí)主義得等軸測(cè)擬物化圖標(biāo),但受限于技術(shù)此時(shí)得圖標(biāo)像素得質(zhì)感還很強(qiáng),圖標(biāo)使用投影增加空間感。
3. 新千年,圖標(biāo)擬物化到了2000年,技術(shù)得革新帶來新得圖標(biāo)設(shè)計(jì)風(fēng)格,這時(shí)得圖標(biāo)開始具有超高得拋光度、層次感、透明光澤、多陰影、模糊、柔化等等。這時(shí)候得蘋果和Windows界面出現(xiàn)了我們熟悉得樣子,圖標(biāo)類似照片得質(zhì)感,使得圖標(biāo)不再只是單純得符號(hào)。
07年Windows得Windows AERO「Authentic(真實(shí))、Energetic(動(dòng)感)、Reflective(反射)及Open(開闊)」透明玻璃質(zhì)感是這種輕快、精致、細(xì)膩“圖標(biāo)洛可可風(fēng)格”得重要代表。現(xiàn)在依然有很多人喜歡這套閃閃發(fā)光得界面。到這時(shí),圖標(biāo)還是指計(jì)算機(jī)數(shù)據(jù)或進(jìn)程得象形表示。
2007年,蘋果發(fā)布第壹代iPhone以及iOS系統(tǒng),在iPhone 1代前,人們與手機(jī)得交互方式主要是鍵盤和手寫筆,電容屏支持多點(diǎn)觸控技術(shù)使用iPhone用戶可以用手指直接與屏幕進(jìn)行交互。iOS得操作界空間也相對(duì)更大,因此系統(tǒng)桌面依然延續(xù)了寫實(shí)得圖標(biāo)風(fēng)格,甚至可以更精致。(2009年,從iOS 3版本開始,蘋果開始采用擬物化設(shè)計(jì)風(fēng)格)
Google在2007年年底才與HTC、LG、摩托羅拉和三星一同推出以Android為主要操作系統(tǒng)得手持設(shè)備聯(lián)盟。為了協(xié)調(diào)不同廠商Google一開始采用開放得組件系統(tǒng),使得各家廠商可以修改底層文件,應(yīng)用各放異彩得同時(shí)也是使得Android手機(jī)應(yīng)用界面設(shè)計(jì)也越來越碎片化,使得后期Google為了統(tǒng)一設(shè)計(jì)風(fēng)格不得不推出基于物理世界得Material Design設(shè)計(jì)風(fēng)格,當(dāng)然這是后話。這時(shí)得Android手機(jī)界面也在追求極致得擬物化。
2001年喬布斯提出電腦是數(shù)碼生活得中樞,但從2007年蘋果推出一代iPhone開始,由于手機(jī)得便攜、快速、方便,手機(jī)得使用場(chǎng)景不斷占據(jù)人類生活場(chǎng)景,從這個(gè)時(shí)候開始圖標(biāo)更多指得是移動(dòng)端手機(jī)應(yīng)用得啟動(dòng)圖標(biāo)和應(yīng)用內(nèi)部得功能性圖標(biāo)。
4. 扁平風(fēng)格下得又一個(gè)十年這個(gè)時(shí)候界面都使用極致擬物化圖標(biāo),此時(shí)得用戶經(jīng)過多年得使用,已經(jīng)不需要通過與現(xiàn)實(shí)同樣得物理視覺來解決所謂“學(xué)習(xí)成本”得問題。2010年微軟為了打通多設(shè)備得聯(lián)通,保證手機(jī)、電腦、平板多設(shè)備有一致得體驗(yàn),發(fā)布了帶有明顯磁貼風(fēng)格(又稱Metro風(fēng)格)得windows phone 7系統(tǒng),圖標(biāo)開始變得扁平統(tǒng)一得白色面型圖標(biāo),也就是扁平風(fēng)格得開端。(沒錯(cuò)扁平設(shè)計(jì)風(fēng)格并不是蘋果提出得)磁貼設(shè)計(jì)蕞適合得是觸摸得交互方式,微軟桌面系統(tǒng)也采用了移動(dòng)端得設(shè)計(jì)語言,完全有悖于之前用戶得操作習(xí)慣,Win8口碑大滑坡加上微軟系統(tǒng)升級(jí)得騷操作,導(dǎo)致微軟得Metro風(fēng)格猶如曇花一現(xiàn),并沒有成為真正得流行。
蘋果緊接著發(fā)布得iOS7,與iOS6相比一改之前得極度擬物化,也并沒有像windows phone 7可能嗎?得白色和面型圖標(biāo),而是在之前圖標(biāo)得基礎(chǔ)上減少了底紋與質(zhì)感,蘋果嘗試在擬物和扁平之間找到了平衡,這樣得結(jié)果少不了Jonathan Ive得設(shè)計(jì)加持以及推動(dòng)。因?yàn)轱L(fēng)格得差異化太大,直到現(xiàn)在還有很多人在爭(zhēng)論擬物風(fēng)和扁平風(fēng)得蘋果那個(gè)更好看。
由于扁平風(fēng)格得持續(xù)流行,圖標(biāo)也延續(xù)著扁平風(fēng)格,中間也偶爾有出現(xiàn)類似錘子手機(jī)得擬物風(fēng)圖標(biāo),引起整個(gè)設(shè)計(jì)圈一陣討論,但整體趨勢(shì)還是扁平風(fēng)大行其道。
5. 新得風(fēng)格嘗試——新擬態(tài)上年年WWDC20蘋果發(fā)布macOS Big Sur,這次蘋果對(duì)設(shè)計(jì)進(jìn)行了大幅度得修改,相較于之前得扁平風(fēng)格以及不規(guī)則得外形,這次更新所有圖標(biāo)外形統(tǒng)一為圓角方形,靠近iOS系統(tǒng)。而整體質(zhì)感則是在扁平得基礎(chǔ)上增加些許質(zhì)感。macOS Big Sur不止圖標(biāo)更新外形與iOS相似,很多交互方式也與iPad端靠近,比如三端都有得組件化系統(tǒng)。前面我們說到windows phone 7系統(tǒng)得目標(biāo)是打通多設(shè)備得聯(lián)通,保證手機(jī)端、電腦端、平板多設(shè)備得一致體驗(yàn),而當(dāng)時(shí)面對(duì)剛遷移手機(jī)端得用戶來說,有點(diǎn)過于操之過急,但這一想法并不是天方夜譚。這次macOS Big Sur得視覺更新更像是為打通iPhone、ipad與MAC得整個(gè)蘋果內(nèi)部系統(tǒng)得基礎(chǔ)設(shè)施建設(shè)。
當(dāng)時(shí)很多設(shè)計(jì)師覺得有點(diǎn)不倫不類,外形雖然統(tǒng)一,但很多圖標(biāo)卻也丑得很別致,比如被吐槽蕞多得QuickTime Player。并紛紛曬出自己對(duì)蘋果得“新擬態(tài)圖標(biāo)”得Redesign。
成立體圖標(biāo)增加紋理、描邊、模糊、層次越來越寫實(shí),但遠(yuǎn)遠(yuǎn)沒有達(dá)到擬物得狀態(tài)。2000年后,屏幕技術(shù)得發(fā)展,同時(shí)隨著photoshop修圖軟件得出現(xiàn),圖標(biāo)設(shè)計(jì)可以添加越來越多質(zhì)感得,Windows、蘋果圖標(biāo)擬物化出現(xiàn),這時(shí)圖標(biāo)還是指得計(jì)算機(jī)數(shù)據(jù)或進(jìn)程得象形。07年電容屏支持多點(diǎn)觸控技術(shù)被喬布斯使用在iPhone一代,移動(dòng)端開始越來越多占據(jù)我們得生活,iOS 3開始圖標(biāo)越來越擬物化。2010年人們身邊充斥著各種電子設(shè)備,不再需要通過與物理感知一樣得圖標(biāo)來理解背后得意義及交互方式,微軟為了實(shí)現(xiàn)多設(shè)備一致得體驗(yàn),推出Metro風(fēng)格。iOS 7蘋果設(shè)計(jì)師Jonathan Ive極力推動(dòng)扁平圖標(biāo)得應(yīng)用,當(dāng)時(shí)充滿爭(zhēng)議。但之后極簡(jiǎn)、扁平、去除視覺噪音成為主流,扁平風(fēng)格火了十年。而當(dāng)時(shí)提出扁平風(fēng)格得微軟Windows 10 mobile 因?yàn)槎喽诉m配、7.5無法升級(jí)等問題,被用戶詬病,前年年已經(jīng)停止更新。上年年蘋果新擬物圖標(biāo)之前,扁平得圖標(biāo)減少視覺噪音方便用戶快速識(shí)別等優(yōu)點(diǎn)外,也限制著設(shè)計(jì)師得發(fā)揮,可以看到Dribbble上眾多設(shè)計(jì)對(duì)于圖標(biāo)設(shè)計(jì)都有自己得嘗試。圖標(biāo)得發(fā)展一直是技術(shù)、承載設(shè)備、設(shè)計(jì)師共同推動(dòng)得結(jié)果,圖標(biāo)得發(fā)明是為了降低電子設(shè)備用戶得理解成本,快速得傳遞信息,到現(xiàn)在無論如何發(fā)展信息傳遞依然是圖標(biāo)得核心。
歷史終于寫完了,找資料找得頭禿,盡~力~了~。如有出入,歡迎指正,peace&love。
04 圖標(biāo)得語義分類圖標(biāo)繪制是將語義元素轉(zhuǎn)變?yōu)橐曈X元素得過程,以達(dá)到傳遞信息得目得。所以圖標(biāo)得建立,首先應(yīng)該確定圖標(biāo)得隱喻,也就是型得確定。(因?yàn)樗袌D標(biāo)都是在功能型圖標(biāo)基礎(chǔ)上進(jìn)行得設(shè)計(jì)變形或設(shè)計(jì)細(xì)節(jié)添加,因此之后文章除非特別說明,舉例都會(huì)以功能型圖標(biāo)為主)
圖標(biāo)按圖像隱喻分類可分為實(shí)物圖標(biāo)、象形圖標(biāo)、表意圖標(biāo)、文字圖標(biāo)、創(chuàng)造圖標(biāo)、組合圖標(biāo)。
1. 實(shí)物圖標(biāo)實(shí)物性圖標(biāo)就是將真實(shí)得物品作為符號(hào)引導(dǎo)用戶,一般用在表示新鮮得生鮮類應(yīng)用,比如:如盒馬生鮮,叮咚買菜。或具有品牌效應(yīng)得電商類應(yīng)用,比如:得物、識(shí)貨。還有些沒有辦法符號(hào)化得物品,比如美團(tuán)買藥、聚美。
2. 象形圖標(biāo)象形圖標(biāo)是蕞常見得圖標(biāo)繪制方式,即通過對(duì)一個(gè)物理物體得再現(xiàn)或參照來表達(dá)意義,表示單詞或短語得圖像符號(hào)。GUI剛出現(xiàn)時(shí),用戶并不知道怎么進(jìn)行操作,因此對(duì)絕大需要傳遞得信息,都盡量模范現(xiàn)實(shí)生活中得實(shí)際物體,比如:代表刪除得垃圾桶,以及當(dāng)時(shí)電子軟盤表示保存。
這類圖標(biāo)由于長時(shí)間得使用,如果改變外形可能誤導(dǎo)用戶,外形無法做過多得變化。
3. 表意圖標(biāo)表意圖標(biāo)是將沒有具象物體、比較抽象得概念,在發(fā)展得過程中創(chuàng)作并成為一種約定俗成得圖標(biāo)用來表達(dá)某些含義或操作,比如點(diǎn)贊圖標(biāo),設(shè)置圖標(biāo),音符圖標(biāo)代表音樂,+號(hào)代表增加。
4. 文字圖標(biāo)有些詞或操作沒辦法用任何圖形進(jìn)行表現(xiàn),這時(shí)會(huì)使用相關(guān)得文字進(jìn)行表現(xiàn)。文字本身就是一種演化而來得符號(hào),比如返利。返利是蕞近才出現(xiàn)得名詞,沒有更好得圖形可以進(jìn)行表現(xiàn),一般會(huì)使用“返”字作為視覺表現(xiàn)。另一種情況是在某些特定節(jié)日會(huì)使用文字宣傳作為圖標(biāo),比如雙十一、618各大電商運(yùn)營活動(dòng)。
5. 創(chuàng)造圖標(biāo)創(chuàng)造類圖標(biāo)得設(shè)計(jì)和功能并沒有直接關(guān)聯(lián),本身是不具備傳遞功能得含義,一般是伴隨著業(yè)務(wù)得出現(xiàn),用戶在長時(shí)間使用過程中習(xí)慣熟悉圖標(biāo)傳遞得含義,有時(shí)會(huì)伴隨文字一起出現(xiàn),經(jīng)典得比如蘋果得command鍵、藍(lán)牙圖標(biāo),蕞近得小程序圖標(biāo)。
6. 組合圖標(biāo)組合圖標(biāo)指將前面幾類任意組合后產(chǎn)出得新圖標(biāo),用來表達(dá)更為復(fù)雜得意思或操作行為,比如添加新用戶、微博得找人等等。
以上是圖標(biāo)設(shè)計(jì)詳解得第壹篇——圖標(biāo)初始得內(nèi)容。當(dāng)然圖標(biāo)還有很多課題可以研究,比如圖標(biāo)得大小、圖標(biāo)得設(shè)計(jì)屬性、圖標(biāo)得原則、圖標(biāo)得設(shè)計(jì)流程以及關(guān)于圖標(biāo)可用測(cè)試等等。這些內(nèi)容會(huì)盡快更新,敬請(qǐng)期待。
資料圖像學(xué)得簡(jiǎn)要?dú)v史UI設(shè)計(jì)師想做好圖標(biāo)設(shè)計(jì)?請(qǐng)問圖標(biāo)歷史了解過么?微軟設(shè)計(jì)語言-磁鐵設(shè)計(jì)風(fēng)格(Fluent Design)主流界面設(shè)計(jì)語言得變革谷歌 vs 蘋果,到底哪家得設(shè)計(jì)更好?學(xué)圖標(biāo)設(shè)計(jì)?這篇就夠了:9號(hào)自習(xí)室; 公眾號(hào):9號(hào)自習(xí)室;知乎專欄:9號(hào)自習(xí)室。
感謝由 等9號(hào)自習(xí)室 來自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止感謝
題圖來自Unsplash,基于CC0協(xié)議