이 출시되었습니다! 11월의 새로운 기능 및 수정 사항을 읽어보세요.

아이콘 및 이름 사용 가이드라인

Visual Studio Code 및 VS Code 아이콘과 이름 사용에 대해 알아야 할 모든 정보입니다.

아이콘

올바른 아이콘

VS Code icon

Visual Studio Code "안정" 아이콘

파란색 아이콘은 Microsoft Visual Studio Code를 나타내며 적절한 경우 모든 곳에서 사용해야 합니다.

VS Code icon (white)

대체 아이콘

흰색 변형은 대비가 충분하지 않은 경우에만 사용하십시오 (예: 파란색 배경).

아이콘 팩 다운로드 아이콘 다운로드 PNG 및 SVG 파일 포함

잘못된 아이콘

이 아이콘은 사용하지 마세요.

Do not use: VS Code 'insiders' or 'exploration' icons (green and orange respectively) Do not use

녹색 아이콘(VS Code Insiders) 또는 주황색 아이콘(VS Code Exploration)은 사용하지 마세요...

Do not use: VS Code app icon (for example the macOS app icon) Do not use

...또는 앱 아이콘...

Do not use: older VS Code logos and/or app icons Do not use

...또는 이전 아이콘

아이콘 사용

로고 간격

VS Code icon with proper spacing shown

아이콘 주위의 여백은 "fish" 모티프의 25% 크기와 동일하도록 하세요.

 

허용되는 사항

확인

Visual Studio Code에 대한 설명서 또는 튜토리얼(텍스트 및 비디오 형식 모두), 블로그 게시물, 뉴스 기사에 아이콘 사용.

확인

저희 웹사이트(code.visualstudio.com)로 연결하기 위해 아이콘 사용.

허용되지 않는 사항

안됨

자체 제품, 서비스, 애플리케이션, VS Code 확장, 블로그, 팟캐스트, 뉴스레터, 비디오, 채널 등을 식별하거나 홍보하기 위해 아이콘을 사용하는 것.

안됨

Microsoft 또는 해당 브랜드와 어떤 식으로든 연관시키기 위해 저희 아이콘을 사용하는 것.

안됨

저희 아이콘이 포함된 상품 또는 기타 제품 판매.

안됨

Visual Studio Code 아이콘을 자체 로고에 통합하는 것.

안됨

Visual Studio Code 또는 다른 브랜드를 위한 잠금 장치로 아이콘을 사용하는 것 (예: 아이콘을 "Visual Studio Code" 이름과 함께 로고로 사용하지 마세요).

안됨
아이콘의 수정된 버전 생성, 예:
Example of a VS Code icon re-drawin in a different style and with different colors Do not use

다른 스타일로 아이콘을 수정하거나 다시 그리는 것.

Example of text and background added to the VS Code icon Do not use

아이콘에 텍스트, 이미지 또는 배경을 추가하는 것.

Example of the VS Code icon stretched and transformed Do not use

아이콘을 늘리거나, 아이콘의 가로 세로 비율을 변경하거나, "fish"를 왜곡하는 것.

색상

저희 색상 팔레트

 
CMYK (71, 35, 0, 0)
RGB (0, 152, 255)
#0098FF
 
CMYK (83, 47, 0, 0)
RGB (0, 122, 204)
#007ACC
 
CMYK (93, 61, 5, 0)
RGB (0, 101, 169)
#0065A9
 
CMYK (3, 2, 2, 0)
RGB (243, 243, 243)
#F3F3F3
 
CMYK (67, 60, 59, 44)
RGB (68, 68, 68)
#444444
 
CMYK (72, 66, 63, 70)
RGB (37, 37, 38)
#252526

브랜드 이름

허용되는 사항

확인

첫 번째 언급 시에는 “Visual Studio Code”를 사용하세요.

확인

올바른 대소문자와 띄어쓰기를 주의하세요 (“vscode”, “VSCode”, “VSC”, 또는 “Code”라고 쓰지 마세요).

확인

웹과 데스크톱을 구분해야 하는 경우, 웹 클라이언트는 “VS Code for the Web”으로, 데스크톱 클라이언트는 “VS Code Desktop”으로 지칭하세요.

허용되지 않는 사항

안됨

웹사이트, 제품, 서비스 또는 도메인 이름에 제품 이름인 Visual Studio Code 또는 VS Code 사용.

안됨

Microsoft 또는 Visual Studio Code 팀의 보증을 암시하는 이름으로 제품, 애플리케이션 또는 프로젝트의 이름을 짓는 것.

Visual Studio Code용 콘텐츠(확장 프로그램, 교육 자료 등)를 만드시나요?

그렇다면, Visual Studio Code에 최적화되었거나, 관련이 있거나, 함께 작동함을 나타내기 위해 콘텐츠 이름을 지정할 때 다음 형식을 사용하세요.

확인

올바름: Visual Studio Code용 [내 확장 프로그램 이름]

안됨

틀림: Visual Studio Code [내 확장 프로그램 이름]

VS Code에서 열기

확인

작업 레이블은 "VS Code에서 <작업>" 형식으로 지정하세요. 사용자의 특정 시나리오에 맞게 Open, Create 또는 Edit으로 <작업>을 대체하세요.
예를 들어, "VS Code에서 열기" 또는 "웹용 VS Code에서 편집"과 같습니다.

확인

웹과 데스크톱 버전을 구분해야 하는 경우, 승인된 브랜드 이름인 "VS Code for the Web"과 "VS Code Desktop"을 사용하세요.

확인
다음 버튼 형식을 사용하세요.

Image of a button to Open in VS Code

VS Code에서 열기

파일/프로젝트를 VS Code에서 열기 위한 옵션이 하나만 있을 때 이 옵션을 사용하세요.


Image of a button to Open in VS Code for the Web

웹용 VS Code에서 열기

이 옵션은 파일/프로젝트가 웹용 VS Code에서 열림을 나타냅니다.


Image of a button with multiple options to Open in VS Code

VS Code에서 열 수 있는 여러 옵션

이 옵션은 파일/프로젝트를 웹용 VS Code 또는 VS Code Desktop에서 열 수 있는 옵션을 제공합니다.

안됨

제품 이름을 약어 또는 대체 용어로 사용하지 마세요. 예를 들어, "VS Code(웹)에서 열기" 또는 "VS Code(데스크톱)에서 시작"과 같이 사용하지 마세요.

브랜드 관련 질문

문의할 브랜드 관련 질문

  1. 이 페이지에 포함되지 않은 아트워크를 사용하고 싶을 때.
  2. 비디오 또는 주류 미디어에 이미지를 사용하고 싶을 때.
  3. Visual Studio Code 또는 VS Code 이름 또는 아이콘을 이 가이드라인에 허용되지 않는 방식으로 사용하고 싶을 때.
  4. 이 가이드라인에 대한 질문이 있을 때.

브랜드 관련 질문은 vscode@microsoft.com으로 보내거나 Twitter에서 @code로 메시지를 보내세요. @code.

Visual Studio Code, VS Code 및 Visual Studio Code 아이콘은 Microsoft Corporation의 상표입니다. 모든 권리 보유.

© . This site is unofficial and not affiliated with Microsoft.