圖示和名稱使用指南
關於使用 Visual Studio Code 和 VS Code 圖示與名稱的所有須知。
圖示
正確的圖示
Visual Studio Code「穩定版」圖示
藍色圖示代表 Microsoft Visual Studio Code,應在任何適當之處使用。
替代圖示
僅在對比度不足時才使用白色變體 (例如,在藍色背景上)。
錯誤的圖示
請勿使用這些圖示

請勿使用綠色圖示 (VS Code Insiders) 或橘色圖示 (VS Code Exploration)...

...或應用程式圖示...

...或復古圖示
圖示使用方式
標誌間距

請確保圖示周圍從最近邊緣算起的淨空間量,相當於「魚」主題的 25% 比例。
我們允許的事項
在文件或教學 (文字和影片格式)、部落格文章、關於 Visual Studio Code 的新聞報導中使用圖示。
使用圖示連結到我們的網站 (code.visualstudio.com)。
我們不允許的事項
使用圖示來識別或宣傳您自己的產品、服務、應用程式、VS Code 擴充功能、部落格、Podcast、電子報、影片、頻道等。
以任何方式使用我們的圖示,將您的產品或服務與 Microsoft 或其品牌產生關聯。
販售印有我們圖示的商品或其他產品。
將 VS Code 圖示整合到您的標誌中。
將圖示用作 Visual Studio Code 或其他品牌的鎖定標誌 (例如,請勿將圖示作為標誌與「Visual Studio Code」名稱配對使用)。

以不同風格修改或重新繪製圖示。

在圖示中新增文字、圖片或背景。

拉伸圖示、變更圖示的長寬比,或使「魚」變形。
色彩
我們的色票
RGB (0, 152, 255)
#0098FF
RGB (0, 122, 204)
#007ACC
RGB (0, 101, 169)
#0065A9
RGB (243, 243, 243)
#F3F3F3
RGB (68, 68, 68)
#444444
RGB (37, 37, 38)
#252526
品牌名稱
我們允許的事項
請在第一次提及時使用「Visual Studio Code」。
請注意正確的大小寫和間距 (請勿使用「vscode」、「VSCode」、「VSC」或「Code」)。
如果您需要區分網頁版和桌面版,請將網頁用戶端稱為「VS Code 網頁版」,將桌面用戶端稱為「VS Code 桌面版」。
我們不允許的事項
在您的網站、產品、服務或網域名稱中使用產品名稱 — Visual Studio Code 或 VS Code。
將您的產品、應用程式或專案命名為任何暗示 Microsoft 或 Visual Studio Code 團隊認可的名稱。
您是否為 Visual Studio Code 製作內容 (擴充功能、訓練教材等)?
如果是,當您想要表示您的內容是針對 Visual Studio Code 最佳化、與其相關或適用於 Visual Studio Code 時,請使用以下格式來命名您的內容
正確:適用於 Visual Studio Code 的 [我的擴充功能名稱]
不正確:Visual Studio Code [我的擴充功能名稱]
詢問品牌問題
關於品牌問題的聯絡方式
- 當您想要使用本頁面未包含的美術作品時。
- 當您想要在影片或主流媒體中使用圖片時。
- 當您想要以這些指南未允許的任何方式使用 Visual Studio Code 或 VS Code 名稱或圖示時。
- 當您對這些指南有疑問時。
將您的品牌問題寄送至 vscode at microsoft.com,或在 Twitter 上傳送訊息給 @code。
法律聲明
Visual Studio Code、VS Code 和 Visual Studio Code 圖示是 Microsoft Corporation 的商標。保留所有權利。