Vscode: UI 전체의 아이콘에서 일관성없는 무게와 색상 사용

+1, 아이콘 세트에는이를 소유하고 수정하는 챔피언이 필요합니다. 활동 표시 줄에서 사용하는 아이콘의 팬이 아니었다는 점을 덧붙이고 싶습니다.

@bpasero 특히 활동 표시 줄 아이콘에 대해 무엇을; 크기, 스타일?

예, 활동 막대는 그것이 제공하는 것보다 더 작을 수 있습니다. 기본적으로 우리가 사용하는 모든 아이콘은 거의 4 년이 지났는데, 일반적인 페이스 리프트를 사용하면 모든 아이콘을 동기화 할 수 있습니다.

그래서 우리는 새로운 Microsoft 디자인 언어와 일치하는 몇 가지 새로운 아이콘을 작품에 가지고 있습니다 (두꺼운 채우기 대신 획을 사용하는 더 깨끗하고 현대적인 아이콘).

좋은 포인트 @Tyriar. 패널, 색상 등에 대한 최근 논의에서 UI 및 UX 개편을 살펴보아야한다고 생각합니다. 제품이 발전함에 따라 UX 및 UI 부채를 충분히 확보하여 해결해야합니다.

또한 통합 터미널에 최근 도입 된 아이콘을 좋아하지 않는다는 점도 인정해야합니다.

그들은 우리의 다른 아이콘 세트에 전혀 맞지 않는 것 같습니다. 또한 드롭 다운 메뉴와 쉽게 혼동 할 수 있으므로 "숨기기"아이콘이 의심 스럽습니다.

@bpasero 아이콘의 일관성은 @ bgashler1 이 이것이 우리가 향하고있는 방식이라고 언급함에 따라 시간이 지나면 해결 될 것입니다 (일관되지 않은 1 개 또는 2 개의 릴리스가있을 수 있습니다). @ bgashler1은 실제로 미니 터미널 (> 주위의 상자)과 +/- 기호가있는 꽤 멋진 아이콘을 상단 모서리에 표시했습니다. 이에 대한 논쟁은 아이콘의 가장 중요한 부분 (+/-)이 가장 작은.

새로운 닫기 아이콘에 대한 논의는 https://github.com/Microsoft/vscode/issues/8018 을 참조

@bpasero 일관성 문제에 대해 완전히 들었습니다. 우리가 할 수있는 일은 새 아이콘 세트를 기다리는 동안 일관성을 유지하기 위해 이러한 아이콘을 이전 모양 (두꺼운 획 두께)에 이식하는 것입니다.

사용 가능할 때 아이콘 세트를 살펴보고 싶습니다 👍

@ bgashler1 이것에 대한 업데이트가 있습니까?

나는 이것을 얻고 싶지만 우선 순위가 다른 것들로 옮겨졌습니다. 또한 이것에 대해 내가 직접 말할 수있는 약간의 속도 범프가 있었다.

어두운 테두리는 회색 배경에서 특히 어색해 보입니다.

https://marketplace.visualstudio.com/items?itemName=rebornix.nova

@Tyriar 이것은 후광이며 여기에 속하지 않는다는 것이 맞습니다. 우리는 결국 그들을 꺼내게 될 것입니다.

IMHO, 미학적 측면에서 아이콘은 편집자의 최악의 부분입니다. 그들은 정말로 더 진지하게 받아 들여야합니다.이 문제는 1 년이 넘었습니다!

"출력"패널에 사용 된 아이콘을보십시오.

잘못되었을 수있는 거의 모든 작업이 수행되었습니다. 회색, 스타일 및 모양의 일관성없는 음영 (X 아이콘), 최대화 / 최대화 해제 아이콘이 기능을 제대로 설명하지 못함, "출력 스크롤 잠금 전환"아이콘이 iOS 암호 관리자 또는 무언가를 표시하는 것보다 사용자 정의 CSS를 통해 숨기는 것을 선호합니다.

또한 전체 "클릭시 확대"효과가 상당히 산만 해져서이를 사용하는 다른 앱을 생각할 수 없습니다. 이걸보고보고 싶은 게 있으면 알려주세요.

귀하의 의견 @fabiospampinato에 감사드립니다. 안타깝게도 지금은 아이콘 문제를 해결할 능력이 없습니다. 어느 시점에서 우리는 희망하지만 당신이 정확히 지적했듯이이 문제는 1 년이 넘었습니다.

/ cc @chryw

이 문제를 해결할 때 우리가해야 할 일은 컴포넌트간에 아이콘 이미지 파일을 공유하는 것이므로 동일한 이미지를 여러 개 메모리에로드하지 않습니다.

아마도 옥 티콘 은 필요한 모든 아이콘으로 확장되어야합니다. 이런 식으로 확장 프로그램에서도 사용할 수 있습니다.

사소한 문제이지만이 방법으로 해결할 수있는 하나의 문제 : 내가 만든 하나의 확장에 대해 refresh 아이콘이 필요했고 VSC에서 사용하는 것과 동일한 것을 사용하고 싶었 기 때문에 실제 파일을 찾아서 포함해야했습니다. 신장. 해당 아이콘이 변경되면 내 확장 프로그램의 아이콘이 일관성이 없다고 느껴집니다. VSC가 사용하는 것을 참조 할 수 있다면이 문제는 발생하지 않습니다.

이것의 한계는 모든 아이콘이 나중에 CSS를 통해 결합되지 않는 한 단색이어야한다는 것입니다.

이 혼란의 근본 원인은 아이콘이 svg 파일의 폴더로 가져온 다음 초기 단계부터 느슨한 파일로 모든 곳에 연결 되었기 때문입니다. 아이콘을 제공하는 더 중앙 집중식 방법이 있어야합니다.
아이콘을 구성 요소간에 공유해야한다는 @Tyriar 의 제안을 정말 좋아합니다. 나는 또한 @fabiospampinato 가 옥 티콘과 단색 (필요한 경우 + 잠재적 CSS 스타일링)을 가져 오는 것을 좋아합니다.

지금 @stevencl이 말했듯이 공식적으로이 문제를 해결하기에 충분한 대역폭이 없습니다. 그러나 개인적으로 저는 다음과 같은 대략적인 할 일 목록이 있습니다.

• 현재 사용중인 모든 아이콘 감사
• 스타일 결정
  
  
  
  • VS 아이콘 스타일-https: //vsicons.azurewebsites.net/
  
  
  • Microsoft의 새로운 아이콘 스타일-다음과 같습니다.
    
    
    
    및 https://developer.microsoft.com/en-us/fabric#/styles/icons
  
  
  • 다른 것
  
  

• 형식 및 아이콘 사용 방법 결정
  
  
  
  • 아이콘 글꼴 (커뮤니티가이 옵션을 선호하지 않을 것이라고 생각합니다. 그러나 자산을 중앙 집중화하는 가장 쉬운 방법이며이 접근 방식에 더 익숙합니다)
  
  
  • svg
  
  
  • Octicons처럼 제공 하시겠습니까? 내 전문성은 아니지만 개발자들은 이것을 좋아할 것입니다.
  
  
  • 어쨌든, SVG 파일을 모든 곳에 던지지 말고 테마에 두 개의 svg 파일을 사용하지 마십시오.
  
  
• UX의 게이트 키퍼가 "자사"항목을 감시하도록합니다.

가시성을위한 @chrisdias

@chryw @fabiospampinato 😜을 의미한다고 생각합니다.

@FabianLauer 감사합니다 자동 완성 ... 고정. 소음 죄송합니다!

@chryw 나는 아이콘
@chrisdias UX 회의 중 하나에서이 문제를 논의해야합니다.

# 45765에서 휴지통 아이콘이 삭제를 의미하는지 명확하지 않았고 테마가 UI 아이콘을 재정의 할 수 있다고 제안했습니다.

이 3 개의 아이콘은 4 명의 다른 사람이 만든 것 같습니다.

이 ~ 2 년 된 호에 진전이 있었습니까?

이 문제의 해결에 기여할 수있는 방법이 있습니까?

크기와 스타일이 일관되도록 아이콘 통합 작업을 시작할 것입니다.

@fabiospampinato 아이디어 / 제안이 있으면 듣고 싶습니다 😃

@ misolori 확실히, 나는 다음과 같이 문제에 접근 할 것입니다.

• 일부 아이콘을 다른 아이콘과 더 일관되게 조정하는 대신 모든 아이콘을 처음부터 스타일이 일관되도록 설계된 다른 아이콘 세트로 대체합니다. 누락 된 아이콘을 디자인합니다.
  
  
  
  • @ bgashler1 은 2 년 전에 새로운 아이콘이 만들어
  
  

• "최소한"아이콘 만 사용하고 후광, 불필요한 테두리, 색상을 사용하지 마십시오. 앞서 언급 한 아이콘 세트에 이러한 속성이 있다고 가정합니다.

  • Btw 지금도 색상이 일관되지 않게 사용되고 있다고 생각합니다. 아래의 어두운 버튼에서 파란색을 띠는 "마이너스"글리프를 명확하게 볼 수 있습니다. 라이트 버튼도 마찬가지입니다.

  

  • 또한 밝은 테마의 아이콘 (실제로는 _some_ 아이콘)에는 테두리가 있고 어두운 테마의 아이콘에는 테두리가 없습니다.

  




• 필요한 모든 아이콘으로 옥 티콘을 확장하십시오. 현재 단색 아이콘을 사용하는 경우에만 수행 할 수 있습니다.



• 편집기에서 사용되는 모든 단일 아이콘을 now extend octions 글꼴에서 제공하는 아이콘으로 바꿉니다.


• "클릭시 확대"효과를 다른 것으로 대체하십시오.
  
  
  
  • 개인적으로 산만하다고 생각합니다.
  
  
  • 나는 이것이 다른 곳에서 사용되는 것을 본 적이 없습니다 (누군가가 그것을 사용하는 다른 앱을 알려줄 수 있다면 나는 진정으로 그들에 대해 아는 데 관심이있을 것입니다).
  
  
  • 현재 일부 확대 된 아이콘이 흐릿하게 보입니다. 벡터 이미지가 아니기 때문인 것 같습니다. 그렇다면 새 아이콘 세트에서는 문제가되지 않습니다.
  
  

가능한 향후 개발 :

• 확장 프로그램 작성자가 VSC 자체에서 사용하는 아이콘을 쉽게 사용할 수있는 방법이있을 수 있습니다. 지금 당장은 VSC에서 사용하는 실제 아이콘 파일을 찾아 확장에 포함시키는 것을 의미합니다. 이는 그렇게 간단하지 않으며 미래에도 보장되지 않습니다. 확장 된 octions 글꼴을 활용하여이 기능을 쉽게 추가 할 수 있습니다.
• 나는 색채 글꼴이 미래의 언젠가 크롬 / 전자에서 사용 가능할 것이라고 가정하는 것이 공정하다고 생각합니다 (https://www.colorfonts.wtf). 여러 가지 색상의 아이콘이 어떤 이유로 필요한 경우이를 가질 수 있습니다.
• 파일 유형 아이콘뿐만 아니라 모든 아이콘을 재정의하는 확장에 대한 지원을 추가하는 것은 매우 쉽습니다. 확장 프로그램 작성자는 VSC에서 사용하는 아이콘을 재사용 할 수 없기 때문에 현재로서는 제대로 구현할 수 없습니다. 따라서 해당 아이콘은 가상의 아이콘 확장으로 표시되지 않습니다.

내가 언급 한 모든 것을 도울 수 있다고 생각하지만 내 디자인 기술은 상당히 제한적이므로 누락 된 아이콘의 생성은 다른 사람이 더 잘 처리 할 수 ​​있습니다.

어떻게 생각해? 😃

@fabiospampinato 는 이러한 모든 제안에 확실히 동의하며, 이러한 모든 문제를 해결할 수 있어야한다고 생각합니다. 옥 티콘을 확장하고 누락 된 아이콘을 추가하여 완전한 세트를 만들고 모두 단색으로 만들 수 있기를 바랍니다 (중복을 줄이고 확장 / 테마에 도움이 됨). 그것이 @chryw 가 우리를 도울 수있는 것입니다 😀

@misolori 좋아요!

나는 이것에 대한 "명령의 사슬"이 무엇인지 그리고 우리가 이것을 시작하기 위해 다른 누군가의 승인이 필요한지 확실하지 않습니다. 병합 됨). 또한 @ bgashler1이 언급 한 아이콘의 상태가 무엇인지, 그리고 이것이 우리의 목적에 가장 적합한 아이콘인지 여부도 불분명합니다. 그러니 여러분이 이걸 알아 내 자마자 도움을 드릴 준비가 된 것 같아요 💪

@fabiospampinato 다음 단계는 다음 동기화에서 팀과 논의하여 합의를 얻고 거기에서 나아가는 것입니다. 합의가 이루어지면 다음 단계로이 스레드를 업데이트하겠습니다.

다른 Microsoft 아이콘과 관련하여 MDL (Microsoft Design Language) 아이콘이 있습니다. 그들은 더 가볍고 현대적이지만 현재의 옥 티콘 세트와는 상당히 다릅니다. 이것은 또한 팀과 논의 할 옵션 중 하나입니다. 옵션을 요약하려면 (이전 에이 작업 을 수행 한

1. 비주얼 스튜디오
2. 옥 티콘
3. MDL
4. 또는 완전히 새로운 세트

익숙하고 이미 사용하고 있기 때문에 2를 더 선호합니다.

@misolori 좋아, 이전 버전과의 호환성을 위해 옥 티콘이 제공하는 아이콘은 여전히 ​​글꼴에 포함되어야하며, 또는 확장 기능이 사용하기 때문에 옥 티콘이 제공하는 각 아이콘에 대한 새 아이콘이 글꼴에 포함되어야한다고 추가하고 싶습니다. .

@fabiospampinato 우리는 확실히 이전 버전과 호환됩니다 😄

한 가지 명심해야 할 점은 확장 작성자가 사용할 수 있도록 원래 Octicon이 추가되었다는 것입니다 (예 : 상태 표시 줄 또는 빠른 선택에서). 해당 세트의 일부가 아닌 Octicons에 새 아이콘을 추가하는 데주의해야한다고 생각합니다 (관련없이 Octicon이 최신 버전과 일치하는지 확인해야합니다 https://github.com/Microsoft/vscode/issues/36053). ). 따라서 Octicons와 유사한 글꼴을 사용한다면 아이콘에 대한 새로운 VSCode 글꼴을 제안 할 것입니다.

명심해야 할 또 다른 점은 아이콘을 코드 전체에 퍼뜨려서 모두 한곳에 있어야한다고 주장 할 수 있지만 현실은 코드가 독립적 인 구성 요소로 구성되어 있다는 것입니다 (https://github.com/ 참조). Microsoft / vscode / wiki / Code-Organization). 예를 들어, 통합 터미널은 워크 벤치에 대한 기여로 제공되므로 모든 터미널 아이콘을 imho 어딘가에있는 기본 VSCode 글꼴로 이동하는 것은 의미가 없습니다. 독립 실행 형 편집기는 VSCode와 독립적으로 사용할 수있는 구성 요소이므로, 예를 들어 워크 벤치 아이콘이 포함되지 않은 전체 아이콘 세트가 함께 제공되어야합니다.

그리고 오늘 빌드 타임에 아이콘이 작은 경우 아이콘을 데이터 URI로 인라인하여 VS Code의로드 시간을 개선하는 스크립트가 있습니다 (각 아이콘에 대한 디스크 액세스 방지). 가능하면 그 의미를 보존해야합니다 (예 : 글꼴 사용). 하지만 빌드 할 때 글꼴을 만들어야 할 수도 있고 제대로 작동하도록 CSS를 업데이트해야 할 수도 있습니다 (아마도 쉽지는 않습니다 ...).

예를 들어, 통합 터미널은 워크 벤치에 대한 기여로 제공되므로 모든 터미널 아이콘을 imho 어딘가에있는 기본 VSCode 글꼴로 이동하는 것은 의미가 없습니다.

좋은 지적. 나는 이것에 대한 명확한 해결책이 없다고 생각합니다. 문제를 해결하는 한 가지 방법은 각 구성 요소에 대한 글꼴을 갖는 것입니다. 나중에 이러한 모든 글꼴을 하나로 병합 할 수 있으며 필요한 경우 아이콘을 중복 제거 할 수 있습니다.

하지만 빌드 할 때 글꼴을 만들어야 할 수도 있고 제대로 작동하도록 CSS를 업데이트해야 할 수도 있습니다 (아마도 쉽지는 않습니다 ...).

내 프로젝트 에서이 정확한 문제가 있으며 기본적으로 다음과 같이 처리하고 있습니다 (SCSS를 사용하지만 CSS 변수를 대신 사용할 수 있다고 생각합니다).

• icon_name => ligature/codepoint 지도 유지
• 포함 된 모든 합자 / 코드 포인트를 iconsMap[icon_name] 바꿉니다.
• 이제 글꼴을 다시 빌드 한 후지도를 업데이트하고 CSS를 다시 컴파일하면됩니다.

그것은 나에게 잘 작동하며 합리적으로 쉽다고 생각합니다.

편집 : 실제로 코드 포인트 대신 합자를 사용하면 프로세스가 상당히 단순화됩니다.

머티리얼 디자인 아이콘 세트를 사용하는 것은 어떻습니까? 워크 벤치의 전체적인 외관이 크게 향상 될 것이라고 생각합니다. 실제로 프로젝트가 새로운 아이콘을 디자인하고 싶지 않은 경우 VSCode와 잘 통합되는 유일한 아이콘 세트라고 생각합니다.

내가 제안해야 할 아이콘은 다음과 같습니다. https://material.io/tools/icons/?icon=home&style=sharp

현재 아이콘과 관련된 몇 가지 문제는 다음과 같습니다.

1-장비 남용

이 중 하나는 정규식을 토글합니다. 그 중 두 개는 컨텍스트 메뉴를 엽니 다. 하나는 파일을 엽니 다. 우리는 어떤 장비가 어떤 동작을 수행하는지 임의의 사람에게 묻는 "그 장비를 추측"이라는 게임을 할 수 있습니다.

2-입력 지우기

이것은 꽤 큽니다.

3-경고 신호

이것은 단지 선호 사항 일 수 있지만 항상 중간 아이콘이 너무 좁다 고 생각했습니다.

4-힘내

@misolori 업데이트가 있으신가요?

@fabiospampinato 이것은 이번 달의 반복 계획에

이 시스템이 원하는 경우 사용자가 자신의 아이콘 세트를 제공 할 수 있도록 여러 아이콘 스타일을 지원할 수있는 방법이 있습니까? 색상 테마와 OS에 더 잘 맞도록 Microsoft 디자인 언어, 머티리얼 디자인, FontAwesome 등 아이콘간에 전환 할 수 있으면 좋을 것입니다.

@JamesCoyle 지금은 사용자 지정 아이콘을 지원할 방법이 없지만 현재 아이콘 재 작업의 일부로 논의 중입니다. 아이콘 글꼴을 사용하기로 결정하면 테마와 확장 프로그램이 사용자 지정 아이콘을 제공 할 수 있습니다.

아이콘 테두리와 배경 채우기는 특정 색상을 오버레이 할 때 아이콘에 더 많은 대비를 제공하는 데 도움이됩니다. 테두리는 사용자 또는 테마가 지시 할 수있는 제어 가능한 설정일 수 있습니다.

아이콘 글꼴을 사용한다면, 크로스 플랫폼 글꼴 렌더러가 아이콘의 날카로운 모서리를 불필요하게 앤티 앨리어싱하고 "흐릿하게"만들지 않도록 어떻게 보장 할 수 있습니까? 이것은 일반적으로 일관되게 렌더링되는 SVG와 비교하여 아이콘에 글꼴을 사용하는 일반적인 논쟁입니다 (아트가 그려지고 픽셀에 스냅된다고 가정).

또한 아이콘 색상 섹션은 어떻게 처리됩니까? 모두 단조로운 아이콘이 덜 뚜렷해 질 수 있다는 우려를 제기하고 싶지만 물론 모든 사람의 취향이 다르다는 것도 알고 있습니다. 색상을 지원하는 글꼴은 일반적이지 않으며 여러 글꼴이 겹쳐지는 것과 같은 "핵"은 좋은 해결책이 아닌 것 같습니다.

@mikehdt 우리는 아이콘 글꼴 (https://github.com/Microsoft/vscode/pull/65989 참조)을 사용하고 "흐릿한"문제가 발생하지 않은 자체 Octicons 포크를 만드는 과정을 실제로 진행했습니다 ( 우리는 이것을 win / mac / linux에서 테스트했습니다). 아이콘 색상의 경우 모든 아이콘을 단색으로 만들어 여러 색상의 모든 아이콘이 그에 따라 업데이트됩니다.

@misolori 이 반복을 완료하고 있습니까?

@Astrantia 아니오, 우리는 여전히 내부적으로 탐구하고 논의하고 있습니다. 업데이트가 있으면 여기에 게시하겠습니다.

@misolori 다시는 연기되지

이 항목에 대한 상태 업데이트입니다. 지난 몇 번의 반복 동안 우리는 아이콘 재 설계를 위해 몇 가지 다른 개념을 탐색했습니다. 이러한 탐색을 통해 달성하고자하는 주요 목표는 다음과 같습니다.

• 스타일, 색상 및 크기로 우리의 아이콘을 통합하십시오.
• 아이콘 시스템 통합
• UI 현대화 및 일관성 유지

이러한 목표를 염두에두고 내부적으로 논의한 최신 탐색 내용은 다음과 같습니다.

개요 스타일

이 스타일은 다양한 Microsoft 제품 (Windows, Office, Xbox 등)에서 일반적으로 사용되는 MDL (Microsoft Design Language) 아이콘 에서 많은 영감을 받았습니다. 선택할 수있는 많은 아이콘 풀이 있으며 어떤 확장이 잠재적으로 활용할 수 있으며 제품이 Microsoft 제품과 더 일관성을 갖도록합니다.

솔리드 스타일

이 스타일은 우리의 현재 스타일의 진화이며 여전히 친숙합니다. 이전 스타일과 동일한 아이콘 비유를 사용하고 모든 획 / 간격을 일관되게 만듭니다.

열린 질문

이것들은 모두 초기 탐색이지만 우리가 반복하는 동안 커뮤니티의 피드백을 받고 싶습니다. 올바른 검증없이 솔루션을 서두르고 싶지 않기 때문에 현재이 작업을 완료 할 목표 날짜가 없습니다. 또한 이러한 탐색에 대한 사용자 테스트를 수행하여 추가 유효성을 검사 할 것입니다. 다음은 답변해야 할 몇 가지 공개 질문입니다.

• 한 가지 스타일을 선택합니까, 아니면 둘 다 선택합니까?
• 확장자가 기본 아이콘을 덮어 쓰도록 허용합니까 (파일 아이콘 테마와 유사)?
• 아이콘 테마를 허용하는 경우 활동 표시 줄에서 확장 아이콘을 어떻게 처리합니까 (이로 인해 충돌 스타일이 발생할 수 있음)?
• 아이콘 테마를 허용하면 파일 아이콘 테마와 비교하여 어떻게 관리됩니까 (두 번째 "아이콘"테마가 도입 됨)?

Insider에서 두 아이콘 세트를 옵션으로 사용하여 스핀을 줄 수 있다면 좋을 것입니다. 한동안 일상적인 사용 없이는 많은 피드백을 줄 수 없지만 아이콘은 저에게 상당히 일관되게 보입니다.

그래도 현재 Git, Debug 및 Extension 아이콘의 디자인이 더 마음에 듭니다. MDL로 이식 할 수 있을까요?

확장 프로그램이 기본 아이콘을 덮어 쓰도록 허용합니까?

아니오라고 말하고 싶습니다. 기본 제공 기능은 일관된 시각적 정체성과 연결되어야합니다.

@misolori 솔리드 스타일이 더 좋아 보인다고 생각하지만 탐험은 +1합니다. 또한 아이콘의 색상이 제거되어 좋을 것이라고 가정합니다.

Octicons와 관련하여, 반드시 MDL의 일부는 아니지만 새로운 아이콘과 동일한 지침을 따를까요?

+1 개요 스타일. 나는 여전히 아이콘이 너무 바로크 적이라고 생각하고 일부는 너무 복잡하다고 느낍니다. "저장"아이콘에있는 플로피 디스크를 보면 너무 상세합니다. 그렇게 생각하지 않습니까?

개인적으로 더 많은 옵션에 투표합니다. 둘 다 선택하는 것이 최선의 IMO이지만 둘 중 하나가 현재 제공되는 것보다 훨씬 낫습니다.

사용자 정의 아이콘 세트를 정의하는 기능은 특정 아이콘 스타일에 이미 익숙하고 해당 아이콘을 더 잘 인식 할 수있는 사람들에게 환상적 일 것입니다. 저는 개인적으로 Atom에서 머티리얼 디자인 아이콘을 사용했으며 훨씬 더 익숙한 스타일을 선호합니다.

아이콘 테마를 허용하는 경우 활동 표시 줄에서 확장 아이콘을 어떻게 처리합니까 (이로 인해 충돌 스타일이 발생할 수 있음)?

새로운 아이콘 스타일에 대한 저장소를 도입하고 사용자가 유용한 아이콘을 제안 할 수 있도록하는 것은 어떻습니까? 그런 다음 사용자 정의 아이콘 세트는 공식 아이콘 세트를 따르기 위해 계속 업데이트하면됩니다.

개요 스타일이 더 좋습니다. 이것은 결국 마이크로 소프트 제품이기 때문에 그와 비슷하게 작동해야합니다.

Solid 대 Outline은이 기사에서 최근 논의되었습니다 : https://uxmovement.com/mobile/solid-vs-outline-icons-which-are-faster-to-recognize/

tl; dr : 솔리드가 인식에 더 좋습니다. 그러나 일부 아이콘은 Outline보다 더 좋습니다. 어쨌든 효율적인 인식을 위해 따라야 할 몇 가지 규칙이 있습니다.

저에게 물어 보면 위에서 공유 한 두 가지 예의 단색 아이콘이 더 잘 알아볼 수있었습니다. 윤곽이 지저분 해 보이며 가까운 공간에서 많은 평행선이 싸우며 인식을 방해합니다.

나는 또한 개요 스타일에 투표합니다. 그리고 일반적으로 더 많은 사용자 정의를 선호하지만 테마를 통해 핵심 아이콘을 변경하는 것은 좋은 생각이 아닙니다.

복잡성을 추가하는 것이 아니라 레이아웃 모양 및 아이콘과 같은 핵심 요소를 일관성을 위해 사용자 정의 할 수 없어야한다고 생각합니다 (이것이 아톰의 "레이아웃"테마를 좋아하지 않는 이유이기도합니다).

하지만 채우기 / 윤곽 사이에서 스타일을 변경하는 옵션을 추가하는 것이 사용자 정의 대 일관성 + 복잡성을위한 좋은 중간 솔루션이라고 생각합니다.

또한 이유는 모르겠지만 그 버그 아이콘을 좋아합니다 haha
특히 윤곽선

@misolori 잘 했어요 👏

한 가지 스타일을 선택합니까, 아니면 둘 다 선택합니까?

저는 한 가지 스타일을 사용하고 테마를 통해 해당 아이콘을 사용자 정의 할 수 있도록 만들 것입니다.

저는 개인적으로 다음과 같은 이유로 솔리드 스타일을 선택합니다.

1. 예를 들어 확장 아이콘은 단색 스타일의 사각형 4 개로 구성되어 있지만 윤곽선 버전을 만들려면 8 개의 사각형이 필요합니다.

2. 현재의 아이콘이 제안 된 솔리드 스타일 아이콘에 더 가깝다고 생각하므로 더 친숙해 보입니다.

3. 때때로 사람들은 활동 중일 때 윤곽선 아이콘을 "채우기"선택한다고 생각합니다. 이것은 공유 된 gif에서 발생하지 않으며 약간 기대할 수 있습니다 🤔

확장자가 기본 아이콘을 덮어 쓰도록 허용합니까 (파일 아이콘 테마와 유사)?

예, 일부 사람들은 결국 사용자 정의 가능한 아이콘을 활용하는 고품질 테마를 내놓을 것입니다.

아이콘 테마를 허용하는 경우 활동 표시 줄에서 확장 아이콘을 어떻게 처리합니까 (이로 인해 충돌 스타일이 발생할 수 있음)?

확장 프로그램 작성자가 기본적으로 유사한 스타일의 아이콘을 사용 / 만들 수 있도록 기본 아이콘 스타일을 하나만 선택하는 것이 좋은 이유 일 것입니다.

대체 아이콘 팩에 대한 대체 아이콘 제작의 부담은 테마 작성자에게 져야한다고 생각합니다.

아이콘 테마를 허용하면 파일 아이콘 테마와 비교하여 어떻게 관리됩니까 (두 번째 "아이콘"테마가 도입 됨)?

확실하지 않습니다. "파일 형식"아이콘 테마와 "앱"아이콘 테마가있을 수 있습니다 🤔

더 많은 피드백 :

• 클릭시 확대 효과가 사라 졌습니까?

• 사이드 바에있는 아이콘, 특히 프로젝트를 다시로드하기위한 아이콘이 너무 복잡해 보입니다.

• 그림자를 유지하는 것이 더 나은지 잘 모르겠습니다 🤔 그래도 대비에 도움이 될 것 같습니다 🤔

@fabiospampinato의 의견에 동의하세요. 나에게 튀어

지금까지 의견을 보내 주신 모든 분들께 감사드립니다!

대부분의 아이콘이 준비되면 @octref 내부자에서 열 수 있다고 생각합니다.

@beastdestroyer for Octicons 우리는 그것들을 우리 자신의 아이콘 (통일의 일부)으로 대체하게 될 것입니다. 이것은 우리의 새로운 스타일에 맞는 동일한 아이콘의 버전을 갖게 될 것임을 의미합니다.

@fabiospampinato 아이콘 크기에 좋은 눈, 우리는 이것을 해결할 것입니다. 원래 그림자는 아이콘이 다른 배경색에 비해 눈에 띄도록 추가되었으며 (아이콘이 고정 된 색상 이었기 때문에), 아이콘의 스타일을 동적으로 지정하여 대비를 높이는 방식으로이 문제를 해결하고자합니다.

나는 개인적으로 개요 아이콘의 개방 / 가벼운 느낌을 좋아합니다. 아이콘 자체가 시각적으로 더 간단한 것을 위해 다시 방문해야한다고 생각합니다. 또한 아웃 라인 버전이있는 활동 표시 줄의 경쾌한 느낌이 정말 마음에 듭니다. 배경으로 더 희미 해지고 메인 뷰와 많이 경쟁하지 않기 때문입니다.

1 개 또는 2 개 (또는 사용자 지정 가능) 스타일에 관해서는 확실히 1 개의 스타일 (이모가 제품의 정체성을 유도하는 데 도움이 됨)에 의지 할 것입니다. 하나 이상의 기본 제공 스타일을 사용하면 여러 스타일에 적응해야하는 확장 프로그램에 대한 많은 작업이 생성됩니다. 솔직히 말해서 1 세트의 아이콘을 만드는 것은 충분히 어렵습니다 😄. 또한 다른 스타일에 대한 아이콘을 지정할 수 있도록 새로운 "api"가 필요합니다 (이미 밝고 어두운 버전을 처리해야합니다).

접근성과 가독성 (@jvzr이 게시 한 링크 참조)이 "가장 잘 보이는"것 (어쨌든 주관적 임)보다 훨씬 우선되어야한다고 생각합니다.

개인적으로 제안 된 많은 아이콘 (단색과 윤곽선 모두)은 표시하려는 크기를 고려할 때 매우 바쁘고 너무 자세하다고 생각합니다.

@jvzr @smbkr 피드백에 감사드립니다. 우리는 스타일에 관계없이 이러한 아이콘의 가독성을 확실히 고려하고 있으며 추가 검증을 위해 사용자 연구를 수행하고 있습니다.

@smbkr에 동의합니다. 가끔 활동 표시 줄에서 활성 아이콘을 확인하는 데 어려움이있어 실수로 사이드 바를 접을 수 있습니다. 단색 아이콘과 윤곽선 아이콘만으로는 도움이되지 않을 것입니다. 활성보기가 더 밝고 / 더 하얀 아이콘으로 만 계속 표시되는 경우 내 투표는 단색 아이콘에 대한 것입니다.

그건 그렇고 나는 새로운 아이콘을 좋아합니다!

이 아이콘들을 밝은 색상의 테마로 비교하세요! 그 상황에서 단색 아이콘이 어떻게 생겼는지 모르겠습니다. 현재의 단색 아이콘은 약간 거칠어 보입니다.

어떤 테마를 사용하든 다른 인기있는 확장 (예 : Azure, GitLens)과 함께 작업하여 일치하는 아이콘을 제공 할 수 있다면 정말 멋질 것입니다.

또한 : 👍이 기능을 Insiders에서 설정하여 일상적으로 사용해 볼 수 있습니다!

두 가지 스타일에 모두 투표하지만 하나만 선택해야한다면 윤곽선이있는 아이콘을 사용합니다.

Microsoft에 맞는 윤곽선 스타일-기본값이어야합니다. 그들에게도 테마 지원이 있으면 좋을 것입니다.

Insider에서 두 아이콘 세트를 옵션으로 사용하여 스핀을 줄 수 있다면 좋을 것입니다.

또는 적어도 이전 / 이후 GIF.

나는 고체를 선호한다; 내 아이콘이 4k에서 너무 작기 때문에 더 많은 대비가 필요합니다.

개인적으로는 솔리드 스타일이 더 좋아요. 둘 다 훌륭하지만 UX 측면에서 볼 때 탄탄한 것이 더 간단하고 좋습니다.

또한 아웃 라인 스타일은 "마이크로 소프트"에 가깝지만 현실은 VSCode가 더 많은 OS에서 사용되며 솔리드 스타일로 모든 OS에서 더 좋아 보일 것입니다.

그리고 마지막으로 대부분의 확장 프로그램의 아이콘에서 솔리드 스타일이 더 좋아 보일 것이라고 생각합니다.

하지만 반복합니다. 둘 다 훌륭합니다. 😉

나는 단색 아이콘 위에있는 아이콘의 윤곽선 변형입니다. 또한 다른 사람들이 이미 말했듯이 개요는 다른 MSFT 앱의 아이콘 디자인과 함께 이동합니다.

채워진 아이콘은 구문 분석이 훨씬 쉬우므로 더 나은 옵션이라고 생각합니다.

큰 탭 아이콘의 경우 윤곽선, 작은 아이콘 (축소 등)의 경우 단색입니다.

그냥 @misolori 라고했지만,이 작업에 어떻게 접근했는지에 대한 자세한 블로그 게시물을보고 싶습니다. 일본에 존재하지 않음), 브랜딩과 플랫폼 룩앤필의 균형), 팀의 프로세스 / 워크 플로 등

@misolori MDL을 사용하면 OSS 라이센스 사용에 문제가 있다는 것을 모든 사람에게 알리고 싶습니다.

MDL 자산 (글꼴 / 아이콘)은 MIT 라이센스가 없습니다 . 저와 다른 사람들은 Office UI Fabric repo를 사용 하여 이것을 여러 번 제기했습니다.

OSS 라이선스 (MIT)를 손상시키지 않고 Solid를 선호하거나 MDL이 확장 기능으로 제공되는 경우

또는 더 나은 방법으로 글꼴 및 아이콘 (브랜드 아이콘 제외)을 OFL / MIT로 출시하도록 푸시하면 누구나 사용할 수 있습니다.

@gautamsi 예, 우리는 이것을 확실히 알고 있으며 MDL 소유자와 협력하여 MIT 라이선스로 어떻게 사용할 수 있는지 확인했습니다. 만약 우리가 할 수 없다면 우리는 MDL에서 영감을 얻은 우리만의 세트를 만들 것입니다.

라인 아이콘을 사랑하십시오.

저는 지금까지 Visual Studio Code 확장을 개발해 왔습니다. 내가 까다로운 점 중 하나는 VS-Code의 전체 디자인과 일치하는 무언가를 만드는 것이 었습니다.

누구나 관심이있는 경우 https://gimli.app/ 에서 확장에 대한 자세한 정보를 얻을 수 있습니다.

나는 기본적으로 윤곽선 아이콘을 좋아하지만 대부분의 기존 브랜드 로고는 "단단"하고 윤곽선을 그릴 때 많은 사람들이 나쁘거나 익숙하지 않게 보입니다. 일부는 법적 이유로 설명 할 수 없습니다.

Octocat의 오른팔과 도크의 상자와 같은 복잡한 부분은 부적절하게 렌더링되지만 더보기 좋게 만들기 위해 경로를 수정할 수는 없다고 생각합니다. Dropbox 로고는 인식하기 어렵습니다. 분명히 단색 아이콘과 윤곽선 아이콘의 혼합은 끔찍합니다. Windows와 달리 MS는 활동 표시 줄에 표시된 모든 것을 제어 할 수 없으므로 단색 아이콘이 더 안전하다고 생각합니다.

@smikitky 브랜드가 스타일을 바꾸도록 강요하지는 않을 것이며 대부분의 브랜드 가이드 라인에 위배 될 것입니다.

@misolori 그러면 우리의 액티비티 바는 두 가지 다른 스타일의 혼합으로 끝날 것입니다. 우리는 아이콘의 시각적 불일치를 해결하려고 노력하고 있습니다.

편집 : 내가 명확하지 않으면 미안하지만 내가 말하는 것은 vs 코드가 소유 한 _our_ 아이콘이 견고해야한다는 것입니다. 개요 아이콘의 기본 경험은 좋지만 사람들이 (일반적으로 견고한) 브랜드 아이콘으로 확장 프로그램을 설치하기 시작하면 일관성이 없을 수 있습니다. 이것은 내 Windows 10 작업 트레이에서 일어나는 일입니다. 그것은 외곽선 기본 아이콘과 견고한 타사 아이콘의 뒤죽박죽이며,별로 좋지 않다고 생각합니다.

물론, 앱에 나타날 수있는 모든 단일 브랜드 아이콘을 다시 만드는 것이 아니라 vs 코드가 "소유 한"아이콘을 일관성있게 만드는 것이 초점이라고 생각합니다.

@smikitky 예, 우리는 아이콘의 전반적인 일관성을 해결하려고 노력하고 있지만 다른 제품에 대한 브랜딩을 소유하지 않습니다. 따라야 할 확장에 대한 지침을 제공 할 수 있지만 궁극적으로 브랜드에 달려 있습니다 (일부는 솔리드 / 개요 버전을 제공합니다).

@smikitky 모든 브랜드를

확장 프로그램이 기본 아이콘을 재정의하도록 허용하세요. 새로운 스타일이 마음에 들지 않으며 현재 아이콘 몇 개만 수정하고 싶습니다.

@misolori 내부자에게 푸시 할 수 있습니까? 무엇을 멈추나요?

@ jared1000 우리는 현재 제안 된 두 스타일 모두에 대한 사용성 연구를 설정하는 과정에 있습니다. 또한 모든 사람이 곧 시험해 볼 수있는 맞춤형 빌드가 준비 되었으면합니다. 준비가되면 여기서 언급하겠습니다.

@misolori 탐사 빌드가 이제 새로운 아이콘을 사용하고 있다는 것을

@misolori 탐사 빌드가 이제 새로운 아이콘을 사용하고 있다는 것을

다운로드 링크를 줄 수 있습니까? 나는 그것을 찾을 수없는 것 같다

탐색 빌드는 여기 # 61787에서 사용할 수 있습니다. 링크 된 파일이 VSCode 탐색의 최신 빌드가 아닐 수 있으므로 업데이트를 설치 한 후 실행하는 것을 잊지 마십시오.

Iconography 재 설계 빌드

새로운 아이콘을 테스트하려는 사람들을 위해 빌드가 준비되었습니다. 우리는 대부분의 영역을 다루고 있지만 여전히 일부 영역이 누락되었습니다 (예 : 상태 표시 줄). 변경 사항이 정착 될 수 있도록 며칠 동안 빌드를 플레이하는 것이 좋습니다 . 이 아이콘은 최종 버전이 아니므로 계속 반복하고 있으며 여기에서 피드백을 받으시기 바랍니다.

아이콘 스타일 변경

이 빌드는 파일 아이콘 테마를 사용합니다. 테마를 변경하려면 Preferences > File Icon Theme 하여 VS Code Icon Explorations: Outline 또는 VS Code Icon Explorations: Solid 합니다. 기본값은 Outline 됩니다.

피드백 보내기

빌드를 탐색하면서 어떻게 생각하는지 알려주세요. 특정 아이콘에 문제가 있거나 특정 영역을 다루고 싶다면 아래에 댓글을 달아주세요.

_ 팁 : _ 설정 + 확장 프로그램을 마이그레이션하려면 설정 동기화 확장 프로그램을 사용하는 것이 좋습니다.

빌드 다운로드

이 빌드는 Electron 4.0.x 가있는 Exploration 빌드의 일부이며 Stable 및 Insiders와 함께 설치할 수 있습니다.

• macOS : 다운로드
• Linux : 다운로드
• Windows : 다운로드

안녕하세요 @misolori , 업데이트 및 빌드에 감사드립니다!

몇 가지 사항 :

• 전반적으로 사이드 바 아이콘이 그들이하는 일에 대해 훨씬 더 명확하다고 생각합니다. 특히 디버그 아이콘 및 확장 아이콘. 소스 제어 아이콘의 모양은 배지를 더 잘 수용하지만 조금 어색합니다.
• 나는 외곽선 스타일의 사이드 바 아이콘을 선호하지만, 나머지 앱에서는 단단한 아이콘을 선호합니다. 사이드 바의 시각적 무게 차이는 항상 vscode에서 이상하게 느껴졌습니다. 나는 그들이 더 응집력이 있는지 확인하기 위해 1.5pt의 스트로크 무게를 가진 테이크를보고 싶습니다.
• UI의 99 %가 딱딱한 사각형 일 때 "새 파일"/ "새 폴더"/ "모두 축소"아이콘의 모서리가 약간 둥글다는 것이 조금 이상합니다.
  
  (이것은 사이드 바의 파일 아이콘에도 적용됩니다)
• 개인적으로는 Mac에서 둥근 모서리와 Sentence Case 레이블이 플랫폼 미학과 더 잘 어울리기 때문에 선호하지만 지금까지는 UI 스타일에서 벗어났습니다. Framer의 코드 편집기는 monaco를 기반으로하고 있으며 다음과 같은 작업을 잘 수행한다고 생각합니다.
• Mac Retina에서 파일 아이콘이 흐릿합니다.
  
• 이 두 아이콘 세트 사이의 가중치가 일치하지 않습니다. 아직 업데이트되지 않았을까요?

다시 한 번, 디자인에 약간의 사랑을 주시고 피드백을 열어 주셔서 감사합니다 🥳

@darknoon 자세한 피드백에 감사드립니다. 흐릿한 아이콘을 다룰 것입니다. 아이콘에있는 곡선 / 대각선에 따라 그리드를 켜고 끄는 작업을 계속하고 있지만 눈에 띄는 (좋지 않은) 것이 좋다는 말을 들으니 좋습니다. Git 탐색기에서 해당 아이콘을 다시 살펴 보겠습니다.이 컨텍스트에서 균형 잡힌 것처럼 보이는 것을 볼 수 있습니다.

@dalDevelo 잠금 아이콘에 대한 피드백에 감사드립니다. 둘 사이에 더 강한 대조가 필요한지 궁금합니다.

@misolori 검색 아이콘에서 획이 더 얇아 보입니다.

모든 터미널 아이콘의 가중치가 꺼져 있고 + 비활성화 된 것처럼 보입니다 (Windows) :

@Tyriar 는 비 레티 나 화면에 있습니까? 일부는 픽셀 그리드에 완전히 배치되지 않기 때문에 약간 흐릿 할 수 있습니다.

@misolori 네 사무실의 와이드 스크린 모니터입니다

저는 아이콘 개요 버전의 팬입니다. 이렇게 해주셔서 감사합니다.

내 눈을 아프게하는 한 가지는 분할 아이콘입니다.

왼쪽 / 오른쪽 화살표는 나에게 분할을 의미하지 않으며 일종의 움직임을 의미하며 왼쪽과 오른쪽 모두 어디로 갈지 모르겠습니다 :).

기존 분할 아이콘의 업데이트 / 가벼운 버전을 얻을 수 있습니까?

@misolori 별의 수와 다운로드 수는 버전 번호보다 약간 높은 것 같습니다.

업데이트 된 빌드

모든 피드백에 감사 드리며 여기에 제기 된 문제를 해결하기 위해 탐색 빌드를 업데이트했습니다.

• 더하기 (+) 아이콘을 업데이트하여 1x에서 흐릿하지 않고 격자에 표시되도록합니다.
• 분할 아이콘을 업데이트하여 이전 버전에 가깝게 보입니다.
• 활동 표시 줄의 탐색기 아이콘을 업데이트하여 그리드에서 벗어나지 않도록합니다 (흐릿함)
• 더 강한 대비를 위해 잠금 해제 된 아이콘의 간격을 늘 렸습니다.
• 닫기 버튼, 더티 상태, 자동 수정 전구 및 접기 / 펼침 아이콘 업데이트
• 확장 뷰렛의 고정 정렬
• 아이콘을 제공 한 확장에 대한 Git 뷰렛의 버그를 수정했습니다 (회색 채우기 표시).

참고 : 이미 탐사 빌드가있는 경우 업데이트하라는 메시지가 표시되며 여기에서 최신 정보를 얻을 수 있습니다. 그렇지 않으면 아래 다운로드 링크를 사용할 수 있습니다.

• macOS : 다운로드
• Linux : 다운로드
• Windows : 다운로드

@misolori 멋지네요 . 내가 본 몇 가지 문제 :

검색 아이콘이 여전히 다른 아이콘에 비해 너무 얇아 보입니다.

{} 은 (는) 윤곽선과 채움 모두에서보기에는 너무 흐리거나 어렵게 느껴집니다. 또한 분할은 윤곽선 스타일에서 여전히 제자리를 벗어난 느낌입니다. 비교적 무겁습니다.

열린 편집기 그룹의 모두 저장 / 닫기 아이콘이 손상 되었습니까?

채워진 스타일에 대한 편집기 접기 아이콘은 크고 무겁습니다 (만약 내가 채워진 스타일을 사용하고 싶지 않게 만들 것입니다). 또한 외곽선 스타일의 팬도 아닙니다. 나무처럼 접는 화살표를 사용해 보는 것은 어떻습니까? (관련, 접기 컨트롤의 자동 숨기기 / 표시가 깨져있는 것 같습니다. 항상 표시됩니다)

윤곽 전구가 너무 미묘하고 채워진 전구가 너무 대담한 것 같습니다 (또는 전구 모양을 잃어버린 것과 비슷합니까?)

또한 개인적으로 더티 상태 표시기는 항상 점 (채워진 스타일과 같이)으로 유지됩니다-어쨌든 윤곽선과 채워진 스타일, imo를 따라야한다고 생각하지 마세요 😄

또한 체크 표시가 윤곽선 스타일에 대해 더 얇아 질 것이라고 생각하십니까?

@eamodio (빠른!) 자세한 피드백에 감사드립니다. 이것은 매우 도움이됩니다!

• 검색 아이콘 : 다시 시도해 보겠습니다. 너무 멀리 이동하지 않고 너무 픽셀 화하지 않고 두껍게 만드는 것이 어렵습니다.
• { } + split :이 부분을 수정하겠습니다.
• 그룹 편집자에서 깨진 아이콘을 찾아 주셔서 감사합니다.
• 접기 쉐브론을 사용하는 아이디어가 마음에 들어요.
• 전구, 나는 이것에 대해 약간 찢어졌습니다. 나는 외곽선의 단순함을 선호하지만 눈에 띄기에 충분한 무게를 가질 수 없습니다. 나는 이것을 위해 몇 가지 다른 스타일을 가지고 놀 것이다.

모두 닫기 / 모두 축소 아이콘은 여전히 ​​나에게 바쁘다고 느낍니다. 모두 저장과 같이 3 개가 아닌 2 개의 윤곽선으로 변경할 수 있습니까?

새로 고침 아이콘이 실제로 다른 아이콘보다 더 밝습니까?

IMO, 큰 기어는 좋아 보이지만이 크기에서는 너무 바쁘거나 너무 흐릿한 느낌이 듭니까?

좋아, 끝났어 😉

@eamodio 너무 많은 피드백 같은 것은 없습니다 😄

• 모두 닫기 / 접기-바쁘게 보임에 동의하며 추가 레이어를 제거하려고합니다.
• 새로 고침 : 둥글기 때문에 약간 픽셀 화되어 더 밝게 보일 수 있습니다. 넓게 만들면 더 흐릿하거나 너무 커집니다. 다시 해보겠습니다.
• 기어 : 가운데 원이 약간 픽셀 화되어있는 것 같습니다. 조정하거나 더 작게 만들 수 있습니다.

새로 고침 아이콘의 경우 보정을 위해 밝기를 약간 높일 수 있습니까?

@misolori 자물쇠 상태는 이제 잠금 또는 잠금 해제 상태로 훨씬 쉽게 식별 할 수 있습니다 👍🏼

@eamodio 가 검색 아이콘이 다른 것보다 얇다는 것에 대해 언급 한 내용에 대해 후속 조치를

과도하게 사용하지 않고 더 두껍게 만드는 것이 더 어렵다는 귀하의 답변을 보았지만 소스 제어, 디버그 및 확장 아이콘을 더 얇게 만들어 모든 균형을 맞출 수 있습니까?

아이콘을 얇게 만들면 눈에 덜 띄게 될 것 같아요

업데이트 된 탐사 빌드

❤️ 지금까지의 모든 피드백 덕분에, 우리는 이것을 테스트하는 데 걸리는 시간을 매우 소중하게 생각하며 계속해서 보내주십시오. 더 많은 수정 사항으로 빌드를 업데이트했으며 master 업데이트하여 최신 수정 사항을 포함하고 있습니다. 아이콘 수정 사항은 다음과 같습니다.

• 이제 검색은 나머지 활동 표시 줄 아이콘의 너비와 동일합니다.
• 모두 축소 / 닫기가 단순화되었습니다.
• 분할 편집기가 더 얇아졌습니다.
• 더티 상태는 이제 윤곽선 대신 채워진 점입니다.
• Gears / Refresh / Json이 픽셀 화를 개선하기 위해 크기가 조정되었습니다.
• 접기 / 펼치기는 이제 갈매기 형입니다 (당신의 생각을 알려주세요)
• 그룹화 된 편집기 및 오류 미리보기의 작업이 수정되었습니다.

참고 : 이미 탐사 빌드가있는 경우 업데이트하라는 메시지가 표시되며 여기에서 최신 정보를 얻을 수 있습니다. 그렇지 않으면 아래 다운로드 링크를 사용할 수 있습니다.

• macOS : 다운로드
• Linux : 다운로드
• Windows : 다운로드

@misolori 멋지네요! : shipit : 접기 / 펼치기 쉐브론을 정말 좋아합니다!

남은 유일한 관심사는 전구입니다. 오늘 파란 전구를 보았고 imo를보기가 더 어려웠습니다.

다음은 몇 가지 다른 nits입니다.

• 변경 사항 열기 아이콘이 매우 흐릿합니다.
  
• 파일 열기 아이콘은 위쪽 화살표 때문에 파일을 업로드하는 것 같은 느낌을줍니다.
  
• 다음 / 이전 변경 아이콘 (위)은 마음에 들지만 특히 하단 패널 (아래)이있는 다른 곳의 확장 쉐브론과 유사성이 걱정됩니다. 아니면 최대 / 최소 패널 아이콘이 변경되어야합니까?
  
• kill terminal 명령 (위)의 경우 휴지통은 올바른 은유 (imo)처럼 느껴지지 않습니다. 아마도 닫기 아이콘이나 터미널과 닫기의 콤보와 비슷할 것입니다. 이럴 수도 있지만 [x]가 닫혀 있습니까? + 터미널에도 비슷한 것을 사용할 수 있습니까 (+가있는 터미널)?
  
• 문제 패널에는 여전히 세 부분 모두 축소 아이콘이 있습니다.
  
• 디버그보기 (감시, 중단 점)에는 3 부분 닫기 아이콘이 있습니다.
  
• 디버그 콘솔 버튼은 터미널 아이콘 imo처럼 느껴집니다. 나는 오래된 것을 더 좋아한다고 생각합니다 (조금 더 나은 크기라면)-버튼이 전혀 필요하지 않다고 주장 할 수도 있지만
  
• 익숙해 져야 할 것 같은데, 언 스테이지 아이콘은 마이너스가 아닌 큰 대시처럼 보입니다.
  
• 커밋 체크 표시가 너무 작게 느껴집니다. 특히 새로 고침 옆에 있습니다.
  
• 미리보기 열기 아이콘이 미리보기처럼 느껴지지 않고 크기 조정이 꺼진 것처럼 보입니다. 또한 alt 명령을 잃어버린 것 같습니다 (동일한 편집기 그룹에서 미리보기를 열 것입니다)
  
• 아이콘 외에도 드롭 다운 화살표를 수정할 수있는 방법이 있나요? 중심에서 벗어 났고 좁습니다 (위의 드롭 다운에서 볼 수 있듯이)

아 그리고 마지막으로 상태 표시 줄 (주로 옥 티콘 때문에)이 외곽선 아이콘 (imo)에 맞지 않습니다.

@eamodio 🙏 항상 감사합니다

• 변경 사항 열기 :이 문제를 해결합니다.
• 파일 열기 아이콘 : 화살표를 오른쪽으로 가리킬 수 있습니다.
• 사용할 수있는 다른 다음 / 이전 세트가 있습니다. 축소 / 확장과 혼동 될 수있는 것이 공정하다고 생각합니다.
• 모두 축소 : 잡아 주셔서 감사합니다 (너무 많아요 😝).
• 디버그 콘솔 :이 콘솔에서 반복 할 수 있습니다.
• 언 스테이지 : 이걸 조금 줄여서
• 확인 표시 : 크기를 늘릴 수 있습니다.
• 미리보기 : 이것을 반복하고 분할 버튼과 같은 크기로 만들고 alt-command 아이콘을 수정합니다.
• 드롭 다운 아이콘 : 이것이 기본 드롭 다운이라고 생각하지만이를 조정할 수 있는지 확인합니다.
• Octicons : 다른 모든 항목을 업데이트 할 때도 업데이트됩니다 (아직 여기에 맞지 않음).

또한 위의 @eamodio 게시물에서 분할 창과 휴지통 아이콘이 터미널 창 (세 번째 이미지)에서 올바르게 정렬 (수직)으로 보이지 않습니다.

@dalDevelo 분할 아이콘은 픽셀 화를 피하기 위해 1px 씩 꺼야하기 때문에 까다 롭습니다. 휴지통 아이콘의 높이를 줄여 똑같이 보이도록 할 수 있습니다 (좀 이상하게 보일 수 있습니다).

@misolori 아마도 하단 정렬이 도움이 될까요?

입력 할 때 내부자 터미널을 열고 자세히 살펴보면 해당 아이콘이 해당 빌드에서 위쪽에 정렬되어 표시되는 것을 볼 수 있습니다. 선이 더 얇기 때문에 탐색에서 더 눈에 띄는 것 같습니다.

큰 문제가 아니라 실제로 관찰 한 것이었고 어쨌든 이미 알고 있었던 관찰이었습니다 😊.

사이드 바 "검색"의 경우 두께 문제로 인해 아이콘 전환을 고려할 수 있습니다. 나는 쌍안경과 같은 전체 프로젝트 (사이드 바 아이콘이하는 일)를 검색하는 다른 은유를 생각할 것입니다. 사이드 바 돋보기가 다른 도구에 대해서도 알지 못하는 "페이지에서 찾기"라고 생각하는 사용자가 있습니다.

이 스레드와 관련이 없지만 탐사 빌드에 대한 다른 정보가 있습니까? 아이콘에서 그것은 카나리아 버전처럼 보입니다. 이 문제가 완료된 후에도 계속 빌드됩니까?

@kurtextrem 탐색 빌드는 아직 내부자에게 푸시하고 싶지 않은 것을 테스트하는 데 사용하므로 테스트 놀이터 역할을합니다. 우리는 종종 새로운 버전의 전자 (또는 새로운 아이콘 😉)를 테스트 할 것이지만, 항상 탐사를 구축 할 것입니다.

여기 톱니 바퀴도 꽤 흐릿 해 보입니다. 일반적으로 단단한 것이 훨씬 더 좋아 보이는 것 같습니다!

이제 Insider에서 아이콘 탐색을 사용할 수 있습니다.

아이콘 탐색을 마무리 단계에 가까워지면서 Insiders 빌드 로 이동했습니다. workbench.iconExploration.enabled 설정을 통해 활성화 할 수 있습니다. 즉, 이제 자신의 파일 아이콘을 사용할 수 있습니다 😉. 상태 표시 줄에 이러한 아이콘이 아직 없지만 곧 제공 될 예정입니다.

또한 여기와 사용자 연구에 대한 피드백을 고려할 때 개요 스타일이 가장 긍정적 인 영향을 미치는 것으로 나타 났으며 스타일에 대한 방향으로 진행될 것입니다.

또한 탐사 빌드를 업데이트하지 않을 것이며 앞으로는 내부자를 사용할 것입니다. 이와 관련된 문제가 있으면 여기에 의견을 남겨주세요. 지금까지 피드백을 보내 주셔서 감사합니다. 정말 도움이됩니다!

위를보세요. 톱니 바퀴가 여전히 약간 모호합니다. 또한 코드가 개요 스타일 만 제공되거나 두 스타일이 모두 포함된다는 의미입니까?

활성 아이콘도 좀 더 굵게 만들 수 있습니까? 여전히 대비가 부족하여 구분하기가 더 어렵습니다.

@Stanzilla 설정 / 톱니 픽셀 화를 살펴 보겠습니다. GitHub / Twitter / Reddit 및 사용자 연구를 통해받은 피드백을 감안할 때 개요 스타일은 가장 긍정적 인 영향을 미쳤으며 해당 스타일과 함께 진행될 것입니다. 그리고 확장 기능과 아이콘이 제공하는 두 가지 스타일을 도입하는 복잡성을 감안할 때이를 지원하기 위해 확장에 많은 작업이 필요할 것입니다. 이를 위해서는 더 나은 아이콘 시스템이 필요하지만 한 번에 한 단계 씩 😄

@jtlowe 활성 / 비활성 활동 표시 줄 아이콘의 대비를 개선하려고합니다.

또 다른 사소한 문제를 발견했습니다. 정보 / 경고 / 오류 아이콘의 개요 버전을보기가 어렵습니다.

디버그 아이콘이 너무 얇게 느껴집니다. 특히 재시작

여전히 파일이 더 얇다 고 느낍니다.
HiDPI 화면 250 % 3200 x 1800 13 형

Windows에서 확대 / 축소 수준 0 (100 % 배율), 탐색기는 그리드에 정렬되지만 다른 직선은 정렬되지 않습니다 (ext, scm).

@misolori 내부자 빌드에 새 아이콘이있는 경우에만 새로운 버그가 표시됩니다. 트위스 티는 더 이상 독립적으로 클릭 할 수 없으므로 자식이있는 항목과 클릭시 명령 모두에 문제가 발생합니다.

@eamodio 자세히 설명 할 수 있습니까? 트위스 티 및 기타 명령을 클릭 할 수 있습니다.

편집 : 신경 쓰지 마세요, 비교 분기에서 무슨 뜻인지 알겠습니다. 의사 요소의 배경 이미지를 변경하면 보이지 않게되어 클릭 할 수 없게되는 이상한 버그가있는 것 같습니다. 이것이 다른 곳에서는 일어나지 않기 때문에 이것을 조금 더 조사해야 할 것입니다. GitLens 리포지토리에서 이것이 어디에 있는지 가리킬 수 있습니까?

@misolori 다음은 해당 항목을 생성하는 코드입니다. 기본적으로 Collapsed 또는 Expanded 중 하나의 TreeItemCollapsibleState 및 명령이있는 항목입니다.

https://github.com/eamodio/vscode-gitlens/blob/f827bc660140e5da29ba43ca2d27c9a5d3af883f/src/views/nodes/compareBranchNode.ts#L51 -L87

@misolori 다음은 문제가되는 코드입니다.
https://github.com/Microsoft/vscode/blob/555739fa7383ef69a7871c9c835ebffbcce3ef32/src/vs/base/parts/tree/browser/treeDefaults.ts#L227 -L230

더 이상 존재하지 않는 배경 이미지 확인

또한 트위스 티의 경우 두 이미지 사이를 전환하는 대신 회전과 전환으로 멋지게 보입니다 😄

@eamodio 좋아, 나는 지금 문제를 해결했다고 생각한다 (이것은 아이콘을 재정의하기 위해 CSS를 사용하고 있기 때문에 아이콘 탐색에 대한 문제 일 뿐이며 안정적으로 발생해서는 안됩니다).

다음 내부자에게 제공 될 모든 업데이트에 대한 요약은 다음과 같습니다.

• 디버그 컨트롤의 무게가 증가했습니다 (레티 나가 아닌 경우 일시 중지 / 중지 버튼에서 픽셀 화가 발생할 수 있음).
  

• 이제 전구가 채워졌습니다.
  
  
• 모든 다음 / 이전 화살표가 일치합니다.
  
• 이제 빠른 개요 아이콘이 정렬되었습니다.
  
• 디버그 콘솔 아이콘 높이가 증가했습니다.
  
• 활동 표시 줄 배지가 더 작습니다.
  
• 새로 고침 아이콘이 더 작습니다.
  
• 변경 사항 비교가 약간 더 큽니다.
  

• git의 "Open Changes"는 매우 모호하고 너무 작아 보입니다.
• git에 대한 "커밋"체크 표시가 너무 넓은 것 같습니다.
  

@ JMS55 나는 열린 변경을 시도하고 조정할 것입니다.이 것은 항상 픽셀 격자에서 떨어져 있기 때문에 원 각도 때문에 흐릿해질 것입니다. 체크 표시가 이전에는 너무 작아서 크기를 늘 렸습니다. Git 작업 상단 (회색 사각형)에 누락 된 아이콘이있는 것 같습니다. GIt 확장을 사용하고 있습니까?

@misolori 예, git-graph의 아이콘이 깨졌습니다. 1.36이 릴리스되면 문제를 제기 할 것이라고 가정합니다. 체크 표시가 너무 작거나 얇은 것이 아니라 체크 각도를 줄일 수 있습니까? 현재 (안정된) 아이콘과 더 비슷합니다.

@ JMS55 변경 사항 비교 아이콘을 늘리고 git 그래프의 누락 된 아이콘도 수정했습니다 (내 쪽의 버그였습니다). 피드백을 주셔서 감사합니다!

조건부 참조보기에는 다른보기에 비해 매우 작은 아이콘이 있습니다 (아직 업데이트되지 않았습니까?).

diff보기에서 다음 변경에 ​​대한 화살표가 깨진 것 같습니다.

디버깅시 재개 버튼도 손상됨

@HazemAM 감사합니다.

@eamodio 맞아요 그 두 가지는 수정되었습니다 (우리는 목요일 이후로 아직 새로운 인사이더를 발표하지 않았습니다)

1. 축소 / 확장 아이콘이 열리거나 채워 집니까? (탐험가의 가장 최근 스크린 샷에는 채워져 있습니다. 제가 선호하는 것 같습니다)
2. 활동 표시 줄의 탐색기 아이콘 @kowalski7cc WRT에 동의합니다 (획 크기가 다른 아이콘과 일치하지 않음).
3. 축소 / 확장 아이콘 위에 검은 색 선이 있습니다 (이미 알고있을 수도 있음).
   
   
   
   • 이 선택기에서 제공 : .monaco-editor.hc-black .margin-view-overlays .folding.collapsed, .monaco-editor.vs-dark .margin-view-overlays .folding.collapsed
   
   

@ 글렌 -84

1. 이전 트위스 티 / 쉐브론이 표시되는 것을 몰랐지만 (재현 할 수없는 것 같음) 트리 확장 / 축소 아이콘은 주변에서 본 > 쉐브론이됩니다.
2. 우리는 여전히 모든 아이콘을 동일한 획 너비로 만드는 방법을 연구하고 있습니다.
3. 잘 잡으면이 문제를 해결할 것입니다. 감사.

테스트를 위해이 버전을 어디에서 다운로드 할 수 있습니까?
저는 페도라를 사용하고 있습니다. 데비안 기반 배포판에서만 URL을 보았습니다.

@mtxr 여기를 참조하십시오 . Insider 를 다운로드하고 workbench.iconExploration.enabled 설정을 통해 활성화 할 수 있습니다.

오류 아이콘은 안정에 비해 읽기 어렵습니다. 또한 앱 전체에서 많은 색상이 꺼져 보입니다.

머티리얼 디자인이란?!

@ SupinePandora43 당신은 유창한 디자인을 의미합니까? 이것은 Google이 아닌 Microsoft입니다 : D

@Stanzilla , 예 ...하지만 vscode는 사용자 정의 UI 아이콘 (파일 / 폴더 아이콘 아님)을 지원합니까?

1. 탐색기 아이콘이 더 얇습니다.
   

2. Replace All 버튼은 약간 복잡합니다.
   

3. 확인란이 오래되었습니다.
   

4. 꺾쇠 괄호를 업데이트해야합니까? (>)
   

5. 키보드 단축키 아이콘이 오래되었습니다.
   
   

활동 표시 줄 아이콘을 업데이트하여 모두 균일하고 다른 아이콘의 두께와 일치하도록했습니다.

약간의 세부 사항 :이 아이콘은 원래 16x16으로 디자인 된 다음 획이 동일하도록 확장되어 그리드에서 벗어납니다. 우리는 이것들을 1px로 그리드에 놓으려고 시도했지만 너무 얇고 작게 보입니다 (아래 참조). 또한 경사 모서리를 추가하여 각도를보다 일관되게 만들고 Visual Studio에서도 채택 할 새로운 Microsoft 디자인 언어 (Fluent) 아이콘에 맞 춥니 다.

TBH, 왼쪽 (얇음)에있는 것을 선호하지만 그것에 대해 강하게 느끼지 않습니다 😄

@eamodio 나는 원래 더 얇은 것쪽으로 기울고 있었지만 더 높은 dpi 화면에서 아이콘을 본 후에 아이콘이 더 잘 보이지 않고 어떤 것이 활성화되었는지 알기가 더 어려워졌습니다.

@misolori 의 경우

색깔이있는 하이라이트, 왼쪽 / 오른쪽을 따라 색깔이있는 바, 아니면 다른 것이 있습니까?

@joshsleeper 활성 아이콘은 방정식의 한 부분이지만 (#

@misolori 잘 했어! 1.36.0에서 기본적으로이 모든 아이콘을 가질 수 있습니까?

새로운 두께는 신경 쓰지 않지만 날카로운 모서리가있는 아이콘은 새로운 둥근 모서리보다 훨씬 더 깔끔해 보입니다.

전환 이유가 있습니까?

@svipas 는 이번 주에 내가 얼마나 멀리 있는지에 달려 있습니다 😁 이것이 다음 달로 밀릴 좋은 기회가 있습니다.

@HazemAM 베벨 모서리는 각도를보다 일관되게 만들고 새로운 Microsoft 디자인 언어 (Fluent) 아이콘 과 일치합니다. Visual Studio는 동일한 경사 가장자리도 사용합니다.

@misolori vscode는 사용자 정의 UI 아이콘을 지원합니까?

@ SupinePandora43 지금은 아니지만 우리가 논의한 것입니다. 확장 기능을 사용할 수있는 아이콘 라이브러리 / 시스템과 아이콘 테마를 교체하는 방법과 같이 먼저 수행해야 할 많은 작업이 있습니다.

@misolori 감사합니다!

@misolori 잠깐, 이해가 안 돼요. 여기에 링크 한 문서 페이지를 포함하여 Microsoft의 와이어 프레임 아이콘은 모두 여전히 날카로운 모서리를 사용합니다.

@ Studio384 그들은 현재 베벨과 직선 가장자리의 혼합을 사용합니다. 아래는 예입니다. 또한 아이콘을 작업 할 때 VS 제품군에 맞춰 조정하고 있습니다 (우리는 처음으로 출시했습니다).

그것에 대한 실제 문서가 있습니까? 내가 볼 수 있듯이 플로피 디스크 아이콘은 현재 문서를 기반으로 한 예외입니다.

@JamesCoyle 아니요, 지금은 문서가 없습니다. 현재 MDL은 경사와 직선 모서리의 혼합을 사용합니다. 다양한 Microsoft 제품과 VS 제품군을 살펴본 후, 우리는이 방향으로 나아가는 것이 미래의 작업을 증명합니다. 새로운 아이콘이 출시되면 확장이 따를 수있는 VS Code 용 아이콘을 만들기위한 지침과 모범 사례를 발표 할 것입니다. 또한 확장 작성자가 동일한 아이콘을 다시 만드는 대신 사용할 수있는 아이콘 라이브러리를 만들고 싶습니다.

이 아이콘은 "workbench.iconExploration.enabled": true 를 통해 활성화 할 수 있습니다!

// 일부 아이콘의 무게가 너무 작습니다! (닫기 버튼 등)

텍스트 배치 아이콘이 업데이트되지 않는 것 같습니다.

src\vs\workbench\contrib\codeEditor\browser\WordWrap_16x.svg

저는 머티리얼 디자인 스타일의 아이콘을 좋아해서 ... 사용자 지정 UI 아이콘 지원을 기다리겠습니다!

"파일 열기"아이콘-손상됨

버전 : 1.36.0-inider (사용자 설정)
커밋 : c3fe2d8acde04e579880413ae4622a1f551efdcc
날짜 : 2019-06-20T05 : 18 : 54.960Z
전자 : 4.2.4
크롬 : 69.0.3497.128
Node.js : 10.11.0
V8 : 6.9.427.31- 전자 .0
운영체제 : Windows_NT ia32 6.1.7601

@ SupinePandora43 이 오늘 아침에 수정을 푸시했습니다. 감사합니다!

이 스레드가 너무 길어 중복 보고서를 찾기가 어렵습니다.

이미 Stash All Changes 아이콘이 조금 더 두껍다 고보고 한 사람이 있습니까?

버전 : 1.36.0-inider
커밋 : c3fe2d8acde04e579880413ae4622a1f551efdcc
날짜 : 2019-06-20T05 : 20 : 10.276Z
전자 : 4.2.4
크롬 : 69.0.3497.128
Node.js : 10.11.0
V8 : 6.9.427.31- 전자 .0
운영체제 : Windows_NT x64 10.0.18362

@ yume-chan 그 아이콘은 vscode 자체가 아닌 GitLens에서 가져온 것입니다. vscode 아이콘이 정해지면 GitLens 아이콘을 일치하도록 업데이트 할 수 있기를 바랍니다.

왼쪽 상단 (윈도우에서)의 vs 코드 로고가 색상이 아닌 흰색이어야하지 않습니까? Visual Studio 2019에서와 마찬가지로.

⚠️ 아이콘 탐색이 일시적으로 비활성화됩니다

반복 계획 이 끝 나가고 다음 주에 최종 게임이 시작됨에 따라 아이콘 탐색을 일시적으로 비활성화 할 것입니다. 우리는 이번 달의 반복을 위해 이것을 준비하고 싶었지만 다음 달로 연기해야 ​​할 것입니다.

월요일부터 아이콘 탐색이 비활성화되며 6 월 업데이트를 분기 한 후 다시 추가됩니다. 모든 것이 잘되면 기본적으로이 기능이 켜져 있고 설정이 필요하지 않습니다. 더 많은 업데이트를 기대해주세요.

@eamodio 원형 화살표가 "모두 숨김 해제"(스레드를 하이재킹하여 죄송합니다)와 같이 표시되므로 모든 숨김이 혼란 스럽습니다.

어제는 아이콘 탐색 기능과 릴리스 정보 및 시작 페이지의 새 아이콘을 사용하여 vscode-insider-1.37.0으로 업그레이드되었지만 오늘은 업데이트를 통해 vscode-insider-1.36.0으로 다운 그레이드되었습니다.
그게 정상이야?!

어제는 아이콘 탐색 기능과 릴리스 정보 및 시작 페이지의 새 아이콘을 사용하여 vscode-insider-1.37.0으로 업그레이드되었지만 오늘은 업데이트를 통해 vscode-insider-1.36.0으로 다운 그레이드되었습니다.
그게 정상이야?!

바로 지금 같은 일이 일어났습니다. 모르겠다 ... 아마도 몇 가지 중요한 문제가 있으며 되돌려 야했습니다.

@ SupinePandora43 @lllopo 죄송합니다. 우리는 빌드 관련 문제를 해결하려고 노력해 왔기 때문에 롤백을 확인했습니다. 최신 내부자에게는 새 아이콘이 있어야합니다 (지금 설정이 필요하지 않음).

@misolori 나는 최신 내부자에 있습니다 ... 그리고 이동 경로 메뉴에서 패키지 아이콘이 약간

아이콘은 (나에게) 약간 수직으로 늘어난 것처럼 보입니다! 그게 끊어지는 이유일까요?

@johnletey 좋은 캐치, 이것은 단지 CSS 버그이며 수정을 푸시했습니다. 감사!

@misolori 멋져요 ... 감사합니다!

이미 수정을 추진했습니다.

그래서 내부자가 업데이트되면 내일 변경 사항을 볼 수 있습니까?

@misolori git 아이콘이 굵게 보이는 이유가 있나요? 아이콘마다 획 크기가 다른 것과 거의 같습니다.

@johnletey Insiders는 월요일에 업데이트됩니다 (주말에는 업데이트를 푸시하지 않습니다). 그리고 아이콘 획 크기의 경우 실제로 모두 동일한 획 크기입니다. 때로는 주변 공간에 따라 다르게 보일 수 있습니다. 우리가 이것을 조정할 수 있는지 볼 것입니다.

확장 아이콘은 최신 업데이트에서 나에게 왼쪽 축에서 벗어난 것처럼 보입니다. 실제로 측정했습니다. 탐색기 아이콘에 비해 더 넓고 왼쪽이 2 픽셀, 오른쪽이 1 픽셀입니다. 따라서 실제로 크기 문제에 더 가깝지만 고칠 수는 없습니다. 그렇다면-내 의견을 무시하십시오.

@lllopo 그들은 모두 24x24 정사각형에 있지만 일부는 다른 것보다 세로로 더 크므로 꺼져있는 것처럼 보일 수 있습니다 (아래 참조).

@misolori 문제는 다음에서 비롯됩니다. 모든 아이콘은 아이콘 사각형의 전체 높이를 취하므로 (24px x 24px 또는 다른 사각형으로 조정 되더라도) 모두 수직으로 중앙에 위치합니다. 괜찮아. 확장 아이콘과 같은 일부 아이콘도 정사각형의 전체 너비를 취하므로 정사각형의 수평 중앙에 완벽하게 배치되어 있어도 괜찮습니다. 그러나 탐색기 아이콘과 같은 다른 것들은 사각형의 전체 너비를 차지하지 않고 동시에 축을 벗어납니다. 24x24로 크기를 조정하면 탐색기 아이콘의 왼쪽과 오른쪽에 1 픽셀 간격이 있습니다. 즉, 문제는 전체 너비가 아닌 아이콘에서 발생하며 동시에 측면의 사각형 테두리와 간격이 고르지 않습니다. 해결책-아이콘을 조금 더 넓게 또는 조금 더 좁게 만듭니다. 24x24 크기의 탐색기 아이콘의 경우-실제 그래픽은 22px 또는 20px이어야하며 현재는 고르지 않은 21px입니다. 물론 큰 문제는 아니지만 언급할만한 가치가 있다고 생각했습니다.

SCM 아이콘에 이상한 일이 발생했습니다. 파일이 열리면 굵게 표시됩니다.

커밋 : 7e03eb1a1fce3beb6ccea5f3b8f828e01940be61
운영체제 : Windows_NT x64 10.0.18362

@usernamehw 나는 항상 굵은 scm 아이콘을 얻었습니다 : 웃음 :

@lllopo 오, 무슨 뜻인지 알 겠어요, 우리가 그것을 조정할 수 있다고 생각합니다.

@usernamehw 는 매우 이상합니다. 활동 표시 줄 항목이 어떻게 든 위에 복제되는 것처럼 보입니다. 재현 단계를 캡처하고 문제를 제출할 수 있습니까?

@misolori 출처가 부족합니다. 항상 대담하므로 다음 인사이더 릴리스가 아직 있는지 확인하기를 기다릴 것입니다.

그래도 대담하지는 않을 것입니다.

이것은 약간 까다 롭지 만 이전 톱니 바퀴 아이콘을 다시 가져올 수 있습니까? 새로운 꽃은 기계 꽃처럼 이상하게 보입니다 😕.

이전 👍🏼

신규 👎🏼

새로운 외곽선 아이콘이 더 낫습니다 ......

이제 내부자에서 새로운 아이콘을 사용할 수 있습니다!

새 아이콘은 이제 Insider 에서 사용할 수 있으며 기본적으로 활성화됩니다 (설정 필요 없음 😉). 즉, 7 월 (1.37) 릴리스 🎉에서이를 출시 할 계획입니다. 우리는 여전히 피드백에 귀를 기울이고 릴리스를 위해이를 다듬고 있습니다. 추가 피드백이 있으면 여기에 계속 게시하십시오. 아이콘에 버그가있는 경우 분류 할 수 있도록 문제를 제출하십시오.

참고 : 이러한 변경 사항에는 Octicon 세트의 아이콘 (즉, 상태 표시 줄의 아이콘)이 포함되어 있지 않지만, 다음 문제를 해결할 계획이며 # 76909에서 추적 중입니다.

확장 작성자

우리는 새로운 스타일에 맞는 아이콘을 더 잘 만들 수 있도록 아이콘 가이드 라인을 만들기 위해 적극적으로 노력하고 있습니다. 우리는 또한 여러분이 활용할 수있는 기존 아이콘의 라이브러리를 생성하기 위해 노력하고 있으며, 완성이 가까워지면 더 많은 것을 발표 할 것입니다.

❤️ 커뮤니티에 큰 감사드립니다

나는 초기에 의견을 제공하고 계속 그렇게하는 전체 커뮤니티에 감사하고 싶었습니다. 감사합니다. 귀하의 의견은 계속해서 당사의 설계 과정에서 중요한 역할을하며 제품에 큰 영향을 미칩니다. 여러분의 의견을 계속 공유해주세요. 저희는 항상 듣고 있습니다.

전체 아이콘이 멋지게 보이며 대부분의 경우 이전보다 기분이 좋습니다.
개인적인 관찰은 거의 없습니다.

1. 트리 목록 (특히 디버그 콘솔)의 닫힘 / 열린 쉐브론이 너무 크고 > 문자와 더 비슷해 보입니다. 이로 인해 디버그 콘솔에서 매우 혼란스럽고 (특히 포인터 대신 일반 텍스트 커서가 있기 때문에) MS Edge DevTools (비 크롬) 및 Chrome DevTools에서 정기적으로 보는 것과는 거리가 멀습니다.
   빈 삼각형과 같은 것이 확장 가능한 트리 항목을 더 잘 나타낼 수 있습니다.
   

2. 패널 크기 최대화는 HDPI 디스플레이가있는 창에서 패널 크기 복원 (이유는 확실하지 않음)보다 더 크게 느껴집니다.

3. 이전 설정 코그 버전에 대한 이전 의견에 동의하십시오.

4. 개인적으로 저는 새로운 SCM 아이콘의 팬이 아닙니다.
   
   상태 표시 줄에있는 유사한 아이콘의 비율은 훨씬 더 멋지게 보이지만 활동 표시 줄의 아이콘은 너무 굵고 굵은 원으로 세로로 찌그러진 느낌입니다. 새로운 아이콘 모양을 상태 표시 줄의 모양에 더 가깝게 만들고 원을 더 얇게 만들면 제 생각에는 더 좋아 보일 것입니다.
   ~ 또한 아래 원에서 바로 또는 바로 뒤에 분기 (오른쪽 스트로크)를 만드는 것이 좋습니다. ~ _UPD. 벌써 그래도 오른쪽 "가지"의 세로 부분은 여전히 ​​너무 짧아 보입니다 ._

5. 디버그 아이콘이 재미 있고 멋져 보입니다! 👍

6. 디버거 패널의 다채로운 윤곽선 아이콘이 멋져 보입니다! 🎉

확장 프로그램도 얇은 아이콘 윤곽선을 채택하기를 바랍니다. :)

@misolori 최신 내부자의 아이콘에 이상한 일이 있습니다.

.vscode 폴더 축소

.vscode 폴더 확장

참고 : 기본 seti 아이콘 세트를 사용하고 있습니다.

@misolori 그래서 패키지 아이콘이 훨씬 좋아 보입니다!

그러나 이제 readme 이동 경로가 이상해 보입니다.

우리가 이것에 대해 무엇을 할 수 있는지 정확히 모르겠습니다.

@johnletey 파일 아이콘에 대한

@misolori 빠른 답장에 감사드립니다! 문제를 열고 탐색 경로를 조사해 주셔서 감사합니다!

아이콘은 대부분 잘 보입니다. 내 유일한 관심사는 숫자 (예 : SCM 또는 파일 아이콘)가 너무 작아서 쉽게 읽을 수 없다는 것입니다. 알아낼 수는 있지만 굵게 표시되거나 앤티 앨리어싱 처리 된 것처럼 보입니다.

SCM Bold 아이콘을 수정 해주셔서 감사합니다!

상태 표시 줄의 아이콘을 업데이트 할 계획이 있습니까?

이것이 올바른 스레드인지 확실하지 않지만 부분적으로 아이콘과 관련되어 있으므로 촬영하겠습니다. 이것은 오랫동안 지속되고있는 매우 성가신 문제입니다. 탭의 아이콘, 텍스트 및 닫기 버튼은 수직으로 축에서 매우 벗어 났으며 시각적으로 중앙에 더 잘 배치되어야합니다. 내가 의미하는 바 아래 이미지를 확인하십시오. 상단은 현재, 하단은 다음과 같습니다.

편집기의 닫기 아이콘은 렌더링되지 않지만 버튼은 여전히 ​​있습니다. 그것을 클릭하면 swork 및 hover 힌트가 표시됩니다.

이것이 올바른 스레드인지 확실하지 않지만 부분적으로 아이콘과 관련되어 있으므로 촬영하겠습니다. 이것은 오랫동안 지속되고있는 매우 성가신 문제입니다. 탭의 아이콘, 텍스트 및 닫기 버튼은 수직으로 축에서 매우 벗어 났으며 시각적으로 중앙에 더 잘 배치되어야합니다. 내가 의미하는 바 아래 이미지를 확인하십시오. 상단은 현재, 하단은 다음과 같습니다.

이것은 내가 CSS를 약간 조정하여 얻은 것입니다.

나는 말해야한다-같은 문제가 빵 부스러기에 간다. 또한-이동 경로가 약간 더 높아야 할 수도 있습니다. 공간 절약의 필요성을 이해하지만 너무 얇을 수 있습니다. 탐색 경로 막대가 몇 픽셀을 더 얻고 더 얇은 탭으로 부분적으로 보완 될 수 있습니다. 어쨌든 수직으로 너무 큽니다.

모든 새로운 아이콘이 좋습니다. 나는 새로운 것을 좋아합니다. 그러나 모든 변경 사항 보관 아이콘이 아직 업데이트되지 않은 것 같습니다.

녹색-텍스트 센터,
노란색-파이썬 아이콘 센터
빨간색-아이콘 센터 닫기
파란색-분할 아이콘 센터

@iyashpal 은 이것이 VS Code 아이콘의 일부가 아닌 GitLens 확장에서 제공하는 아이콘으로 보입니다.
https://github.com/microsoft/vscode/issues/8017#issuecomment -504295222 및 응답 https://github.com/microsoft/vscode/issues/8017#issuecomment -504300145

@IllusionMH 좋아요 감사합니다. VS Code의 일부라고 생각했습니다.

@ Studio384 상태 표시 줄 아이콘은 분리되어 있으며 # 76909에서 추적되고 있습니다.

@borgdylan 이것은 # 76739에서 추적되는 버그입니다.

@lllopo 이동 경로 정렬 달리 별도의 문제를 만드십시오 # 67342 참조

톱니 바퀴 아이콘에 대해 @dalDevelo 와 동의합니다. 확실히 가장 눈에 띄는 것은 무엇입니까?

이동 경로에 대한 @misolori (정렬이 아니라 간격) :
내부자 :

안정된:

@eamodio 이것은 이동 경로가 렌더링되는 방식에 대한 문제이며 아이콘은 모두 같은 크기이고 중앙에 있으며 동일한 아이콘이므로 개요보기와 비교할 수 있습니다. 그것은 또한 # 67342에서 추적되고 있습니다.

@misolori 아,

@ Studio384 상태 표시 줄 아이콘은 분리되어 있으며 # 76909에서 추적되고 있습니다.

@borgdylan 이것은 # 76739에서 추적되는 버그입니다.

@lllopo 이동 경로 정렬 달리 별도의 문제를 만드십시오 # 67342 참조

@misolori 탭 아이콘 / 텍스트 세로 정렬은 어떻습니까?

@misolori @iyashpal 은 https://github.com/eamodio/vscode-gitlens/issues/784#issuecomment -509941591에서 업데이트해야 할 아이콘이 여전히 있다고 언급했습니다.

처음에는 이것이 gitlens의 일부라고 생각했지만 vscode 아이콘의 일부라는 것을 깨달았습니다!

@johnletey 는 https://github.com/microsoft/vscode/issues/8017#issuecomment -504300145를 참조하고 여기는 GitLens 아이콘입니다.

감사합니다 @misolori ... 그 아이콘을 업데이트 할 것입니다 (모든 GitLens 아이콘을 살펴보고 업데이트 할 때).

새로운 활동 표시 줄 아이콘이 더 이상 픽셀에 맞지 않아 표준 DPI 디스플레이에서보기 흉하고 흐릿 해 보이고 다른 모든 아이콘과 일치하지 않습니다. 모든 사람이 망막을 가지고있는 것은 아닙니다!

단색 아이콘 변형 (원래 아이콘이 아닌 새 버전)으로 전환하는 옵션이 제거되었거나 다른 곳으로 이동 했습니까? 개요 아이콘은 서로 구별하기가 매우 어렵고 VS Code UI를 사용하기가 훨씬 더 어렵습니다.

@ToxicCaves 는 https://github.com/microsoft/vscode/issues/8017#issuecomment -502809582를 참조 하세요 . 아이콘을 1px로 유지하여 그리드에 놓 였지만 결국 너무 얇아지고 2px는 너무 두꺼운. 그런 다음 아이콘을 1px 테두리가있는 16px (나머지 아이콘과 같이)로 디자인하기로 결정한 다음 아이콘의 크기를 조정하여 획이 비례 적으로 동일하도록했습니다.

그리고 초기에 탐색의 일부였던 아이콘 스타일을 전환 할 수있는 옵션이 없습니다. 여기와 사용자 연구의 피드백을 감안할 때 개요 스타일이 가장 긍정적 인 영향을 미치며 MDL (Microsoft Design Language)과 더 가깝다는 것을 발견했습니다.

@misolori 비 레티 나 디스플레이를 사용하는 사용자에게 더 좋고 일관된 시각적 경험을 제공하려면 선 너비를 일관되게 유지하려는 경우 활동 표시 줄 아이콘이 표시되는 크기를 28px 대신 32px로 변경하는 것이 좋습니다.

새로운 아이콘은 멋지지만 Git의 아이콘은 나에게 없습니다.

(저는 Horizon 테마를 사용합니다)

편집 : 기본 테마에서도 문제가 지속됩니다.

@haydennyyy 원격 확장 (WSL / SSH)을 사용하고 있습니까? 그렇다면 해당 확장의 문제 일 가능성이 가장 높습니다 . https://github.com/microsoft/vscode-remote-release/issues/687을 참조

@misolori Solid Style 아이콘 세트 파일을 공유하거나 https://github.com/microsoft/vscode/issues/8017#issuecomment -476044257이 있던 커밋을 지정해 주시겠습니까?

@usernamehw , UI 아이콘 시스템 이 필요하다고 생각합니다 (파일이 아닌 vscode UI 용)

@ SupinePandora43 사용자 지정 CSS 및 JS 로더를 사용하여 아이콘을 뽑고 싶습니다.

🎉이 작업에 참여하고 다양한 반복을 통해 피드백을 제공 한 모든 분들께 큰 감사를드립니다. 여러분은 이러한 노력의 큰 부분을 차지했으며 새 아이콘이 7 월 릴리스 (1.37)에 출시되고 다음 주에 출시 될 예정임을 발표하게되어 기쁩니다!

놀라운 커뮤니티가되어 주셔서 감사합니다 ❤️

무거운 채우기 대신 획을 사용하는 더 깨끗하고 현대적인 아이콘

아, 유창한 디자인과 일치해야합니다. 그것들을 모두 표준화하는 것은 정말 대단한 작업이지만, 저는 항상 단색 아이콘의 모양이 더 좋았습니다.

• 시각적 혼란을 줄입니다 (아이콘 당 많은 선 대신 1-2 개의 모양이며 아이콘이 많을 때 더 중요합니다)
• 전체적으로 의미를 한 눈에 쉽게 식별 할 수 있도록합니다.
• 더 작은 크기로 더 잘 확장

전반적으로 일관된 아이콘 세트에 만족하지만 사용자가 단색 (새 아이콘과 동일한 디자인 및 모양을 기반으로 함) 또는 얇은 스타일을 선택할 수있는 옵션이 있으면 좋을 것이라고 생각합니다.

업데이트를 받고 나서 그 윤곽선이 표시된 아이콘을보고 꽤 실망했습니다. https://github.com/microsoft/vscode/issues/8017#issuecomment -476044257의 단색 아이콘을 보면 실제로 더 좋았을 것입니다. 바라건대, 이러한 아이콘은 나중에 사용자 정의 할 수 있습니다.

즉, Windows 10 및 Office 365의 새로운 아이콘 스타일과 실제로 일치하지만 저도 그 팬이 아닙니다.

오 이런, 모든 아이콘이 이제 흐릿합니다 😞

아이콘 자체에 대해서는별로 신경 쓰지 않지만 git change 아이콘의 숫자 크기가 더 작아서 지금은 실제로 읽을 수 없습니다. 이것은 접근성에 좋지 않습니다.

코드를 축소하기 위해 +/- 대신 꺾쇠 괄호를 싫어합니다.
이것에 대해 무슨 바보 생각?

@coaperator 정중하게

이전 사이드 바 아이콘을 다시 가져올 수있는 방법이 있습니까? "확장"아이콘에 기울어 진 모서리를 견딜 수 없습니다. 아주 조잡한 일.

@badunius 분명히, 이전 버전은 덜 엉성한 아이콘을 가지고 있었기 때문에 의도적 인 것이었지만 작은 아이콘으로 선 너비를 "일관되게"변경했습니다. 채워진 아이콘 옵션은 아마도 이와 같은 문제 (더 이상 그래픽이 더럽게 보이는)가 발생하지 않기 때문에 일반적으로 더 좋을 것입니다.

다른 사람이 새로운 축소 아이콘에 대해 의문이있는 경우 여기에서 투표하십시오-> https://github.com/microsoft/vscode/issues/78024

@ToxicCaves 나는 일관된 라인으로 괜찮아요, 서브 픽셀 앨리어싱도 괜찮아요, 라인 조인을 조정하지 않았기 때문입니다. 왼쪽은 그들이 지금 나를 어떻게 보는지, 오른쪽은 나를 포함한 모든 정상인이 그들이 어떻게 보일 것이라고 기대하는지입니다.

텍스트는 여기에서 강조 표시된 원의 중앙에 있지 않습니다.
그리고 아이콘이 텍스트에 비해 너무 큽니다.

파일 변경시 위쪽 / 아래쪽 화살표 및 스페이스 토글이 나머지보다 큽니다.

이전 사이드 바 아이콘을 다시 가져올 수있는 방법이 있습니까? "확장"아이콘에 기울어 진 모서리를 견딜 수 없습니다. 아주 조잡한 일.

우와, 예; 새로운 사이드 바 아이콘은보기 흉합니다. 탐색기 아이콘과 검색 아이콘은 괜찮지 만 나머지는 익숙하지 않은 아트 스타일로 지나치게 단순화 / 다운 그레이드하는 것처럼 보입니다. 특히 확장 기능의 VS 아이콘에 익숙했습니다. 빌딩 블록은 "확장"을 더 잘 외치지 않습니다. 나는 그들을 확장으로 바꿀 때까지 그들을 괴롭히지 않을 것이라고 생각합니다. 두 스타일 모두 업데이트 이전의 아이콘보다 훨씬 나쁩니다.

새로운 사이드 바 아이콘은보기에 너무 얇아서 내 눈이 중간 수준의 근시를 가지고 있기 때문일 수 있습니다.

Win 10의 VS Code v1.37.0 (DPI = 1)을 사용하면 아이콘 하나를 클릭하고 싶을 때 종종 아이콘을 꽤 오랫동안 보게됩니다. 처음에 나는 그것이 그렇게 명확하지 않다는 것을 알게 될 것이고, 그리고 나서 나는 내 뇌에게 "흐릿한 선에 산만 해지지 말라"고 말해야한다. 마지막으로, 나는 내 머리를 쓰러 뜨리고 "디자인 상 그렇게 명확하지 않다"는 것을 기억할 것이므로 최소한 1 초만에 클릭 할 수 있습니다.

이전 아이콘을 복구하거나 최소한 수동으로 사용자 정의하는 솔루션이 절실히 필요합니다.

이 아이콘을 한눈에 읽는 것이 훨씬 더 어렵습니다.

아이콘의 + 및-기호의 녹색 / 빨간색은 제거되지 않아야합니다. "검색 결과 지우기"아이콘에도 있습니다. 두 번의 펜 스트로크가 아닌 균일 한 / 대칭적인 빨간색 / 분홍색 X가 필요했습니다. 적어도 디버깅 시작 아이콘에는 여전히 색상이 있습니다 (하지만 다시 단색이어야합니다)! Visual Studio와 더 많은 패리티가 필요합니다.

나는 오래된 아이콘을 다소 선호했지만 색상이 있으면 ... 이제 아이콘을 고의로보고 곁눈질하지 않고는 아이콘이 무엇인지 이해하기가 더 어렵습니다. 그들은 더 크고 색이 있어야합니다. 색상이 아니면 채울 수 있지만 윤곽선은 시각적으로 끔찍합니다.

음, 이전 아이콘 세트 를 사용하고 싶습니다. _ 새 릴리스 버전 1.37_의 새 아이콘은 너무 _ 얇고 _ 인상을주지 않습니다. 선택적으로 설정된 이전 아이콘으로 돌아가려면 어떻게해야합니까? : ((

음, 이전 아이콘 세트 를 사용하고 싶습니다. _ 새 릴리스 버전 1.37_의 새 아이콘은 너무 _ 얇고 _ 인상을주지 않습니다. 선택적으로 설정된 이전 아이콘으로 돌아가려면 어떻게해야합니까? : ((

나는 u에 동의합니다, 미리보기 버전에서는 크기가 좋지만 1.37에서는 ru 심각하게 ???

개인적으로 인식 측면에서는 문제가 없지만, VSCode 개요 아이콘과 다양한 확장 기능으로 인한 브랜드 아이콘 간의 시각적 불일치는 여전히 마음에 들지 않습니다. 그리고 나는 시간이 이것을 해결할 수 있을지 의심 스럽다. 대부분의 브랜드 아이콘이 단단 하고 로고의 개요 버전을 제공하는 제품이나 조직은 거의 없습니다 (외곽선 버전은 획 너비 등이 다를 수 있음). 시각적 불일치를 해결하려는 시도가 또 다른 유형의 불일치를 도입하는 것을 보는 것은 슬픈 일입니다. VSCode와 같은 확장 가능한 플랫폼에서 제공하는 IMHO 기본 아이콘은 더 보수적이고 놀랍지 않습니다.

새로운 아이콘은 전반적으로 개선되었지만 몇 가지 우려 사항이 있습니다.

• 업데이트 할 지원되는 아이콘 (옥 티콘에서 제공됨)이 약 200 개 남아 있습니다.
  
  
  
  • 결과적으로 내 상태 표시 줄이 나머지 앱과 상당히 다르게 보입니다.이 문제는 언제 해결됩니까?
  
  
  • 모든 아이콘이 새 스타일로 업데이트되지 않은 경우이 문제가 종결되고 새 아이콘이 출시 된 이유는 무엇입니까?
  
  
• 앱이 잠재적으로 수백 개의 작은 아이콘을 사용한다는 점을 고려할 때 단색 스타일보다 윤곽선 스타일을 선택하는 것이 올바른 선택이라고 확신합니까? 망막이 아닌 화면에서도 잘 읽을 수 있을지 모르겠습니다.

나는 여전히 아이콘의 솔리드 스타일 버전을 선호했을 것입니다. @smikitky 아름답게 넣어로서 위 사이에 불일치가있을 것입니다 윤곽 아이콘과 "일반"고체 로고 내장, 나는 정말이 불일치가 해결 점점 볼 수 없습니다.

• 결과적으로 내 상태 표시 줄이 나머지 앱과 상당히 다르게 보입니다.이 문제는 언제 해결됩니까?

@fabiospampinato 체크 아웃 # 76909

여러분, 코드 접기 / 펼치기를 위해-/ + 아이콘으로 어떻게 든 다시 전환 할 수 있습니까? 사실상 IDE의 표준이며 이러한 대괄호가 있으면 다른 코드 편집 도구간에 전환 할 때 불편 함을 느끼게됩니다.

집에서 자동 업데이트를 꺼야했지만 직장에서 VSC가 업데이트했습니다. 이제 직장에서 마지막 업데이트를 되 돌리는 방법을 찾아야합니다.

Mac에서 homebrew cask를 통해 설치 한 경우 다음 명령을 실행하면 이전 버전 cask로 다운 그레이드됩니다.

brew cask reinstall https://raw.githubusercontent.com/caskroom/homebrew-cask/0392663d3ae7ed30f8e1b6482abe26da78dfc9b1/Casks/visual-studio-code.rb

당신이 사제와 함께 설치하지 않은 경우 원래 당신은 응용 프로그램을 삭제하고 사용할 수있는 install 대신 reinstall

설정을 통해 업데이트를 끄십시오!

여러분, 코드 접기 / 펼치기를 위해-/ + 아이콘으로 어떻게 든 다시 전환 할 수 있습니까? 사실상 IDE의 표준이며 이러한 대괄호가 있으면 다른 코드 편집 도구간에 전환 할 때 불편 함을 느끼게됩니다.

@ Serg-de-Adelantado 여기에서 투표하십시오-> https://github.com/microsoft/vscode/issues/78024

나는 일반적으로 세 가지를 제외하고는 새로운 아이콘 세트로 괜찮습니다.

1. 축소 / 확장 토글 스위치는>로 표시됩니다. 삼각형, +/- 상자, 또는> 괄호는 글꼴보다 두껍고 정확히 90 ° 여야 텍스트로 착각하지 않습니다.
2. 모서리가 둥근 직사각형 (예 : "탐색기"아이콘). 종이 한 장의 특징은 완벽하게 직사각형, 특히 둥근 모서리가 없다는 것입니다. 보기 패널도 마찬가지입니다. 왼쪽은 지금의 모습이고, 오른쪽은 그것이 어떻게 보일 것이라고 생각합니다.

1. 작은 아이콘. 예를 들어 검색 및 바꾸기 패널의 "모두 바꾸기"아이콘-기능의 높이는 모두 1-4 픽셀입니다.

많은 사람들이 이미 이것에 대해 이야기했지만 아이콘의 색상 및 채우기 손실로 인해 혼란 스럽습니다.

아이콘은 직관적이어야합니다. 그렇지 않으면 득보다 해를 끼칩니다.

가장 기본적인 예는 명확한 검색 결과입니다. 가장 좋은 방법은 이전 아이콘 세트에 대한 옵트 인을 제공하거나 아이콘 세트 폴더 또는 _settings.json_을 통해 선택적으로 변경하는 방법을 제공하는 것입니다.

나는 새로운 아이콘에 꽤 만족합니다 (오래된 아이콘이 어차피 나쁘다는 것은 아닙니다), 그러나 무엇보다도-나는 나무와 빵 부스러기의 매우 추한 확장 / 축소 삼각형이 이것으로 대체되어 매우 행복합니다 멋진 쉐브론. 그래도 크기 조정이 옳지 않고 불필요한 부분에 아이콘이 너무 눈에 띄지 않는다고 생각합니다. 더보기 좋게 만드는 수정 사항의 작은 스크린 샷, imo :

Btw., 비록 코드 접기의 쉐브론은 괜찮지 만, 어떤 사람들은 그것을 파지 않는 것을 보았습니다. 그래서 +/-도 괜찮다고 말해야합니다. 그러나 제발, 트리 (및 빵 부스러기)의 삼각형은 절대로 다시 가져 오지

일관성을 높이려는 열망은 감사하지만,이 변화가 매우 싫습니다.

• 그것은 여전히 ​​일관 적이 지 않으며, 최대한 빨리 이전 스타일로 되 돌리지 않는 한 결코 일관되지 않을 것입니다.
  모든 아이콘이 업데이트되는 것은 아니며, 더 중요한 것은 현재 모든 확장 프로그램과 일치하지 않는다는 것입니다. 그리고 많은 확장 프로그램이 누군가의 소중한 여가 시간에 만들어 졌기 때문에 모든 확장 프로그램이 업데이트 될 것으로 기대할 수 없습니다.

  사이드 바의 아이콘은 크고 항상 눈에 띄기 때문에 내가 설치 한 모든 확장 프로그램과의 불일치를 지속적으로 보여주기 때문에 특히 나쁩니다.

• 아이콘 스트로크가 너무 얇아서 개인적으로 절대적으로 끔찍하게 보입니다.
  이전 아이콘의 더 대담하고 부드러운 모양이 훨씬 더 멋졌고 텍스트와 아이콘을 훨씬 쉽게 구분할 수있었습니다. 이제 모든 것이 엉망입니다.

  탐험가 트리에 사용 된 갈매기는 특히 끔찍한 데, 이제 텍스트와 섞여서 각 레벨의 들여 쓰기가 훨씬 덜 명확 해지기 때문입니다. 진지하게, 나는 그 새로운 쉐브론을 얼마나 싫어하는지 설명하는 단어를 찾을 수 없습니다.

• 색상 손실은 도움이되지 않습니다.
  나는 아이콘이 단순하고 대부분 회색조 인 것을 좋아하지만, 예를 들어 목록 지우기 또는 변경 사항 되돌리기와 같은 파괴적인 작업에 대한 작은 색상 힌트는 실수를 방지하는 데 도움이됩니다.

• 실제로이 스타일 변경을 요청한 사람은 없다고 생각합니다.
  이 문제는 일관성을 높이려는 욕구에서 시작되었지만 어떻게 든 아이콘 스타일이 완전히 변경되었습니다. 나는 실제로 얼마 전에이 문제를 보았고 그것이 좋은 것이라고 생각했지만,이 완전한 스타일 변경이 결과가 될 것이라는 것을 알았다면 나는 크게 반대했을 것입니다. 이것은 원치 않는 변경입니다.

나는 일관성을 높이기 위해 노력하고 있지만 _ 제발 _ 이전 스타일과 더 가깝고 더 부드럽고 굵은 아이콘과 몇 가지 색상 힌트가 더있는 아이콘 스타일로 되 돌리십시오. 확장 프로그램이 아이콘 업데이트를 시작하여 훨씬 더 큰 혼란을 일으키기 전에 곧 그렇게 할 의사를 발표하십시오.

프로젝트가 사이드 바 아이콘을 구성 가능한 세트로 출시하는 것을 고려하기를 바랍니다. 와이어 프레임 스탠드 인처럼 보이는 새 아이콘보다 이전 아이콘을 훨씬 더 선호합니다.

그것은 여전히 ​​일관 적이 지 않으며, 최대한 빨리 이전 스타일로 되 돌리지 않는 한 결코 일관되지 않을 것입니다.

이 논쟁을 얻지 못했습니다. 여전히 일관성이 없는데 왜 개선해야할까요? 예전의, 훨씬 더 일관성이없는 세트로 돌아 가야할까요? 어쨌든 일관성이없는 것은 상태 표시 줄 아이콘입니까? 이들은 다른 문제에서 추적되고 있습니다. 또 뭐야? 어떤 아이콘이 업데이트되지 않았거나 다른 아이콘과 비교했을 때 일관성이없는 스타일이 있습니까?

곧 새로운 스타일에 맞게 확장이 이어질 것입니다. 그것은 시간 문제입니다. 스타일 변경 여부에 관계없이 대부분의 경우받은 편지함 아이콘과 동일한 지침을 따르려면 확장 아이콘에 대한 업데이트가 필요했습니다. 이러한 불일치는 여기에서 제기하고있는 "굵은 대 개요"아이콘 문제 이외의 다른 것들에서 발견 될 것입니다.

안녕하세요 여러분
그래서 오늘 아침에 vscode를 열었고 wtf가 발생한 것처럼 보였습니다. 이것은 vscode의 베타 버전에서 버그입니까? 그런 다음 새 버전을 깨달았고 "모든 VS 코드에서 새로운 현대 아이콘"을 읽었습니다. 이제는 "나는 너에게 농담이야?" 이 새로운 아이콘은 어느 세계에서 현대적입니까? 정말, 정말 역겨워 요. 실제로 선례 버전을 다운로드하고 있으며 앞으로 아이콘을 선택할 수있는 몇 가지 옵션이 있거나 2019 년 6 월 업데이트에 영원히 머물러 있기를 바랍니다. 어쨌든 이것은 저에게 다운 그레이드이며 실제로는 예상하지 못합니다. 보통 vscode 팀은 업데이트로 훌륭한 작업을 수행하며 대부분의 경우 원하지 않는 경우 비활성화 할 수있는 옵션이 있지만 보이지 않았습니다. 여기 이렇게 ....이게 제 비전이자 의견입니다. 여러분 중 일부는 저와 공유하고 일부는 공유하지 않습니다.

위층 +1. 업그레이드 후 이상하게 보입니다.

이것은 맛의 문제가 아닙니다. 충분히 아름답거나 현대적이거나 시원하지 않습니다.

새로운 아이콘은 눈에 잘 띄지 않습니다. 시력이 좋지 않은 사람들에게는 큰 문제입니다.

나를위한 쇼 스토퍼.

새 아이콘의 선은 화면 픽셀에 맞지 않고 흐릿하고 읽을 수 없습니다. 아이콘을 업데이트하는 것은 좋지만 읽을 수 있어야합니다.

바로 여기에 적절한 사례 :

새로운 것은 완전히 쓸모가 없습니다. 내가 정말 이것에서 a, b, c를 읽을 수 있어야하나요? 정말?

표준 72dpi 화면에서 어떻게 렌더링되는지 보셨나요? 아니면 디자인 한 4K 모니터에서만 검토해 보셨나요?

또한 색상은 아이콘의 다른 부분을 제 스탈 트하는 데 실제로 도움이되었습니다.

선 두께도 너무 얇지 만 MSFT 스타일이라 변하지 않는 것 같아요.

@ qt1 이 맞습니다.

나를위한 쇼 스토퍼.

매우 실망 스럽습니다. Yall은 더 잘할 수 있습니다.

사이드 바에서 새로운 디버그 아이콘을 절대로 견딜 수 없습니다. 일부 사용자가 클릭하여 프로젝트를 시작하고 실행하는 곳이기도하지만 이제는 매번 끔찍한 버그가 나타납니다. 오래된 아이콘이 훨씬 더 좋았습니다.

이전 확장 아이콘도 훨씬 더 좋고 상징적이었습니다. 이것은 더 부드럽고 덜 의미가 있습니다.

나는 다른 새로운 아이콘에 익숙해 질 수 있지만 선 너비가 너무 얇고 너무 유치하다고 생각하고 VS를 너무 멋지게 만든 세련된 복고풍 룩을 잃은 것 같습니다.
파일 탐색기의 쉐브론에 문제가 있습니다. 너무 얇고 간격이 충분하지 않을 수 있습니다.

새로운 STOP 디버깅 아이콘과 START 디버깅 아이콘은 속이 비어 있습니다. 즉시 알아볼 수있는 표준으로 채워진 표준에 문제가 있습니까?

사이드 바에서 새로운 디버그 아이콘을 절대로 견딜 수 없습니다. 일부 사용자가 클릭하여 프로젝트를 시작하고 실행하는 곳이기도하지만 이제는 매번 끔찍한 버그가 나타납니다. 오래된 아이콘이 훨씬 더 좋았습니다.

나는 아이콘이 "버그 없음"/ "버그 없음"아이콘 대신 버그 인 것을 신경 쓰지 않는다. 하지만 대부분의 디버거 아이콘에 비해보기 흉하게 보이는 버그입니다.

모든 점에 전적으로 동의합니다. 새로운 인터페이스는 그다지 의미가없고 유치 해 보입니다.

@dirkesquire 예, 가벼운 테마에서는 더 나쁩니다 ..

그리고 그것은 또한 비주얼 스튜디오에서 비어 있지 않습니다.

아이콘 변경에 감사드립니다. 확실히 향상이 필요했습니다. 일관성을 위해 모두. 그러나 새 아이콘에는 테두리가 매우 얇고 얇은 아이콘은 읽을 수 없습니다. 새로운 셰브론 아이콘 세트는 불필요한 혼란을 더합니다. 쉐브론 아이콘은 어떤 용도로 사용됩니까?

VSCode에서 작동하는 아이콘 지침이 있습니까? 타사 확장 프로그램 개발자도 활동 표시 줄의 확장 아이콘을 업데이트해야하기 때문입니다.

매우 실망 스럽습니다. Yall은 더 잘할 수 있습니다.

전적으로!

죄송합니다. 새 아이콘은 정말 끔찍하고 아이가 그린 것처럼 보입니다 ... "현대적"인지 여부는 너무 나빠 보이는 한 완전히 관련이 없습니다 ... 이전 아이콘은 괜찮 았습니다. "대체 테마"또는 그래픽 오류처럼 보입니다. 되돌려 서 오래된 아이콘을 사용하거나 이번에는 실제로 개선 할 수있는 옵션을 제공해주세요.하지만이 모든 "현대적인"과대 광고와 얇고 이해할 수없는 윤곽선은 없습니다.

@arniebradfo 왜 이런 흐릿함이 일어나는지 알 것 같아요.

이것은 내가 다른 스레드에서 본 것입니다.
"모든 아이콘은 Microsoft의 아이콘 (Microsoft Design Language라고도 함)에서 사용되는 것과 동일합니다."

비트 맵 아이콘을 권장하지 않는 것처럼 보입니다.
이것은 어셈블리가 사용되어야하는 곳에서 모든 사람이 interpenetrater를 사용하도록하는 것과 같습니다 (더 많은 작업을 수행하지만 완전히 다른 결과).

이것은 명백한 실수입니다.

벡터 그래픽은 유연성에 매우 좋습니다. 그러나 해상도를 알고 있다면 미세 조정 된 비트 맵으로 훨씬 더 잘할 수 있습니다!
위의 예와 동일합니다.

이전 아이콘으로 되돌리고 열을 더 작게 만드십시오 (이전처럼). 새로운 것들은 직관적이지 않고 열이 넓어집니다.
또한 새로운 검색 및 바꾸기 아이콘이보기가 훨씬 더 어렵다는 데 동의합니다. (고 dpi 모니터에서도)
이 새로운 기능이 정말 멋지다고 생각한다면 적어도 이전 버전으로 되돌릴 수있는 옵션을 추가해주세요.

이전 댓글 작성자를 지원합니다. 새로운 아이콘은 끔찍합니다. Fe 오래된 Clear Search Results 아이콘은 아이콘의 주된 흰색 색상에서 눈에 잘 띄는 십자가에 빨간색을 가졌습니다. 새 아이콘은 모두 흰색으로 덮여있어서 그 자리에서 찾기가 정말 혼란 스럽습니다.

새로운 아이콘이 사랑스러워 보인다고 생각합니다! 이 재 설계에 들어간 모든 노력에 감사드립니다.

@smably 맛에 관한 것이 아닙니다. 가시성에 관한 것입니다. 딱정벌레 벌레에 꼬리가 있는지 여부는 중요하지 않습니다. 아이콘이 표시되고 구별되는 것이 전부입니다.
좋은 아이콘은 아름답고 유용 할 수 있습니다. 여기서는 그렇지 않습니다 : /

흥미롭게도, 눈에 잘 띄는 가시성 문제에도 불구하고 아이콘은 실제로 작을수록 더 좋아 보입니다. 너무 단순해서? 50x50보다 큰 것은 (표준 1920x1080 디스플레이에서) 결함을 보이기 시작합니다 (아주 작음).

@ qt1

벡터 그래픽은 유연성에 매우 좋습니다. 그러나 해상도를 알고 있다면 미세 조정 된 비트 맵으로 훨씬 더 잘할 수 있습니다!

벡터 아이콘은 픽셀 스냅에서 아이콘을 금지하지 않습니다. 디자이너는 72dpi 화면에서 읽기 쉽게 아이콘을 디자인하기 만하면됩니다.

여기에있는 대부분의 게시물은 아이콘의 스타일 / 모양을 싫어합니다. 나는 "오, 그것의 다르고, 나는 변화를 좋아하지 않는다"라는 주장이 공정하다고 생각하지 않는다.

그러나 아이콘은 읽기 쉽고 목적을 전달해야합니다. 브랜드에 100 % 적용되지 않더라도 낮은 화면 해상도에서 선명해야합니다. 이 새로운 세트의 많은 아이콘은 그에 미치지 못합니다. 내 불만은 많은 새로운 아이콘이 작동하지 않는다는 것입니다. 그들은 단지 흐릿한 엉망입니다. 나는 오래된 것을 원하지 않는다. 나는 yall이 새로운 것을 고치기를 원한다.

"모노크롬 아웃 라인"접근 방식에 대해 ... 저는 Visual Studio가 이미 거기에 있었고 마찬가지로 잘못 받아 들여진 것을 기억합니다.

Visual Studio 2010은 "오래된"아이콘 방식을 사용했습니다. 즉, 표면에 대한 색상 그라데이션이있는 매우 상세한 아이콘이 있습니다.
Visual Studio 2011 Beta는 단색 접근 방식을 선택하여 "현대화 된"모양을 가졌으며 절대적으로 필요한 경우에만 앤티 앨리어싱을 사용했습니다.

색상을 다시 추가하라는 요청이 가장 인기있는 요청이되었습니다.

그리고 현재 상태를 보면 그래디언트를 사용하지 않고 앤티 앨리어싱을 피하여 색상 팔레트를 매우 간결하게 유지하면서 많은 아이콘과 기본 아이콘 요소 (예 : 폴더 , 별, 화살표)는 고유 한 색상 (노란색 폴더, 파란색 플로피 디스크, 빨간색 십자가, 녹색 재생 버튼 등)을 갖습니다.

VS Code가 수년 전에 Visual Studio 디자이너 팀이 저지른 동일한 실수를 반복하고 있다고 생각합니다.

https://www.itwriting.com/blog/5651-developers-dislike-monochrome-visual-studio-11-beta.html

뿡 빵뀨

흐릿한 아이콘 세트를 게시했습니다. 그 흐림의 이유는 아마도 특정 버튼의 특정 해상도에 대한 미세 조정이 아닐 것입니다. 나는 그들이 하나의 스케일로 괜찮아 보이는 일반적인 버튼을했고 아이콘의 크기가 응용 프로그램에 있던대로 재조정되었다고 생각합니다. BTW 아이콘은 해상도뿐만 아니라 색상도 잃었습니다 ..

이유가 무엇이든, 나는 최종 결과가 "아이콘을 읽을 수 있어야 함"을 충족하지 못하는 것에 전적으로 동의합니다.
나에게 그것은 맛보다 접근성의 문제입니다.

최소한 새로운 아이콘이 수정 될 때까지 사용자가 이전 아이콘을 선택할 수있는 방법을 팀에서 찾을 수 있기를 바랍니다.

여기에있는 대부분의 게시물은 아이콘의 스타일 / 모양을 싫어합니다. 나는 "오, 그것의 다르고, 나는 변화를 좋아하지 않는다"라는 주장이 공정하다고 생각하지 않는다.

공평하게 말하면 아이콘에는 기능적인 측면이 있습니다. 일반적으로 더 넓고 UI 언어에 따라 길이가 다른 단어를 쓸 필요없이 버튼이하는 일을 전달하기위한 것입니다.

그러나 "디버그"버그가 빛나는 Windows Defender 방패와 자물쇠가 섞여있는 것처럼 보이거나 접을 수있는 XML 소스 코드의 일부인 쉐브론 접는 지점이 있으면 아이콘에 한 요소가 없을 수 있습니다. 다음과 같이 추가해야합니다 : 훑어 본 후 행동의 명확성.

이 아이콘 중 일부는 훨씬 더 좋아 보이지만 읽을 수없는 작은 기능으로 인해 때때로 정말 얇습니다. 색상을 사용하면 검색 / 바꾸기 창과 같이 아이콘이 작을 때 실제로 도움이 될 수 있습니다.

나는 시력이 좋다고 생각했지만이 새로운 변경 이후에 나는 이러한 아이콘의 대부분을 쉽게 읽을 수 없습니다. 읽을 수 있으려면 안경을 사야 할 것 같아요. : slightly_frowning_face :

어떻게 든 모든 아이콘의 무게 / 크기를 높이는 옵션이 있습니까?

새로운 모습이별로 마음에 들지 않고, 현대적으로 보이지도 않고, 아이들을 위해 설계된 것처럼 보입니다.
일부는 메뉴 아이콘 중 일부와 비슷해 보이지만 예 아니요.
파일 아이콘과 마찬가지로 아이콘 확장명을 만들어 이러한 아이콘을 변경할 수 있습니까?

2 센트 만 더하면 아이콘 중 일부는 훌륭하고 일부는 너무 얇거나 너무 작아 가독성 / 가독성이 떨어집니다.

전체적으로 새로운 아이콘에 대한 의견이 다른 이유는 다른 개발자가 다른 아이콘에 전적으로 의존 할 것이기 때문이라고 생각합니다.

개인적인 경험상, 사용성 관점에서 볼 때 셰브론이 닫힌 상태와 열린 상태에서 너무 비슷해 보이기 때문에 더 이상 코드 접기를 제어 할 수 없습니다 .

여기서 명백한 문제는 새 아이콘이 일부 개발자에게 작동하지 않을 수 있으며 영향을받는 사람들은 아이콘을 더 적합한 아이콘 세트로 변경할 수있는 권한이 없다는 것입니다. 가장 좋은 시나리오는 아이콘이 모든 사람에게 작동하도록 아이콘을 "수정"하는 것입니다.하지만 불가능할 수도 있습니다. 대안으로 더 나은 서비스를받을 수있는 개발자 세그먼트는 항상있을 것입니다.

우리 개발자에게 필요한 것은 테마 가능한 UI 아이콘 세트를 갖는 방법이라고 생각합니다. 테마를 만드는 사람, 접근성 목적으로 테마를 사용하는 사람, 삶의 질 향상을 위해 한 가지만 변경해야하는 사람 모두에게 큰 삶의 질 향상이 될 것입니다.

되돌릴 수 있습니까?

트윗 담아 가기

되돌릴 수 있습니까?

https://github.com/microsoft/vscode/issues/78024#issuecomment -520546880

실제로 새로운 아이콘에 대한 방어는 아니지만, 분해하려는 시도와 언급 된 문제에 대한 몇 가지 생각 :

1. 미학-나는 실제로 새로운 세트를 좋아하지만 그다지 중요하지 않습니다 ... 글쎄요, 사실 디버그 아이콘을 제외한 모든 것을 좋아합니다. 내가 싫어하는 디버그 아이콘과 나무의 쉐브론을 좋아합니다. 반면에 빵 부스러기이므로 다시 한 번 중요 하지 않습니다 . 나는 이것이 전혀 토론의 포인트가되어서는 안된다고 말하려고합니다. 많은 사람들이 그들을 좋아하는 것처럼 많은 사람들이 그들을 좋아하지 않습니다. 예를 들어, 내부자 단계에서 심각한 불만이 없었다는 사실은 기본적으로 모든 내부자가 그 (것)들과 비슷하거나 적어도 받아들이는 것을 의미합니다. 전반적으로-미학적 측면에서 모든 것에 맞는 하나의 크기는 없으며 제작자의 디자인 결정을 존중해야합니다.
2. 가독성-이것은 글리프가 기본 기능의 의미를 적절하게 전달하는 능력을 의미합니다. 이것에 대해-나는 진정으로 불만을 얻지 못합니다. 모든 새로운 글리프는 매우 명확합니다. 새로운 확장 아이콘은 다르지만 실제로 그릴 수없는 단어 중 하나입니다. 아이콘이 무엇을 의미하는지 알면 바로 알 수 있습니다. 솔직히 여기서는 문제가 보이지 않습니다. 아이콘이 약간 이상하다면-한 시간 이상은 안 돼요-그 후에는 익숙해집니다.
3. 명확성 / 흐림 성-이에 대해 불만 사항에 참여할 수 있습니다. 물론 비트 맵이 svg-s보다 훨씬 낫다는 주장은 무의미합니다. SVG-s는 갈 길이지만 아직 스케일링에 대한 잘못된 접근 방식이 있습니다. 주로 글리프의 크기가 24px로 조정된다는 것을 알고 있다면 16px 및 배율로 디자인하지 마십시오. 그것은 간단한 수학입니다-24/16은 1.5이므로 16px에서 24px에서 1px 인 라인은 ... 음 ... 1.5px-1px도 아니고 2px도 아니기 때문에 디자인에 의해 흐려집니다. 검색 및 바꾸기 아이콘은 이전에는 읽을 수 없었기 때문에 표현하려는 이미지에 비해 너무 작습니다. 잘못된 스케일링은 단순히 문제를 악화시킵니다.

아 예-그리고 접는 갈매기의 문제. 거터를 코드 배경과 같은 색으로 만들지 않는 한, 어떻게 블렌딩 할 수 있는지 상상할 수 없습니다.하지만 이것은 기본적으로 잘못된 것입니다. 왜 그렇게할까요, 정말 이해가 안 돼요. 같은 논리에 의해 나는 그런 경우에도 줄 번호가 코드와 섞일 것이라고 말하고 싶습니다.

@lllopo 나에게 가독성은 단 하나의 중요한 문제입니다. 에스테틱은 부차적입니다.

새로운 아이콘은 대비가 적고 색상, 무게, 형태의 다양성이 적고 배경과의 분리가 적어 더 얇아졌습니다. 특히 가벼운 테마.

저에게있어 그것들을 사용하는 것은 정교한 시각적 작업이되고 있습니다. 실제 목적이나 코딩 및 디버깅에서 집중해야합니다.

나보다 시력이 더 좋을 수도 있습니다. 그러나 일부에게는 작동하고 다른 사람들에게는 부담을주는 아이콘을 디자인하는 것은 잘못입니다.
이는 사용성 / 접근성 문제이며, 가능한 모든 사용자를 활성화하고 포함하도록 적절히 처리해야합니다.

@lllopo 나에게 가독성은 단 하나의 중요한 문제입니다. 에스테틱은 부차적입니다.

새로운 아이콘은 대비가 적고 색상, 무게, 형태의 다양성이 적고 배경과의 분리가 적어 더 얇아졌습니다. 특히 가벼운 테마.

저에게있어 그것들을 사용하는 것은 정교한 시각적 작업이되고 있습니다. 실제 목적이나 코딩 및 디버깅에서 집중해야합니다.

나보다 시력이 더 좋을 수도 있습니다. 그러나 일부에게는 작동하고 다른 사람들에게는 부담을주는 아이콘을 디자인하는 것은 잘못입니다.
이는 사용성 / 접근성 문제이며, 가능한 모든 사용자를 활성화하고 포함하도록 적절히 처리해야합니다.

나는 당신에게 어느 정도 동의하지만 더 읽기 쉽게 만들기 위해서는 적절한 확장의 문제라고 생각합니다. 그리고 예-적절한 채색도 가능하지만 테마에 따라 다르지 않습니까?

나는 새로운 아이콘이 완벽하다고 생각합니다. 조금 차가워 져야합니다.
인터넷은 항상 "ch-ch-changes !!" 어쨌든.

@cerib

모든 것이 괜찮다고 생각하는 것은 한 가지입니다. 논쟁의 여지가 있지만 이것은 귀하의 개인적인 의견과 취향입니다.

다른 사람들에게 당신의 길을 받아들이라고 말하고 (그리고 당신이 거기에있는 동안 비웃음)? 글쎄, 전혀 멋지지 않습니다.
다른 사람들이 다른 의견을 가질 자격이 있고 당신이 가질 수없는 한계가 있다는 것을 받아 들여보십시오.

그리고, IMHO, 이것이 여기서 요점입니다. 새로운 디자인은 특정 시각적 제한을 가진 사람들에게는 정말 더 나쁩니다.

이것은 전체 Blender 2.79> 2.8 아이콘 논쟁을 생각 나게합니다.

다양하고 즉각적으로 알아볼 수 있으며 기억에 남는 현대적, 평면적, 모노톤으로 이동합니다.
물론 일관성과 전반적인 품질에 대한 주장을 할 수 있습니다. 그러나 이것은 잘못된 방향으로 나아가는 단계입니다.

확장 / 축소 아이콘 (현재 갈매기 형)을 다시 작은 삼각형으로 구성하도록 허용 해주세요. 나는 그것을 매우 선호합니다.

나는 새로운 아이콘이 완벽하다고 생각합니다. 조금 차가워 져야합니다.
인터넷은 항상 "ch-ch-changes !!" 어쨌든.

여기 대부분의 사람들이 건설적인 비판을하고 있다고 생각합니다.

새로운 아이콘을 좋아합니다! : heart_eyes :

새 아이콘은 훌륭합니다. LiveShare 팀이 아이콘을 업데이트하는 데 도움을 줄 수 있다고 생각하십니까? https://github.com/MicrosoftDocs/live-share/issues/2601

좋습니다. 새로운 디자인에 감사드립니다.

그러나 Explorer 및 Extensions 아이콘의 둥근 모서리는 Microsoft의 아이콘 지침 과 일치하지 않습니다

둥근 모서리는 USB 드라이브의 셸 모서리와 같이 실생활에서 다소 둥글지만 금속 포트의 실제 모서리는 아닙니다.

탐색기 아이콘은 2 장의 종이입니다. 종이에 둥근 모서리가있는 공식 Microsoft 아이콘을 찾을 수 없습니다.

확장 프로그램 아이콘에 대해 토론 할 수 있지만 빌딩 블록을 표현해야한다면 레고는 매우 날카로운 모서리를 가지고 있습니다.

또한 눈에 훨씬 쉬울 것입니다.

UWP 앱 전용이므로 이러한 지침을 따르지 않습니다.
코드는 UWP가 아니므로 표준을 따를 필요가 없습니다. 어쨌든, MS
브랜드가 변화하고 있으므로 하루가 끝나면 아이콘이 변경 될 것입니다.
너무. @ 10F

2019 년 8 월 15 일 목요일 오후 12시 30 분 10F [email protected] 작성 :

좋습니다. 새로운 디자인에 감사드립니다.

그러나 탐색기 및 확장 아이콘의 둥근 모서리는
Microsoft의 아이콘 가이드 라인과 일치합니다.
https://docs.microsoft.com/en-us/windows/uwp/design/style/icons

둥근 모서리는 실생활에서 다소 둥근 모서리를위한 것입니다.
USB 드라이브의 셸 가장자리와 비슷하지만 실제 모서리는 아닙니다.
금속 포트.

[이미지 : 59722433-844b4680-91d8-11e9-9428-2b36137b0f0a]
https://user-images.githubusercontent.com/18104031/63091392-7c9ce980-bf5e-11e9-846e-191fbfa7cc55.png

탐색기 아이콘은 종이 2 장입니다. 공식을 찾을 수 없습니다.
둥근 모서리가있는 종이 시트가있는 Microsoft 아이콘
종이.

확장 프로그램 아이콘에 대해 토론 할 수 있습니다.
빌딩 블록을 나타내며 레고는 매우 날카로운 모서리를 가지고 있습니다.

또한 눈에 훨씬 쉬울 것입니다.

—
당신이 언급 되었기 때문에 이것을 받고 있습니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/microsoft/vscode/issues/8017?email_source=notifications&email_token=AFKK6BOM5YVVPFHX2O4KHYDQEU44ZA5CNFSM4CHQNTN2YY3PNVWWK3TUL52HS4DFWSVREXG43VMV803 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AFKK6BP2AC7ZTTBDXSW6IB3QEU44ZANCNFSM4CHQNTNQ
.

-
감사합니다.

헤이든 영
[email protected]

내 일반적인 싫어하는 것 외에도 여기에 몇 가지 사소한 멍청이가 있습니다.

• 확장 / 축소 가 더 이상 모두 축소 와 일치하지 않습니다.
  모두 축소 아이콘은 확장 / 축소에 대해 설정된 이전 사각형 아이콘과 일치했지만 새 갈매기 표를 사용하면 더 이상 관계가 명확하지 않습니다.

• 폴더 아이콘은

최신 정보

피드백을 제공 해주신 모든 분들께 감사 드리며, 저희는 일주일 내내 여기와 트위터에서 듣고 있으므로 시간을내어 의견을 보내 주셔서 감사합니다. 이로 인해 발생한 몇 가지 문제가 있으며 곧 문제를 해결할 수 있도록 우선 순위를 지정하려고 노력해 왔습니다.

아이콘이 너무 얇거나 잘 보이지 않는다는 피드백과 관련하여이 피드백을 MDL (Microsoft Design Language) 아이콘 작업을하는 아이콘 팀에 전달했으며이 피드백을 해결하기 위해 노력하고 있습니다.

다음은 귀하가 원하는 경우를 대비하여 저희가 적극적으로 추적하고있는 문제 목록입니다 ( icons-product 문제의 전체 목록도 볼 수 있습니다).

• 새로운 아이콘 스타일에 맞게 Octicons 업데이트 # 76909
• 확장 프로그램 작성자를위한 아이콘 라이브러리 제공 # 74974
• 새로운 아이콘 스타일에 맞게 확장 아이콘 업데이트 # 77411
• 새로운 알림 아이콘은 매우 읽을 수 없습니다. # 78857
• 코드 접기 쉐브론 아이콘이 혼란 스러움 # 78024
• 제품 아이콘 구성 허용 # 79130

이전에 이미 게시 된 것을 알고 있지만 새 아이콘의 채워진 버전에 대한 옵션 (또는 전체 전환)을 요청하고 싶습니다.

[스레드의 앞부분에 @misolori가 처음 게시 한 이미지]

@ Hum4n01d 귀하의 의견 바로 위에 내 게시물 업데이트를 참조하십시오.

• 제품 아이콘 구성 허용 # 79130

아, 미안해 😅 놓 쳤어

새 업데이트를받는 동안 이전 아이콘으로 되돌릴 수 있습니까?

나는 개인적으로 매우 새로운 것 (특히 작업 표시 줄에, 다른 사람이 괜찮) 이상 오래된 것들,이 기능은이다 선택 하에서 꽤 신경 wracking로 제작되지 않은 사실을 선호합니다.

https://github.com/microsoft/vscode/issues/78748#issuecomment -519795130을 보았지만 이전 버전으로 롤백하고 싶지 않습니다.

https://github.com/microsoft/vscode/issues/78748#issuecomment -519989407

죄송합니다. 이전 버전으로 롤백하지 않고 이전 아이콘을 사용할 수있는 방법이 없습니다.

어서 사람들 ..

편집하다:

https://github.com/microsoft/vscode/issues/79130#issuecomment -521794152에서 잠재력을 봅니다.

안녕하세요 여러분, 훌륭한 무료 제품에 감사드립니다. 그러나이 새로운 아이콘은 형편 없습니다. 그들 중에는 색이 없습니다 ... 왜 그렇죠?

우리에게 "통일" 의 가치는 정확히 무엇이며 통일은 왜 색을 제거하는 것을 의미합니까?

안녕하세요 여러분, 훌륭한 무료 제품에 감사드립니다. 그러나이 새로운 아이콘은 형편 없습니다.

나는 완전히 동의합니다-MS는 고장 나지 않은 것을 고치는 것을 중단하십시오!
팀의 다양성 등에 대한 모든 이야기를 통해 이제 모든 것을 통합해야합니다.
Microsoft 제품이지만 커뮤니티의 노력이기도합니다.
나는 VS 코드를 담당하는 팀이 지금까지 사용자와 기여자의 목소리를 듣고 있었다는 것을 인정해야합니다. 그것이 vscode가 그렇게 굉장한 이유의 일부입니다!
이번에도 그럴 수 있기를 바랍니다!
macOS 또는 Adroid에서했던 것처럼이 제품의 업데이트를 중단하고 싶지 않습니다.

나는 업데이트를 좋아한다. 감사합니다!

이와 같은 변화는 항상 어떤 사람들은 불만족스럽게 만들 것입니다. 하지만 개인적으로도 좋아합니다! 멋진 업데이트에 감사드립니다!

업데이트에 대해 내가 싫어하는 것은 모든 사용자 영역 확장 아이콘이 이제 새 테마와 일치하지 않는다는 것입니다. 또한 아이콘이 더 작은 이유는 무엇입니까? 어쨌든 새로운 업데이트가 마음에 든 것 같습니다.
전에 | 지금

이 PR을 읽으면서 왜 도입되었는지 이해하지만 둥근 모서리와 매우 얇은 스트로크 폭을 결합하면 사용자가 많은 작업을 수행하게됩니다.

쓰레기통이 흐릿하고 분할 패널이 베개처럼 보입니다.

이 처음 두 아이콘에서 +를 볼 수 없습니다.

일반 화면과 망막 화면 모두에서 명확하게 렌더링되도록 아이콘을 수정하는 것이 좋습니다. "픽셀 맞춤"기술을 살펴보십시오. @dcurtis에 의해 2012 년에 https://dcurt.is/pixel-fitting

약간 익숙해지면 대부분의 새 아이콘 (사이드 바, 탐색기)이 전반적으로 더 좋아 보입니다.

저는이 간단한 이유로 새로운 윤곽선 아이콘을 좋아합니다. 문자와 같은 방식으로 더 읽기 쉽습니다.

새 아이콘은 한눈에 해석하기가 참으로 어렵습니다. 예전 아이콘에는 문제가 없었습니다.

저는이 간단한 이유로 새로운 윤곽선 아이콘을 좋아합니다. 문자와 같은 방식으로 더 읽기 쉽습니다.

화면, 방의 조명 및 사람에 따라 다릅니다. 이것이이 문제에 대한 코멘트 309라는 사실 (그리고 이것은 많은 관련 문제 중 하나의 문제입니다)은 얼마나 많은 사람들이 새로운 아이콘에 문제를 겪고 있는지 알려줍니다.

새로운 활동 표시 줄 아이콘을 읽기가 더 어렵습니다. 그들은 또한 나를 위해 꽤 흐릿하게 보입니다. 그래도 창 확대 / 축소 수준 -2를 사용합니다.

일반 사용자가 아니기 때문에 모든 아이콘에 대해 말할 수는 없지만 사이드 바의 눈에 띄는 아이콘이 이제 더 깨끗 해졌고, 혼란이 없어 졌기 때문에 오랫동안 편집기에서 작업하는 것이 더 편안해졌습니다. : +1 : 감사합니다!

"작동하면 만지지 마십시오!" -이로 인해 "오래된 아이콘을 되 돌리는 것"에 대한 많은 댓글이 발생했다고 생각합니다.

그리고 여기이 주제에 대한 저의 겸손한 공헌이 있습니다. 이전 git 관련 아이콘은 밀도가 낮은 화면에서 더 선명하게 보입니다 (현재의 아이콘은 화면 위의 먼지 입자와 거의 같습니다). 또한 아이콘의 불일치가 악화되었습니다.

@zzzorgo 스크린 샷에있는 일관성없는 아이콘은 GitLens 플러그인에 속합니다. GitLens 아이콘은 이미 @eamodio 에 의해 업데이트되었으며 곧 출시 될 예정입니다!