哈嘍，這里是Clip設(shè)計(jì)夾，今天分享的是「圖標(biāo)設(shè)計(jì)演變」。

Adobe的產(chǎn)品大家應(yīng)該都用過(guò)，每個(gè)產(chǎn)品里都有很多經(jīng)典且有特色的工具圖標(biāo)。今天介紹五個(gè)Adobe圖標(biāo)，稱(chēng)得上是設(shè)計(jì)圈的“常青樹(shù)”。它們陪著Adobe走過(guò)幾十年，跟著旗下的王牌產(chǎn)品一起成長(zhǎng)，一路迭代卻始終不過(guò)氣。

每個(gè)圖標(biāo)背后都有段故事，不止于設(shè)計(jì)，更藏著技術(shù)、文化、用戶(hù)需求和這些年產(chǎn)品的變遷～

一、“眼睛”圖標(biāo)

核心功能：控制圖層顯示 / 隱藏

“眼睛”圖標(biāo)是經(jīng)典的設(shè)計(jì)隱喻，用得廣好理解，用來(lái)表達(dá)“顯示/隱藏”“可見(jiàn)/不可見(jiàn)”這種對(duì)立的概念。在早期淺色版PS中，最開(kāi)始用來(lái)控制圖層“顯示/隱藏”的是版本A，效果做得特別逼真，睫毛、瞳孔都看得清楚。

后來(lái)推出深色版本的PS，寫(xiě)實(shí)的“眼睛”看著有點(diǎn)怪，就重新設(shè)計(jì)了在淺/深背景下效果差不多的版本B。

現(xiàn)在的“眼睛”圖標(biāo)早就從精致的寫(xiě)實(shí)風(fēng)，變成了簡(jiǎn)約抽象的符號(hào)風(fēng)，適用范圍更廣，能讓人明白是“控制可見(jiàn)性”。

同時(shí)，針對(duì)淺深不同的顏色模式，“眼睛”圖標(biāo)在保持形狀不變的情況下反轉(zhuǎn)了顏色，這樣在不同平臺(tái)或者設(shè)備中都能使用樣式更統(tǒng)一的圖標(biāo)。

二、“魔棒”圖標(biāo)

核心功能：一鍵實(shí)現(xiàn)圖像便捷操作（如選色）

“魔棒”圖標(biāo)的設(shè)計(jì)一直圍繞“魔法”展開(kāi)，但現(xiàn)在四芒星成了AI標(biāo)志性元素后，就得重新考慮“魔棒”的展示效果，既要保留“魔棒”的標(biāo)志元素，又要和AI功能圖標(biāo)有區(qū)分。

在新版PS中，“魔棒”圖標(biāo)保留了原來(lái)的閃光樣式，重新調(diào)整了閃光元素的位置、大小和旋轉(zhuǎn)角度。從最開(kāi)始的單個(gè)A版樣式，改成了旋轉(zhuǎn)后的B版樣式，最后用了三個(gè)獨(dú)立閃光元素的C版樣式，徹底和AI功能區(qū)分開(kāi)。

三、“鋼筆”圖標(biāo)

核心功能：精準(zhǔn)繪制矢量路徑、貝塞爾曲線

現(xiàn)在“鋼筆”圖標(biāo)是很常見(jiàn)的設(shè)計(jì)，但回溯到1987年Adobe Illustrator剛推出時(shí)，它才真正成為“創(chuàng)建、編輯矢量路徑”的代名詞。它不是用來(lái)隨手畫(huà)的“鉛筆”，也不是用來(lái)涂色的“畫(huà)筆”，而是能精準(zhǔn)畫(huà)貝塞爾曲線、做矢量圖的“鋼筆”。

這么多年，“鋼筆”代表“矢量繪圖”的核心意思沒(méi)改，但圖標(biāo)的朝向調(diào)整過(guò)。在Illustrator 15版本里，“鋼筆”角度被旋轉(zhuǎn)傾斜，目的是更好地適配按鈕空間，還能和其他工具圖標(biāo)的方向保持一致。

四、 “裁剪”圖標(biāo)

核心功能：修剪、旋轉(zhuǎn)、矯正圖像從Photoshop 1.0版本開(kāi)始，“裁剪”圖標(biāo)就存在了。它的設(shè)計(jì)靈感，來(lái)自暗房里洗照片時(shí)用的遮罩框，特別是框上的角線。這么多年“裁剪”圖標(biāo)雖有小調(diào)整，但一直是個(gè)經(jīng)得起時(shí)間考驗(yàn)的經(jīng)典符號(hào)。

這些年“裁剪”圖標(biāo)做了不少優(yōu)化：去掉原來(lái)的對(duì)角線，外觀更簡(jiǎn)潔；加了箭頭，用來(lái)表示圖片旋轉(zhuǎn)功能。

星號(hào)標(biāo)記的地方，是這些年Adobe嘗試調(diào)整標(biāo)尺交叉位置的情況，直到2020年才確定了現(xiàn)在“左上右下”的位置順序（這億點(diǎn)變化你發(fā)現(xiàn)了嗎…）

五、“軟盤(pán)”圖標(biāo)

核心功能：保存文件（本地/云端/U盤(pán)）“軟盤(pán)”圖標(biāo)和“電話(huà)聽(tīng)筒”圖標(biāo)一樣，都是擬物化設(shè)計(jì)的代表——就算很多人沒(méi)見(jiàn)過(guò)真正的軟盤(pán)，也知道它代表“保存”。用圖標(biāo)表示抽象操作本身就不容易，再加上這么多年存儲(chǔ)設(shè)備一直在變，軟盤(pán)圖標(biāo)的“長(zhǎng)壽”更讓人驚訝。

從最開(kāi)始代表軟盤(pán)的A版圖標(biāo)，到后來(lái)代表光盤(pán)/硬盤(pán)的B版圖標(biāo)，再到現(xiàn)在代表保存到云端的C版圖標(biāo)，它的含義一直在延伸。但看到這個(gè)經(jīng)典符號(hào)，大家就知道是“保存”，這就夠了。

最后

圖標(biāo)雖小，但影響力卻很大。寥寥幾個(gè)像素，卻承載著豐富的意義、記憶和隱喻。隨著工具、用戶(hù)和平臺(tái)的不斷發(fā)展，作為指引的圖標(biāo)也在不斷演變。

這些圖標(biāo)的變化告訴我們，設(shè)計(jì)不是一成不變的，而是一個(gè)不斷傾聽(tīng)用戶(hù)、測(cè)試效果、優(yōu)化改進(jìn)的動(dòng)態(tài)過(guò)程，有時(shí)甚至?xí)貧w到那些有效的經(jīng)典設(shè)計(jì)里。所以下次你點(diǎn)圖標(biāo)時(shí)，不妨多停一秒，好好看看這個(gè)藏著很多故事的小小圖像。