如何評價 VSCode 的新 Logo？

最新圖標又變成藍色了

---

Update icon · Issue #6607 · Microsoft/vscode

Iterations on infinity

為什麼換圖標？

為了增加 Visual Studio 系列產品之間區分度。

為什麼新圖標不是藍色了？

因為 Visual Studio Team Services 是藍的，最初的圖標就是從 VSTS 拿來的。

為什麼 infinity 的標識不是閉合的？

一來體現了 VS Code 的「開放」，二來表示這不是完整版的 Visual Studio。

---

Visual Studio如今已經成為一個品牌了，失去了Visual原本的意義。

---

更新一下，設計部（改名部）又把標誌改成藍色了。

嗯，好看了許多。

---

橙色、旋轉和框算是這個設計最大的災難吧。

近年VS系列的標誌，個人感覺是一種為愛走鋼索的設計，就是不穩定中的一種和諧，是很高級的設計。但是，這種「不穩定」的設計，其普適性會存在問題。

先看看其他的設計。

新版中的其他標識及其顯著性。（註：顯著性，圖像中人類感興趣的區域。答案中使用的顯著性檢測模型專門針對設計的顯著性設計。）

雖然第一眼看上去感覺不規整，但是從的計算出顯著性結果看是相對均衡的。圖像的中心區域在梯形的中部（既每個標誌的不同的部分）。這些不同區域的形狀都暗示了不存在的上斜邊，使得圖像在最終感受上是完整的。

UI中的效果。（註：不同尺度的顯著性會有區別，所以標誌尺寸不同時，其顯著性檢測結果會有不同。）

作為UI時的實際情況，也還算均衡，逼死強迫症的是字的排版。

現在看看該圖標在作為UI時實際的情況。

（註：為了方便計算，圖標進行了重新拼合，背景顏色取自部分用戶的背景欄實際情況。）

可以看出，在暗背景上（包括題目給出的圖），其用於平衡的框元素因為削弱，導致整個圖標的重心嚴重失衡，在顯著性圖上直接缺了一塊。在更小的情況下，可視性會進一步損失，甚至可能導致將兩個圖標看成一個的情況發生。

不同背景區別有多大？下面是兩種背景情況的顯著性圖。

左Mac版的新標誌，右Windows版的新標誌，下同。

白色底，設計相對平衡。

深灰色底，因為框元素的減弱，設計失衡。因此框的出現，推測是為了平衡圖標的小量的旋轉，但是未充分考慮大部分情況，導致暗背景時出現比較嚴重的不平衡。此外，選用的橙色，在這種情況下會進步加重失衡的情況。

不同顏色的標誌及其在不同背景下的顯著性。綠色版本曾經是方案之一，紫色和藍色版本也在新版的其他標誌中有使用。

橙色相對其他顏色顯著地改變了圖標的平衡性。在亮背景時，可以看作框及平分在框中的三個顯著區域，圖標的旋轉反而不明顯。在暗背景下，都存在不均衡，其中橙色版本最為明顯。圖案旋轉成了奇怪的類似加了橫杆的阿迪達斯標誌，其原來所具有的空間感消失。相比，其他配色，橙色的不均衡最明顯，特別是L形狀。

其實，issue里的最初設計挺好看的，新的VS標誌也還可以，但是為什麼要轉一下，就實在不得而知了。

Update icon · Issue #6607 · Microsoft/vscode

最後，需要聲明的是，以上運用的計算設計，是假設觀者都是真空中的球形雞的理想情況。

換句話說，是根據我需要解釋的結論計算的。嘻嘻。

此外，我個人認為這已經是同時符合多個約束條件下，比較優的解了。

---

改名部不好下手，成立個換色部吧…

---

昨天更新了之後以為中了什麼流氓軟體，Logo好醜

---

這個是 Visual Studio 系列的統一圖標，和 VS 2017 只有配色不同。

說實話我覺得 Visual Studio 不適合作為品牌名稱，還不如叫 Visual，VS 叫 Visual Studio，VS Code 叫 Visual Code，又簡練又不容易混淆。

已經有好幾次了，專做前端或者 java 的同學向我吐槽「Visual Studio 是挺好用，但是功能好少啊，感覺遠不如 idea 強大，為啥吹得那麼厲害」。這時候我就會打開虛擬機，默默給他看真正的 Visual Stduio 完全安裝之後的文件目錄有多大，然後跟他說「你看見的那個叫 Visual Studio Code，和 Visual Studio 是兩回事兒」……

---

瀉藥

很明顯這個版本的VS Code圖標抄襲了我的配色(滑稽

macOS圖標是icns文件。替換的方法百度即可 適用於各種應用

下載自取：

鏈接: http://wp.zju.link/Code.zip

留百度盤（劃掉）會被建議修改么

---

不就是漢字 刈 嗎

---

改名部感覺光改名以後不好完成kpi了…
未雨綢繆開始試水改顏色和改圖標了…

---

還是sublime text新圖標好看

---

越來越丑（逃

---

確定不是用sublime的新圖標通過矩陣變幻得來的？

---

新Logo：

我前面撞在了牆角，而且後面也被砍了一刀。

---

VSCode Logo又改回藍色後, 也挺好看.

---

分享下自己拿JET BRAINS其他軟體背景修改製作的VSCode Logo, 取了2套名字 VC 和 VS (文件名中的-app -php -Web是背景來源軟體標註, 不用在意)

鏈接: https://pan.baidu.com/s/1i4E3YRj 密碼: crhi

Mac下替換方式是(Windows應該類似, Baidu):

1, 應用程序里找到VSCode,右鍵→顯示簡介

2, 拖拽喜歡的圖標到簡介的小圖標上, 出現綠色的+號, 鬆開滑鼠即可

替換後, 看著順眼, 打開它的慾望也提高了呢(^o^)/~

---

逼急強迫症！！！
我真的好想把它擺正啊( _ )

---

從個人好惡來講「比原來丑」

---

差點直接給卸載了

---

前行遇阻，後續乏力

---

Sublime text 換新logo，Visual Studio Code 換新logo。都變黃了，還以為這兩個編輯器有什麼py交易。

---

說實話有點丑

---

推薦閱讀：