안녕 모두! Windows IXP(이전의 컴포지션) PM은 여기 내 아이디어를 믹스에 추가하고 싶었습니다. :) 여기 내가 엉망으로 만든 몇 가지가 있습니다. 여러분의 생각을 알려주세요!

귀하의 제출물은 훌륭합니다, @embender. 나는 특히 마지막과 첫 번째 것을 좋아합니다.

제품군 내의 다른 제품에 배치되지 않은 WinUI 아이콘을 빠르게 조롱했습니다.

인크레더블, @iconredesign! 앱 영역을 불러일으키기 위해 아이콘에 음영을 사용하는 것이 좋습니다.

Microsoft Word 아이콘(아래)과의 혼동을 피하기 위해 Fluent Design System 색상 또는 이와 유사한

전적으로! 나는 WinUI 테마 색상을 유지하려고 노력했지만, 아마도 가장 짧은 눈으로 보기에는 동일하게 보일 수 있다는 생각이 떠올랐습니다.

제시된 지침을 살펴보고 수정본을 제출하겠습니다. 감사 해요!

@iconredesign

전적으로! 나는 WinUI 테마 색상을 유지하려고 노력했지만, 아마도 가장 짧은 눈으로 보기에는 동일하게 보일 수 있다는 생각이 떠올랐습니다.

제시된 지침을 살펴보고 수정본을 제출하겠습니다. 감사 해요!

좋은 소식이 있습니다. 새로운 테마 색상을 표준화하는 데 도움을 주실 수 있습니다. 우리의 가이드라인은 그런 점에서 의도적으로 느슨해져서 이것을 멋지게 만들 수 있는 자유를 가질 수 있습니다!

@SavoySchuler

꽃잎 장식

로고가 공식화되면 구매할 수 있는 셔츠를 볼 수 있기를 바랍니다.

@SavoySchuler

꽃잎 장식

로고가 공식화되면 구매할 수 있는 셔츠를 볼 수 있기를 바랍니다.

@shaggygi , 주목했습니다! 앞으로 몇 년 동안 어떤 종류의 디자인으로 매주 우리 셔츠를 입게 될까요? 스웨그에 대한 내 기준은 적어도 그 정도는 높습니다. 😉

@SavoySchuler 저는 너무 화려한 😄을 좋아하지 않습니다. 나는 보통 2주마다 GitHub 셔츠 를 입습니다. 간단한 최종 로고가 좋을 것입니다... 아마도 다른 사람들이 설명/홍보의 의미를 궁금해 하기에 충분할 것입니다.

디자이너가 완전한 선언문을 제공하는 것이 중요하다고 생각합니다. 그래서 여기에 있습니다.

물론 로고는 Microsoft의 다른 소프트웨어 제품을 연상시킵니다. 이것은 그 배후의 조직을 분명히 하고 모의 UI의 도상학은 이 앱의 용도를 명확하게 정의합니다. WinUI >는 Office 제품과 차별화되며, 문자 대신 대괄호와 슬래시를 사용하면 확연히 달라지고 문자의 혼동을 피할 수 있습니다. 전체적으로 아이콘은 1) Microsoft 제품, 2) UI 디자인을 위한 코드 기반 도구, 3) Office 제품이 아님을 명확하게 전달합니다.

평면 디자인은 앱의 주요 테마 색상이 배경까지 이어지는 요소를 통합합니다. 은유적으로 앱의 "기본"이며 Excel과 같은 앱의 디자인 계획과 일치합니다. "WebUI는 그 위에 있는 UI 디자인의 근간이다. 그것을 가능하게 했다"는 결론을 시각적으로 도출할 수 있다.

내 로고가 실제로 제품을 나타내는지 확인하기 위해 WinUI를 간략하게 조사하는 동안 광범위한 인터페이스 요소를 보여주는 샘플 인터페이스를 보여주는 플래그십 이미지가 표시되었습니다. 1) 추한 디자인을 피하기 위한 색상의 단순성, 2) 흰색과의 음영 차이일 뿐 아니라 중립적이며, 3) 트레이드를 통해 이를 더욱 강화하는 계층 구조를 강조하기 위해 해당 이미지에서 회색을 상징적으로 제거했습니다. 사용자 인터페이스 디자인(내가 개인적으로 좋아함), 4) 회색의 차별화된 톤은 아이콘이 렌더링되는 크기, 가장 중요한 것은 작업 표시줄의 크기에 관계없이 이 은유가 작동한다는 것을 의미했습니다.

따라서 표준화의 주제에서 디자인을 나타내는 데 이미 사용된 색상보다 Microsoft 사용자 인터페이스를 나타내는 데 더 나은 색상이 어디 있겠습니까? 그것은 이미 흰색과 완벽하게 흐릅니다.

마음에 드셨으면 좋겠고, 고민이 되시면 주저하지 마시고 올려주세요!

하지만 이 디자인에 얽매였다고 느끼셨다면 사과드립니다. 그래서 더 적절한 경우 새로 고침을 할 수 있습니다.

@iconredesign
디자인 이면의 아이디어는 괜찮지만 실행에 문제가 있습니다.

첫째, 둥근 모서리의 반경이 3개인 이유는 무엇입니까? 마스터 프레임에 대해 하나를 선택하고 > 안에 있는 상자와 카드에 대해 하나를 선택합니다.

둘째, 색상을 약간 조정해야 합니다. 상단에 밝은 음영을 표시하고 그 아래에 어둡게 표시하는 것은 의미가 없습니다.

셋째, 불투명도가있는 여러 개의 어두운 사각형으로 그림자를 만들려고 했습니까? 좀 더 추상적인 경우에는 괜찮지만 대부분의 경우 완료되는 방식이 아닙니다.

또한 디자인은 아이콘을 가져 와서 Illustrator에서 벡터화하고 약간 변경한 것처럼 보입니다(첫인상이 어땠는지).

그래서 나는 머리에 갇히는 것에 면역이 있기 때문에 외부의 의견이 필요합니다.

귀하의 제안을 고려하여 수정하겠습니다. 감사 해요!

그림자가 아직 초기 단계이므로 최종 결과가 이렇게 정리되지 않은 것처럼 보이지 않습니다. 원래 단순한 모형으로 생각했던 것과는 달리 말 그대로 손이 닿지 않은 것입니다.

안녕하세요 @SavoySchuler님 ,

@iconredesign

그림자가 아직 초기 단계이므로 최종 결과가 이렇게 정리되지 않은 것처럼 보이지 않습니다. 원래 단순한 모형으로 생각했던 것과는 달리 말 그대로 손이 닿지 않은 것입니다.

사각형을 만들고 색상을 선택하고 불투명도를 줄인 다음 복사하는 것보다 버튼 하나를 클릭하여 그림자를 얻는 것이 더 쉽지 않습니까? 😄

모든 문제 해결:

1 - 모든 반경을 통합하고 아이콘의 상단을 수정했는데, 이는 큰 실수였습니다. 카드는 인터페이스의 직선 모서리를 사용하도록 수정되었습니다.

2 - 이제 탐색 모음이 더 어두워지며 목록의 첫 번째 메뉴 항목과 동일한 음영을 공유합니다.

3 - 마지막으로 초기 목업을 위해 해당 부분을 돌진한 후 앞서 언급한 "하나의 버튼"을 클릭하여 이제 그림자가 훨씬 더 멋지게 보일 것입니다.

아이콘에서 누락 된 것을 찾고 있지만 지금은 괜찮아 보입니다.

@iconredesign
이제 수정으로 조금 나아졌습니다 🙂

IDK, 저만 그럴 수도 있지만 새로운 방향을 시도할까요? 워드 아이콘이 너무 생각나네요...

당신이 물었고, 나는 배달했습니다! 다른 테이크, 그래서 >는 인터페이스의 일부이고 요소가 시트에서 제거되어 호출 요소가 여전히 작동합니다. 파란색은 WinUI 파란색입니다.

@iconredesign
개선되고 있지만 이제 우리는 너무 평평하고 너무 날카로운 모서리를 가졌습니다. Fluent는 (약간) 그라디언트, 그림자 및 둥근 모서리 쪽으로 이동하고 있습니다.

회색/흰색 상자는 메뉴 항목을 나타냅니다. 또는?

편집: 또한 작은 크기(첫 번째 게시물에서 언급한 대로)에 대해 생각해 보세요. 이것이 얼마나 해독 가능한지 잘 모르겠습니다. :)

이 변형은 작은 크기를 염두에 두고 설계되었습니다. 그 크기에서는 그라디언트와 둥근 모서리를 효과적으로 사용할 수 없습니다. 이러한 요소가 사라지면서 모든 것이 축소되기 때문입니다.

이 디자인은 작업 표시줄에 완벽하게 표시되므로 안심하십시오. 주요 요소는 탐색 모음의 드롭다운 메뉴입니다.

@iconredesign
"더 큰" 버전을 만드세요. :D

또한 더 작은 크기에서도 그라디언트를 사용할 수 있습니다. 여전히 눈에 띌 것입니다. ;)
예: Visual Studio(코드) 아이콘, Sublime Text, Adobe 제품군, ...

나는 확실히 여러 방향을 탐색하고 있습니다! @iconredesign의 이 제출물이 정말 마음에

내가 좋아하는 몇 가지가 있습니다.

• Microsoft Office Suite 아이콘과의 정렬은 아이콘 세트를 보완합니다. 시각적으로 누가 제품을 제공하고 신뢰를 불러일으키는지 알 수 있습니다.
• 앱 비유가 훌륭합니다. 스크롤 막대와 루트 외부 창 플라이아웃은 새롭고 오래된 컨트롤 집합에 대한 명확한 호출입니다.
• > 텍스트는 이것이 개발자를 위한 도구라는 개념을 명확하게 합니다.

개념에 대한 아이디어:

• 주요 관심사는 Word의 색 구성표와의 융합인 것 같습니다. @embender 의 디자인이 좋은 점은 투톤 색 구성표로 분기하여 그녀의 첫 번째 및 세 번째 디자인이 너무 가까운 Office 아이콘 영역을 벗어나지 않고 성공적으로 색상을 활용할 수 있다는 것입니다. 이 디자인에 @embender 의 녹색/보라색 또는 다른 것과 같은 한 쌍의 색상이 포함될 수 있습니까?
• "앱 콘텐츠"도 Word처럼 보이지 않게 재구성할 수 있습니다. 그리드를 표시하거나 ProgressRing을 사용하는 것일 수도 있습니다. Windows 스토어의 "Xaml 컨트롤 갤러리" 앱에는 전체 UI 컨트롤 컬렉션과 해당 아이콘이 표시됩니다.

Xaml 컨트롤 갤러리 앱의 컨트롤 아이콘 미리 보기:

아마도 여기에 있는 영상 중 일부가 영감을 얻는 데 사용될 수 있습니까? 이 모든 항목을 클릭하면 UI 컨트롤의 실제 시각적 동작도 볼 수 있습니다.

@SavoySchuler도 Fluent 치료를

내일 목업을 만들어 올려보겠습니다

현재 아이콘의 </> 부분일 수도 있습니다.

또는 오래된 것의 레트로, 친숙한 아이콘을 현대화하는 것은 어떻습니까?

내 조잡한 스케치를 용서하십시오.

또한 @iconredesign 과 마찬가지로 gt-lt 중괄호에 대해 다른 WinUI 친화적 글꼴을 사용할 수 있으며, 나에게는 중괄호 부분 자체로 충분하고 나머지는 필요하지 않습니다.

나는 그것이 견고하고 최소한의 단순함에 투표합니다. 그라디언트를 사용하지 마십시오. 97'을 느끼게 합니다.

@SavoySchuler W 아이콘은 아름답지만 MS Office Word를 외치고 있습니다. W 대신 mabe, </> 또는 괴상하고 친숙한 것입니다.

이봐, 거의 언급하는 것을 잊었다. 현재 로고는 나에게도 효과적이다!

새로운 Office 아이콘 스타일을 멀리해야 할 수도 있습니다. 이 아이콘은 Office 365 제품군의 일부이므로 Microsoft와 관련된 모든 항목에 아이콘을 두는 것은 의미가 없습니다.

크기가 잘 맞는 아이콘을 디자인하는 것은 정말, 정말 어렵습니다. Microsoft 디자인 팀에 연락하여 이 문제를 도와줄 수 있는 사람이 있는지 확인하는 것이 좋습니다.

매우 기본적인 .NET Core 로고에서 영감을 받아 시도했습니다. 그들은 실제로 UI 프레임워크를 '비명'을 지르지 않으므로 문제가 될 수 있습니다. 반면에 .NET 제품군과 같은 다른 프레임워크 로고와도 잘 맞을 수 있습니다.

개념 1

개념 2

개념 3

@neils9001 FWIW, 저는 컨셉 1을 정말 좋아합니다. 영감에 대한 좋은 생각입니다. (저는 개념 2와 비교하여 WinUI 텍스트를 모두 한 줄로 표시하는 것을 선호합니다). 개념 3도 꽤 좋습니다. 확장 가능하고 간단하며 매끄럽게 보입니다.

우리가 이미 여기 있고 WinUI의 아이콘과 브랜딩에 대해 생각하고 있다면 "다른 절반"인 시스템 API( Microsoft.Windows.SDK.Contracts NuGet 패키지)를 WinAPI라고 부를 수도 있습니다.

나는 사무실과 같은 아이콘 텍스트가 "UI"또는 "API를"존재와 UI에 대한 그것의 나머지는 그 추상적 인 유창 예술의 한 (같은 같은 것이다 디자인 상상할 수있는 이를 수) 및 "API" 하나 이상의 톱니가 되십시오. 유창한 톱니가 있습니다.

엄격한 로고, 작은 레이블은 Windows 로고와 그 옆에 "UI" 또는 "API"라는 텍스트가 있을 수 있습니다. 물론 추상적인 유창한 것들과 톱니가 있는 예술적인 부분.

@MySelfMaruf 개인적으로 WinUI가 Windows에 연결되지 않았으면 합니다. TBH 이름이 Win이 아니었으면 합니다. 따라서 모든 .NET Core(또는 .NET Standard 환경)에서 작동하는 .NET Core UI의 향후 확장을 위해 정신적으로 열려 있어야 합니다.
이 기능 요청을 참조하십시오.

실제로 "UI" 개념 @petroemil 에 대해 비슷한 생각을 했습니다.

다음은 내가 정리하고 편집한 첫 번째 시도입니다.

창과 분리된 두 번째 제출의 초안을 작성하고 싶습니다. @weitzhandler 는 이것과 Windows 또는 Microsoft의 스타일을 직접 연결하는 것을 피하는 것이 좋습니다.

@AmNotAdev

@weitzhandler 이 스타일과 Microsoft를 직접 연결하지 않는 것이 좋습니다.

나는 마이크로소프트가 아니라 윈도우를 언급하고 있었다.

실제로 "UI" 개념 @petroemil에 대해 비슷한 생각을 했습니다.

Windows와 분리된 두 번째 제출물을 작성하고 싶습니다. @weitzhandler 와 이 스타일을 Microsoft와 직접 연결하지 않는 것이 좋습니다.

동의. .Net Core UI 또는 .Net UI에 대해 생각해 보면 흥미로울 것입니다. 그러나 이제 이 아이콘을 Office 브랜드와 연관시키는 것이 좋습니다. 현재 오피스 브랜드만 스몰 컷 아웃을 사용하고 있습니다. 드롭패널과 함께.

또한 이것이 완전한 브랜드 변경 및 이름 지정을 유발한다면 Windows Community Toolkit을 어떻게 더 잘 통합할 수 있습니까?

WinUI
WinUI 커뮤니티 툴킷?

내 나쁜, 하지만 여전히 @weitzhandler에 동의

내가 첫 번째 초안을 위해 이 경로를 선택한 이유를 설명하기 위해 이것은 단지 사무실 브랜드 스타일이 아니라 Skype, OneDrive 및 Microsoft Teams를 비롯한 다른 Microsoft 플랫폼에서 이러한 스타일의 로고를 사용하고 있습니다(Skype 및 OneDrive에는 컷아웃이 없지만 Teams는 그것).

다른 것을 시도하기 전에 그 스타일의 브랜드 로고가 어떤 모습일지 알아보는 것은 멋진 실험이라고 생각했습니다. cc @niels9001

@niels9001 @weitzhandler WinUI는 .NET 전용이 아니며 기본 앱을 위한 UI 프레임워크이기도 하며 향후 Python 지원에 대해 기억하고 있을 수도 있습니다. 말할 것도 없이 Xamarin, Uno 또는 곧 출시될 React Native 솔루션과 같은 것에 대한 기본 프레임워크이기도 합니다.

커뮤니티가 도상학에서 함께 모이는 것을 보는 것은 항상 흥미진진합니다! ✨

나는 다양한 미디어/상품에 걸쳐 꽤 잘 확장할 수 있다고 생각하는 초기 초안을 생각해 냈습니다. 중앙에는 각 면이 다양한 색상으로 음영 처리된 둥근 큐브가 있습니다. 현재 Windows 브랜드 팔레트에서 선택하고 있으며 이는 분명히 변경할 수 있습니다.

크거나 작음 기호는 큐브를 둘러쌉니다. 이것들은 더 작은 크기에서는 보이지 않으며 대신 큐브에 초점을 맞춥니다.

로고는 상품 목적으로 윤곽을 잡을 수도 있습니다. 그것이 티셔츠에 어떻게 보일 수 있는지에 대한 아이디어를 조롱했습니다.

여전히 WIP, 피드백은 매우 감사합니다. 😊 너무 추상적으로 느껴지지 않을까 걱정이 되지만, 판단은 커뮤니티에 맡기겠습니다!

@itsmichaelwest가 급습하여 언제나처럼 훌륭한 일을 하고 있습니다 :)

저는 몇 가지 아이디어를 스케치해 왔으며 더 세련된 아이디어로 만들기 위해 노력할 것입니다.

다음은 Visual Studio의 로고를 기반으로 한 것입니다.

Fluent Design 사이트에서 영감을 받은 로고는 다음과 같습니다.

16px 및 32px 크기의 세련된 아이콘

실제로 "UI" 개념 @petroemil에 대해 비슷한 생각을 했습니다.

Windows와 분리된 두 번째 제출물을 작성하고 싶습니다. @weitzhandler 와 이 스타일을 Microsoft와 직접 연결하지 않는 것이 좋습니다.

동의. .Net Core UI 또는 .Net UI에 대해 생각해 보면 흥미로울 것입니다. 그러나 이제 이 아이콘을 Office 브랜드와 연관시키는 것이 좋습니다. 현재 오피스 브랜드만 스몰 컷 아웃을 사용하고 있습니다. 드롭패널과 함께.

또한 이것이 완전한 브랜드 변경 및 이름 지정을 유발한다면 Windows Community Toolkit을 어떻게 더 잘 통합할 수 있습니까?

WinUI
WinUI 커뮤니티 툴킷?

장기적 관점에서 디자인은 Windows(win) UI 명명을 사용하지 않아야 합니까?

실제로 "UI" 개념 @petroemil에 대해 비슷한 생각을 했습니다.

Windows와 분리된 두 번째 제출물을 작성하고 싶습니다. @weitzhandler 와 이 스타일을 Microsoft와 직접 연결하지 않는 것이 좋습니다.

동의. .Net Core UI 또는 .Net UI에 대해 생각해 보면 흥미로울 것입니다. 그러나 이제 이 아이콘을 Office 브랜드와 연관시키는 것이 좋습니다. 현재 오피스 브랜드만 스몰 컷 아웃을 사용하고 있습니다. 드롭패널과 함께.

또한 이것이 완전한 브랜드 변경 및 이름 지정을 유발한다면 Windows Community Toolkit을 어떻게 더 잘 통합할 수 있습니까?

WinUI
WinUI 커뮤니티 툴킷?

콜아웃 @niels9001에 감사드립니다. 🦙❤

그러나 Windows Community Toolkit은 단순한 UI 그 이상입니다(단, 컨트롤과 XAML 작업이 가장 큰 부분을 차지함). 여기에서 공동 브랜딩이 얼마나 의미가 있는지 잘 모르겠습니다. 특히 WinUI 팀이 툴킷을 관리하지 않기 때문에 우리는 별개의 조직입니다. 그래서 그것은 다른 곳에서 더 큰 토론이 될 것입니다.

디자인에 대한 인풋은 기존 책 아이콘이 컨트롤 라이브러리라서 너무 좋았어요... 😛

마음을 바꿀 수 있다고 생각하게 만드는 디자인이 몇 가지 있다고 합니다... Office 디자인 패턴에서 벗어나야 한다는 데 동의합니다.

안녕하세요 @SavoySchuler님 ,

이것은 멋진 질문입니다, @saracley! 커뮤니티의 요구 사항을 충족하기 위해 지속적으로 발전하는 WinUI에 대한 공식적인 임무는 없지만 WinUI 3의 목표는 다음과 같습니다.

"WinUI 3는 최신 Windows 프레젠테이션 플랫폼을 더 많은 개발자에게 더 빠르고 개방된 방식으로 제공할 것입니다."

도움이 된다면 이 안에 있는 내용을 조금 더 풀어볼 수 있습니다. 기술적인 세부 사항으로 인해 창의적 정신이 흐트러지지 않도록 하고 싶습니다. 바로 알려주세요! 😊

다음은 Office의 Fabric 아이콘처럼 보이도록 양식화된 현재 책 로고에 대한 제 의견입니다. 나는 또한 앞서 언급한 @petroemil 처럼 "WinAPI"에 대한 개념을 만드는 자유를

WinUI 패브릭

WinAPI 패브릭 [A]

WinAPI 패브릭 [B]

네이밍을 주제로

실제로 "UI" 개념 @petroemil에 대해 비슷한 생각을 했습니다.

Windows와 분리된 두 번째 제출물을 작성하고 싶습니다. @weitzhandler 와 이 스타일을 Microsoft와 직접 연결하지 않는 것이 좋습니다.

동의. .Net Core UI 또는 .Net UI에 대해 생각해 보면 흥미로울 것입니다. 그러나 이제 이 아이콘을 Office 브랜드와 연관시키는 것이 좋습니다. 현재 오피스 브랜드만 스몰 컷 아웃을 사용하고 있습니다. 드롭패널과 함께.
또한 이것이 완전한 브랜드 변경 및 이름 지정을 유발한다면 Windows Community Toolkit을 어떻게 더 잘 통합할 수 있습니까?
WinUI
WinUI 커뮤니티 툴킷?

장기적 관점에서 디자인은 Windows(win) UI 명명을 사용하지 않아야 합니까?

제품 이름 지정에 대한 훌륭한 토론이 많이 있습니다. 이것은 물어볼 좋은 질문입니다!

@petroemil이 언급했듯이 WinUI는 .NET 전용이 아닙니다. React Native를 비롯한 여러 개발 프레임워크에서 활용할 수 있는 Windows 네이티브 앱용 최신 UI 프레임워크일 뿐만 아니라 Xamarin 및 Uno와 같은 기본 프레임워크입니다.

우리의 목표는 세계 최고 수준의 UI를 만드는 가장 빠르고 쉽고 개방적인 방법을 제공하는 것입니다. "WinUI"의 "win"을 "🏆UI"라고 생각하십시오. 당신은 내가 농담한다고 생각하지만 우리는 🏆Dev(WinDev) 팀에서 항상 이것을 합니다.

🏆를 합법적인 로고로 번역할 수 있는 방법을 생각하는 사람이 있다면 @jeffbog 의 주간이 될 것입니다.

또한 Fabric 아이콘(여기서 "Office 아이콘"이라고 함)은 MS Office에 국한되지 _않습니다. 예를 들어 Your Phone과 새로운 Windows Terminal은 Office와 전혀 관련이 없음에도 불구하고 모두 Fabric 아이콘을 사용합니다.

Fabric 스타일은 Your Phone, Terminal(Ubuntu 포함) 및 Azure(웹 사이트에서 Fabric 사용)를 포함한 플랫폼 간 서비스에 맞춰져 있는 것 같습니다. WinUI가 크로스 플랫폼도 되어야 한다면 WinUI를 다른 크로스 플랫폼 서비스와 연결하는 것이 완벽할 것입니다.

@yoshiask 나는 당신의 위에 몇 가지 게시물과 같은 영감으로 갔다! 저도 Fabric에 대해 같은 말을 하려고 노력했지만, 저보다 훨씬 더 잘 이끌어 주셨습니다.

나는 당신의 것이 어떻게 생겼는지 좋아하지만 현재 Fabric 로고보다 조금 더 컴팩트하게 느껴집니다.

@AmNotADev "컴팩트"에 대해 자세히

@yoshiask 로고의 "배경" 섹션 너비가 다른 Fabric 로고 비율과 일치하지 않는 것 같습니다. 약간... 찌그러져 보이죠? 전체 로고가 더 정사각형으로 느껴지도록 조금 더 넓게 만들 것입니다.

나는 반대의 문제가 있었고 내 것을 일치시키기에 너무 넓게 만들었습니다.

아, 정당한 지적. 작업할 때 현재 디자인의 비율과 일치했던 것 같은데, 다시 변경하는 것을 잊었습니다.

예를 들어 크기와 위치를 수정하면 이전 제출에 대한 편집 내용이 있습니다.

너비는 고정되어 있습니다('언더 카드', 파란색 음영이 잘못되었습니다. 웁스. 그래도 스팸 메일을 보내고 싶지 않으므로 일단 두겠습니다)

내 Fabric 템플릿을 사용하여 @AmNotADev 의 디자인을 수정했습니다.

@SavoySchuler

거의 파워포인트 워드 아트처럼 보입니다.

축소된 버전, Office와 같은 Windows 10 Fluent 아이콘 스타일(아크릴 노이즈 포함), 책 은유를 유지합니다.

이전에 공유했던 동일한 디자인의 평면 및 단색 버전과 티셔츠 모형. 패브릭에 패브릭입니다!

안녕하세요!

여기 내 초기 디자인 아이디어가 있습니다.
어떻게 생각하나요?

안녕하세요!
이것은 WinUI에 대한 나의 아이디어입니다.

네이밍을 주제로

실제로 "UI" 개념 @petroemil에 대해 비슷한 생각을 했습니다.

Windows와 분리된 두 번째 제출물을 작성하고 싶습니다. @weitzhandler 와 이 스타일을 Microsoft와 직접 연결하지 않는 것이 좋습니다.

동의. .Net Core UI 또는 .Net UI에 대해 생각해 보면 흥미로울 것입니다. 그러나 이제 이 아이콘을 Office 브랜드와 연관시키는 것이 좋습니다. 현재 오피스 브랜드만 스몰 컷 아웃을 사용하고 있습니다. 드롭패널과 함께.
또한 이것이 완전한 브랜드 변경 및 이름 지정을 유발한다면 Windows Community Toolkit을 어떻게 더 잘 통합할 수 있습니까?
WinUI
WinUI 커뮤니티 툴킷?

장기적 관점에서 디자인은 Windows(win) UI 명명을 사용하지 않아야 합니까?

제품 이름 지정에 대한 훌륭한 토론이 많이 있습니다. 이것은 물어볼 좋은 질문입니다!

@petroemil이 언급했듯이 WinUI는 .NET 전용이 아닙니다. React Native를 비롯한 여러 개발 프레임워크에서 활용할 수 있는 Windows 네이티브 앱용 최신 UI 프레임워크일 뿐만 아니라 Xamarin 및 Uno와 같은 기본 프레임워크입니다.

우리의 목표는 세계 최고 수준의 UI를 만드는 가장 빠르고 쉽고 개방적인 방법을 제공하는 것입니다. "WinUI"의 "win"을 "🏆UI"라고 생각하십시오. 당신은 내가 농담한다고 생각하지만 우리는 🏆Dev(WinDev) 팀에서 항상 이것을 합니다.

🏆를 합법적인 로고로 번역할 수 있는 방법을 생각하는 사람이 있다면 @jeffbog 의 주간이 될 것입니다.

제 디자인 실력에 대해 미리 사과의 말씀을 드리고 싶습니다 . 다음 스케치를 보시고 상상력을 발휘해 주세요.

로고가 동전, 메달 (컵/트로피 대신)이라면?

WinUI의 경우 내부에 황금색 페인트 팔레트가 있는 은화일 수 있습니까? 또는 팔레트의 바깥쪽 곡선은 더 완벽한 원이 될 수 있고 원의 나머지 부분은 은색 조각으로 채워질 수 있습니다.

그리고 WinAPI는 아래 그림과 달리 가장자리에 톱니가 많은 비교적 얇은 톱니바퀴가 있는 은화일 수 있습니다.

동전의 한 면은 텍스트 UI / API 또는 </> / { # } 일 수 있습니다(기호 내의 기호가 너무 많을 수 있음 상징주의), 다른 쪽은 Windows 로고일 수 있습니다.

약간의 상상력이 필요하지만, 이것이 실제로 좋아 보인다고 상상할 수 있습니다.

인터웹의 몇 가지 추가 예:

• 머릿속에 떠오른 톱니바퀴 코인 디자인 : link
• 그리고 이미 거기에 있었고 예를 찾다가 BitCoin 코인도 꽤 멋져 보인다는 것을 깨달았습니다. link

여기 내 개념이 있습니다

@mdtauk 의 스케치 몇 개를 기반으로 합니다.

@SavoySchuler 하이브리드 이름 변경 + UI = HybrUI
모든 플랫폼을 위한 UI. GitHub의 HybrUI.

당신의 놀라운 아이디어에 감사드립니다: 색상과 XML 테마도 변형이 가능합니다!

이러한 디자인 중 많은 부분이 XML 테마를 참조하기 때문에 기존 로고를 사용하여 설문조사를 조금 더 밀어붙였을 수 있다고 생각합니다. 이것은 괜찮습니다! 그러나 XML은 사용할 수 있는 프로그래밍 언어 중 하나일 뿐입니다. 색 구성표와 동일 합니다. 파란색과 흰색을 고집할 필요가 없습니다!

이러한 테마 및/또는 색상을 전복하는 힙하고 트렌디한 아이디어를 생각할 수 있다면 공유하는 것이 좋습니다!

즉, WinUI의 이름을 바꾸는 것은 이 노력의 대상이 아니지만 로고 아이디어가 이름 바꾸기에 달려 있다면 어쨌든 자유롭게 제출하십시오. "WinUI"라는 이름이 붙은 로고가 최종 선택을 하게 될 사람들에게 더 많은 관심을 받을 수 있다는 점만 알아두시기 바랍니다.

당신은 모두 최고입니다. 놀라운 결과입니다! 🏆

@IUsername - 시간과 디자인의 놀라운 변화!! 🎺 @MikeHillberg 어떻게 생각하세요? 이것들이 당신의 창조적인 정신과 조화를 이루고 있습니까? @mdtauk 와 @embender 도 위의 실험적인 색 구성표를 가지고 있었습니다.

큐브와 대괄호 이미지를 XML이 아닌 XAML로 더 광범위하게 사용하는 것을 보았습니다. 그러나 예, WinUI는 XAML 이상이므로 XAML 아이콘을 넘어서는 것이 더 나을 수 있습니다.

나는 Book/Library 측면과 XAML 측면에 초점을 맞추려고 노력했습니다(현재 XAML은 WinUI가 사용하는 유일한 UI 프레임워크이며 WPF 및 GDI가 XAML을 프레임워크로 가져옴)

오늘은 64px에서 3배 확대한 청록색 아이디어가 있습니다. 재미있는!

솔직히, 나는 파란색과 회색 구성표를 고수하는 데 아무런 문제가 없다고 생각합니다. 파란색과 보라색(특히 파란색)은 Windows와 가장 밀접한 관련이 있는 것 같아서 WinUI 로고를 파란색으로 유지하는 데 문제가 없다고 봅니다. (이름에서 "Windows" 및 "Win"이 제거되지 않은 경우.)

또 다른 의견: Fluent Design 인터페이스는 앱의 색상이든 사용자의 강조 색상이든 단일 강조 색상에 크게 중점을 둡니다. Fluent 앱의 대부분의 색상은 강조 색상의 중간색과 변형만 사용합니다. WinUI의 색상 팔레트는 하나의 강조 색상과 검정, 흰색 및 회색과 같은 중간 색상만 사용하여 이를 반영해야 합니다.

여기에 최소한의 아이디어가 있습니다.

Microsoft는 아이콘으로 새로운 방향으로 가고 있는 것 같습니다. 재설계된 Office 아이콘과 새로운 Fabric 아이콘(여기에서 누군가가 언급한 것처럼)은 응집력 있는 디자인 언어의 일부로 도움이 되는 많은 요소를 공유합니다. 나는 그들 중 많은 것들이 깊이를 통합하고 생생한 색상을 가지고 있으며 추상적으로 서비스를 표현하고 내가 블록이라고 부르는 것으로 구성되어 있다는 것을 알아차렸습니다. Excel 아이콘을 가져옵니다. 블록은 선명한 녹색(거의 픽셀화된 그라디언트 방식으로)으로 표시되며 스프레드시트의 셀을 추상적으로 나타냅니다. 깊이는 "E"가 포함된 사각형이 그 아래 사각형에 그림자를 드리우는 깊이입니다. 나는 이러한 요소들을 내 디자인에 반드시 포함시켰습니다.

위의 예에서 묘사한 Office 아이콘의 구조에서 벗어나고 싶었습니다. WinUI는 Office 서비스가 아니므로 직사각형 창 위에 텍스트가 있는 정사각형을 갖는 것은 디자인을 위해 선택한 방향이 아닙니다. 대신 아이콘을 Microsoft 제품으로 분류하는 동시에 창의성을 위한 많은 공간을 허용하는 위에서 언급한 요소 중 일부를 사용하기로 결정했습니다.

내 디자인의 색상에 대해 단색 그라데이션 모양을 통합하고 싶었습니다(많은 Office/Fabric 아이콘에 표시됨). 나는 잘 어울리는 색상 조합을 얻는 방법에 대한 전문가가 아니기 때문에 Outlook 아이콘의 색상을 사용했습니다. 디자인을 원래처럼 파란색으로 만들고 싶었기 때문에 효과가 있었습니다. 나는 정말로 단지 일반적인 아이디어를 얻고 싶었고 그 음영이 효과가 있었습니다.

많은 디자인에서 블록을 사용하여 사용자 인터페이스를 추상적으로 표현했습니다. 일부 디자인에서 이를 수행하기 위해 정의되지 않고 WinUI 구성 요소를 사용하여 고안할 수 있는 모든 레이아웃을 수용하는 그리드를 사용했습니다. 이것은 구성 요소 라이브러리와 이를 사용하여 구축할 수 있는 인터페이스를 나타내는 가장 좋은 방법 중 하나로 느껴졌습니다.

나는 많은 디자인에서 그림자로 표시된 깊이를 사용했습니다. 깊이 효과는 그 중 일부에 대해 개선되어야 하지만 이전에 말했듯이 이러한 효과는 일반적인 개념을 이해해야 합니다.

궁금하신 분들이 계시다면 다음은 저의 초기 스케치 중 일부입니다.

위에 표시된 여러 반복이 있는 4개의 디자인이 있습니다. 각각의 사진과 함께 조금 더 자세히 설명하겠습니다.

1. 원래 로고의 현대화된 버전입니다. 나는 원본의 책과 도서관 비유를 정말 좋아합니다. 표지는 추상화된 UI를 보여주는 것으로 해석될 수 있습니다. 그래서 그것은 멋진 종류의 여러 은유를 포함합니다. 텍스트는 새로운 터미널 아이콘과 유사한 스타일로 작성됩니다. 북마크는 Fabric 아이콘과 Fluent Design의 주요 속성이기 때문에 저에게 중요한 깊이를 보여줍니다.

2. WindowsUI라는 이름을 문자 그대로 사용하면 이 디자인은 사용자에게 Windows 스타일 인터페이스를 보여줍니다.

3. 수직 탐색은 많은 앱과 사이트에 표시되는 Windows UI의 중요한 부분입니다. 이 디자인은 Windows 터미널 로고와 유사한 스타일로 단순화된 버전을 보여줍니다(모양과 두 가지 모두 주요 인터페이스 요소를 강조하는 방식. 터미널 아이콘의 경우 수직 탐색 대신 탭임). 텍스트를 더 읽기 쉽게 만들기 위해 색상을 약간 혼합해야 합니다. 나는 이것이 Windows 디자인 언어에 꽤 잘 어울린다고 생각했습니다.

4. 나는 이 디자인의 다양한 반복을 사용하여 UI(및 이를 구성하는 구성 요소)의 극단적인 추상화를 보여주려고 했습니다. 그들은 매우 단순하지만 멋지게 보입니다.

@NoahFeller - 정말 아이콘 1을 파고 있습니다! 나는 책 은유를 유지하는 것을 좋아하지만 책 표지의 격자를 이해하는지 잘 모르겠습니다. 파란색 격자는 아이콘에 약간의 노이즈를 추가하여 멀리서 분석하기 어렵게 만드는 것 같습니다. 더 간단한 "커버"로 어떻게 보일까요?

@stmoy 그것도 제가 좋아하는 것 중 하나입니다. 그리드 이면의 아이디어는 UI를 매우 단순하고 추상적인 방식으로 표현하는 방법이었습니다. 또한 WinUI의 프레임워크를 나타내는 것이라고 생각했습니다. 나는 당신의 요점에 동의합니다. 색상 음영이 더 비슷하면 노이즈가 덜 보이는 데 도움이 될 수 있습니다. 다른 패브릭 아이콘(내 휴대폰, 단말기, 오피스 아이콘)의 스타일에 맞게 블록을 구현하기 위해 최선을 다했습니다. 그리드가 없는 첫 번째 이미지의 왼쪽 하단에 아이콘 버전이 있습니다. 나는 그 모양이 마음에 들지 않기 때문에 몇 가지 다른 변형을 시도할 것입니다. 사각형의 색상과 레이아웃을 개선할 수 있습니다. 책갈피를 조금 더 넓히는 것도 고려 중입니다. 피드백을 주셔서 감사합니다!

@itsmichaelwest , 디자인에서 큐브는 무엇을 나타냅니까? 나에게 그것은 마크업 기반 UI 프레임워크보다 3D, AR, 공간 기호처럼 보입니다.

@itsmichaelwest , 디자인에서 큐브는 무엇을 나타냅니까? 나에게 그것은 마크업 기반 UI 프레임워크보다 3D, AR, 공간 기호처럼 보입니다.

@danzil , 잘 모르겠지만 재료를 나타내는 Fluent의 큐브일까요?

@stmoy @NoahFeller 로고에 사용한 몇 가지 요소와 원본의 책 아이디어, 1번 예제를 결합해 보고자 영감을 받았습니다.

@stevenbrix AFAIK Fluent Design 팀은 큐브 디자인에서 차원을 나타내는 단순한 윤곽선으로 이동했습니다.

파티에 너무 늦지 않기를 바랍니다!

여기 내 쪽의 기여입니다

이것이 내 생각입니다.

• WinUI는 주로 Windows용이므로 로고는 Windows 로고에서 파생됩니다.
• UI가 사용자와 상호 작용하는 최전선에 남아 있기 때문에 여기에서 파란색 구성 요소는 로고의 다른(회색) 구성 요소 앞에 있는 UI를 나타냅니다.
• Fluent Design을 나타내기 위해 파란색 구성 요소에 투명도와 그림자를 추가했습니다.
• 모서리를 약간 둥글게 처리하여 광택을 더했습니다.

그 외에 할 수 있는 일은

• > 기호를 파란색 구성 요소에 추가하여 WinUI를 강조할 수 있습니다.

너가 좋아하길 바래.

제안을 환영합니다.

@ratishphilip 내가 스케치하던 것과 비슷한 아이디어

@mdtauk , 당신이 맞습니다. 정말 작은 크기의 투명도에서는 그림자가 제대로 작동하지 않습니다.

여기에 또 다른 하나가 있습니다. 이전 제출과 유사한 개념이지만 Microsoft의 10월 2일 초대에서 영감을 받았습니다. :)

로고를 시계 반대 방향으로 45도 회전하면 로고에서 > 요소를 볼 수 있습니다.

@itsmichaelwest , 디자인에서 큐브는 무엇을 나타냅니까? 나에게 그것은 마크업 기반 UI 프레임워크보다 3D, AR, 공간 기호처럼 보입니다.

@danzil 큐브는 원래 XAML 로고에 사용된 유리/광택 큐브의 Fluent 표현입니다.

WinUI의 로고가 XAML 컨트롤 및 스타일 집합과 같이 제공하는 것을 어떻게든 나타내면 좋을 것이라고 생각했습니다.

이것에 매우 만족하지 않지만 누군가가 영감을 받으면 그것을보고 싶습니다!

이 로고를 동기화해야 합니까/유지해야 합니까? 그리고 Windows UI 및 XAML을 모두 포함하려면 모두 WinUI 이름을 공유해야 합니까?

@mdtauk 예 - 모든 아이콘을 새 로고의 이미지와 교차 수분시키는 것이 우리의 야망입니다. 😄

타임라인 업데이트: 다음 주 Top 5 발표!

친애하는 커뮤니티, 당신의 아이디어는 정말 대단합니다! 내가 당신이 막대를 올릴 것이라고 예상할 때마다 당신은 그것을 더 높이 올립니다. 우리는 이와 같은 프로젝트에서 여러분 모두와 함께 일하게 되어 매우 기쁩니다. 😊

우리는 다음 주 초를 목표로 지금까지 상위 5개 선택 항목을 전보하여 모든 사람이 9월 9 일에 하나로 좁히기 전에 마지막 회전을 할 수 있는 기회를 가질 수 있도록 하는 것을 목표로 하고 있습니다.

그때까지 우리는 계속해서 브레인스토밍과 창조에 동참할 것입니다!

아이콘의 통합된 제품군 - 모두 16px 그리드를 기반으로 하므로 내가 게시한 이전 로고 아이디어에서 시연한 것처럼 확장하면 세부 사항이 더 미묘해질 수 있습니다.

여기 또 하나

이 뒤에 개념

• WinUI는 코드 + XAML로 구성됩니다. 코드는 중괄호로 표시되고 XAML은 >로 표시됩니다.
• 또한 둥근 모서리가 있는 창을 나타내는 둥근 모서리가 있는 정사각형을 나타냅니다.

XAML을 강조하는 이것의 또 다른 버전

저는 제 디자인 중 하나가 메인 로고와 함께 제공되는 WinUI 아이콘에 어떻게 적용될 수 있는지 빨리 보여주고 싶었습니다. 디자인 1의 목표는 기존 아이콘을 Fabric/Fluent 스타일로 현대화하는 것이었습니다. 신선하고 새롭지만 친숙한 모습을 지향했습니다. 함께 제공되는 아이콘에도 동일한 전략이 사용되었습니다. 분명히 몇 가지 수정을 했지만 현대화 방식을 사용하면서 각 WinUI 아이콘의 기본 구조를 그대로 유지하기 위해 최선을 다했습니다. 그렇게 하면 이러한 아이콘이 롤아웃되는 경우 사용자는 아이콘이 무엇을 나타내는지 여전히 이해하고 공유된 모양이 단일 서비스의 일부로 함께 연결됩니다. 다른 새 아이콘과 보다 일반적인 요소를 공유하면 해당 아이콘이 Microsoft 제품임을 나타냅니다. 아이콘의 일부가 더 두꺼워졌기 때문에(문자 및 기타 세부 사항) 실제로는 꽤 잘 확장됩니다.

다음은 이전 제출물의 즉석 버전입니다.

로고에 대한 나의 견해

현재 로고를 단순하게 현대화하면 위의 개념 중 일부는 멋져 보이면서도 WinUI 아이콘의 개념에서 너무 많이 벗어난 느낌이 듭니다. 아이콘이 상자와 같을 수 있지만 노트북이 훨씬 더 멋지게 요약됩니다.

디자인은 비교적 단순하며 둥근 모서리와 미묘한 그라디언트가 있는 스케일링을 염두에 두고 만들어졌습니다. 터미널 아이콘의 < 및 > 와 같은 다른 Microsoft 개발(관련) 도구의 일부 요소가 여기에 있습니다.

세부 정보(64px 이상 버전):

_WinUI_ 워드마크가 있는 로고

이전 아이디어를 가져와 색상을 변경하고 툴킷 및 갤러리 로고의 예를 추가했습니다.

여기 내 이전 로고에 대한 또 다른 테이크가 있습니다.

또 다른 개념

이전 로고 즉흥

나는 그 래티쉬필립을 정말 좋아한다!

나는 기호 > 가 "종료 태그"처럼 보인다는 사실에 결코 만족하지 않았습니다. 즉. 코드에 기호가 표시되는 것이 귀찮습니다.

</finished> or </ended> (or </dead>, heaven forbid).

그러나 최신 아이콘(및 이와 유사한 다른 아이콘)은 슬래시에서 초점을 떼도록 양식화되었습니다.

조금 더 스타일을 지정할 수 있는지 궁금합니다 ... 아마도 슬래시 하단에 둥근 점을 넣어 느낌표처럼 보이게 할 수 있습니다!

느낌표는 관련성이 있으며 다음과 같이 XAML 주석에 표시됩니다.

<!-- WinUI is awesome -->

이전 로고 아이디어에서 스케일링을 설명하기 위해 여기에 16px 및 128px 아이콘이 있습니다. 비율의 변화, 디테일의 증가를 볼 수 있습니다.

_아이콘의 I 부분의 높이도 조정하여 U 부분에 그림자가 드리워지도록 했습니다_

이전 로고 즉흥

@ratishphilip 당신이 신경쓰지

_편집: 원래 디자인에서 대체 가새 기호를 복원했습니다_

@ratishphilip 당신이 신경쓰지

괜찮아요 :)

@ratishphilip 당신이 신경쓰지

괜찮아요 :)

@ratishphilip 감사합니다. XAML 컨트롤/WinUI 갤러리 및 Windows 커뮤니티/WinUI 도구 키트에 대해 확장되는 로고를 어떻게 보십니까?

@mdtauk WinUI 갤러리, 라이브러리 및 툴킷에 대한 내 개념은 다음과 같습니다.

@mdtauk WinUI 갤러리, 라이브러리 및 툴킷에 대한 내 개념은 다음과 같습니다.

@ratishphilip 감사합니다. 여기에 대한 제 의견입니다.

@mdtauk

재미있어 보이지만 겹치는 요소와 그림자가 너무 많아 너무 바빠 보입니다. 내 $0.02

@mdtauk

재미있어 보이지만 겹치는 요소와 그림자가 너무 많아 너무 바빠 보입니다. 내 $0.02

개인적으로 동의하지만 제시된 아이디어를 그대로 취하고 세부 사항을 추가했습니다.

여기에 몇 가지 개념이 더 있습니다. WinUI Toolbox 하나는 꽤 거칠다...

이러한 개념은 개발자 도구 아이콘을 기반으로 합니다.

여기 또 하나

또 다른 시도

여기 또 하나

이러한 종류는 나쁜 모아레 패턴처럼 보이고 그림자가 너무 강하고 줄무늬가 고도를 잘 나타내지 않는 것 같습니다.

또 다른 시도

이것들은 더 깔끔하지만 라이브러리 로고와 갤러리 로고는 매우 유사하고 도구 상자는 정사각형 그리드에 맞지 않는 것처럼 보이므로 16 x 16 픽셀 크기에서는 유용하지 않습니다.

타임라인 업데이트: 다음 주 Top 5 발표!

친애하는 커뮤니티, 당신의 아이디어는 정말 대단합니다! 내가 당신이 막대를 올릴 것이라고 예상할 때마다 당신은 그것을 더 높이 올립니다. 우리는 이와 같은 프로젝트에서 여러분 모두와 함께 일하게 되어 매우 기쁩니다. 😊

우리는 다음 주 초를 목표로 지금까지 상위 5개 선택 항목을 전보하여 모든 사람이 9월 9 일에 하나로 좁히기 전에 마지막 회전을 할 수 있는 기회를 가질 수 있도록 하는 것을 목표로 하고 있습니다.

그때까지 우리는 계속해서 브레인스토밍과 창조에 동참할 것입니다!

이 아이디어 중 일부를 어느 날에 축소할 계획인지 알고 계십니까?

Microsoft Word 로고에서 파생된 또 다른 것

타임라인 업데이트: 다음 주 Top 5 발표!
친애하는 커뮤니티, 당신의 아이디어는 정말 대단합니다! 내가 당신이 막대를 올릴 것이라고 예상할 때마다 당신은 그것을 더 높이 올립니다. 우리는 이와 같은 프로젝트에서 여러분 모두와 함께 일하게 되어 매우 기쁩니다. 😊
우리는 9월 9일에 하나로 좁히기 전에 모든 사람들이 마지막 스핀을 넣을 수 있도록 지금까지 상위 5개 선택을 전보하기 위해 다음 주 초를 목표로 하고 있습니다.
그때까지 우리는 계속해서 브레인스토밍과 창조에 동참할 것입니다!

이 아이디어 중 일부를 어느 날에 축소할 계획인지 알고 계십니까?

타임라인 업데이트: 다음 주 Top 5 발표!
친애하는 커뮤니티, 당신의 아이디어는 정말 대단합니다! 내가 당신이 막대를 올릴 것이라고 예상할 때마다 당신은 그것을 더 높이 올립니다. 우리는 이와 같은 프로젝트에서 여러분 모두와 함께 일하게 되어 매우 기쁩니다. 😊
우리는 9월 9일에 하나로 좁히기 전에 모든 사람이 마지막 스핀을 넣을 수 있도록 지금까지 상위 5개 선택을 전보하기 위해 다음 주 초를 목표로 하고 있습니다.
그때까지 우리는 계속해서 브레인스토밍과 창조에 동참할 것입니다!

이 아이디어 중 일부를 어느 날에 축소할 계획인지 알고 계십니까?

@mdtauk 저는 오늘 오후(9월 3일) @ryandemopoulos 와 회의를 하고 있습니다.

@SavoySchuler 안녕하세요 Savoy, 업데이트에 감사드립니다! 커뮤니티가 이에 대해 활발하게 활동하는 모습을 보니 정말 기쁩니다. :)!

저는 많은 개념, 특히 갤러리, 라이브러리 및 툴킷이 비슷한 모양과 느낌을 갖는 개념을 정말 좋아합니다. 우리는 이것을 확장하여 커뮤니티 도구 키트 및 갤러리 앱의 UI가 새로운 UWP 개발자를 위한 통일된 메시지를 갖도록 정렬합니다.

디자인팀에서도 제출물을 보고 계시는 분이 계시는지 궁금합니다. 색상 음영(접근성을 위해)과 확장성은 정말 중요한 것이며 디자이너는 이러한 것들에 대해 우리 개발자보다 훨씬 더 많은 경험을 하는 경향이 있습니다. :)!

다음은 몇 가지 워드마크 아이디어와 명명 규칙입니다. WinUI는 _________이므로 모든 것이 포괄적인 가족에 속하는 것처럼 느껴집니다.

WinUI의 모든 _flavours_는 똑같이 간단한 명명 규칙을 가져야 하므로

@SavoySchuler 안녕하세요 Savoy, 업데이트에 감사드립니다! 커뮤니티가 이에 대해 활발하게 활동하는 모습을 보니 정말 기쁩니다. :)!

저는 많은 개념, 특히 갤러리, 라이브러리 및 툴킷이 비슷한 모양과 느낌을 갖는 개념을 정말 좋아합니다. 우리는 이것을 확장하여 커뮤니티 도구 키트 및 갤러리 앱의 UI가 새로운 UWP 개발자를 위한 통일된 메시지를 갖도록 정렬합니다.

디자인팀에서도 제출물을 보고 계시는 분이 계시는지 궁금합니다. 색상 음영(접근성을 위해)과 확장성은 정말 중요한 것이며 디자이너는 이러한 것들에 대해 우리 개발자보다 훨씬 더 많은 경험을 하는 경향이 있습니다. :)!

좋은 질문입니다, @niels9001! 우리 팀에는 디자인 및 접근성 전문가와 필수 글로벌 규정 준수 검사가 있습니다. 이 모든 것은 모든 사람이 접근 가능하고 적절한 로고를 보장합니다. 😊 우리가 지금까지 본 121개의 훌륭하고

나는 우리 중 누구도 단일 디자인이 그대로 사용되기를 기대하지 않았다고 생각합니다. 물론 그것들은 모두 일종의 무드 보드 역할을 하며, Microsoft의 디자인 전문가가 가져와서 성형하고 미래 로고가 될 최종 디자인/프레임워크를 생성합니다. 아이콘을 기반으로 할 수 있습니다.

기여한 사람들이 서로에게 영향을 미치고 최종 디자인을 의미하고 많은 아이디어에서 알아볼 수 있는 부분을 보여줄 것이라는 사실 🙂

나는 우리 중 누구도 단일 디자인이 그대로 사용되기를 기대하지 않았다고 생각합니다. 물론 그것들은 모두 일종의 무드 보드 역할을 하며, Microsoft의 디자인 전문가가 가져와서 성형하고 미래 로고가 될 최종 디자인/프레임워크를 생성합니다. 아이콘을 기반으로 할 수 있습니다.

멋진 전화, @mdtauk! 맞습니다. 위 리소스의 피드백을 기반으로 최종 선택을 변경할 수 있지만 커뮤니티 구성원의 원래 작업을 선보일 수 있어 기쁩니다. 따라서 최종 선택을 위해 미래가 어떻게 될지 지켜봐야 할 것입니다. .

기여한 사람들이 서로에게 영향을 미치고 최종 디자인을 의미하고 많은 아이디어에서 알아볼 수 있는 부분을 보여줄 것이라는 사실 🙂

이것에 관해서는, 우리가 게시된 후 상위 5개에 대한 변형 및 대체 테이크를 확실히 장려할 것입니다! 🙂

@SavoySchuler 선택한 5개에 대한 피드백을 포함하시겠습니까? 그리고 부족한 부분에 대한 피드백. 당신과 팀의 피드백은 우리가 그것들을 더 다듬고 서로가 선택한 디자인의 수정된 버전을 제공하는 데 도움이 될 것입니다.

@SavoySchuler 선택한 5개에 대한 피드백을 포함하시겠습니까? 그리고 부족한 부분에 대한 피드백. 당신과 팀의 피드백은 우리가 그것들을 더 다듬고 서로가 선택한 디자인의 수정된 버전을 제공하는 데 도움이 될 것입니다.

@mdtauk 또 다른 훌륭한 질문입니다! 저는 지난 몇 주 동안 (현재) 121개의 제출물에 대해 다양한 방법으로 86명에게 내부적으로 투표했습니다. 볼륨으로 인해 포괄적인 피드백을 제공할 수는 없지만 최종 5개에 대한 개인적인 메모를 종합하고 특히 관심 있는 사람들이 동일한 작업을 수행하도록 권장할 수 있습니다. 이 스레드의 창의성을 저해하는 제한 사항을 만드는 데 신중하기 때문에 이 공개 라운드에서 피드백을 제공하는 것을 주저했지만, 귀하의 방향을 가늠하고 싶은 것도 이해합니다.

• 꺾쇠 괄호 + 큐브/육각형 디자인은 거의 보편적으로 선호됩니다. 스타일적으로 이러한 디자인은 단순하고 독특하며 다양한 로고에서 알아볼 수 있으며 다양한 크기로 확장됩니다. 내가 관찰한 일반적인 합의는 꺾쇠 괄호(일부 사람들에게는 논쟁의 여지가 있음)가 우리의 역사를 말하고 소프트웨어에 기반을 둔 제품을 나타내는 반면 큐브/육각형은 Fluent Design System 생태계에 경의를 표하고 색상, 깊이, 조명, 재료 등
• 클래식 라이브러리 책, Office 스타일의 추상 "앱 창" 및 원형 .NET 디자인이 상대적으로 예비 2위를 차지했습니다. 나는 이것이 다른 Windows 개발자 생태계 제품 로고와의 유사성, 선례 및 친숙성 때문이라고 생각합니다. 또한 단순하고 선명하며 명확한 경향이 있습니다.
• 첫 번째 글머리 기호와 반대로 여러 줄무늬 음영과 구성 요소가 있는 복잡한 스타일의 로고는 바쁘게 보이지 않으면서 작은 크기로 확장하는 것과 관련하여 우려를 불러일으킵니다.

그리고 부족한 부분에 대한 피드백.

이것에 관해서는 - 특히 관심이 있는 제출물에 대해 저에게 DM을 보내주십시오. 그러면 무엇을 얻을 수 있는지 알 수 있습니다. 🙂

@SavoySchuler 가 선호하는 5개와 변경 사항에 대한 방향을 제시하는 5개에 대한 의견을 간절히 기다리고 있습니다 💙

예 @SavoySchuler , 상위 5위를 간절히 기다리고 있습니다.

어떤 피드백이든 언제나 환영합니다. @mdtauk이 이미 언급했듯이 이러한 의견은 우리가 올바른 방향으로 나아가는 데 분명히 도움이 될 것입니다. 바라건대 우리 모두의 공동 노력이 WinUI를 위한 최고의 로고를 얻는 결과를 가져오기를 바랍니다.

Fluent Design 웹사이트의 일부 디자인이 WinUI 로고(예: 상단 이미지)로 작동하도록 조정/조정되는 것을 볼 수 있다고 덧붙이고 싶었습니다. 일부 Fluent 아이콘과 같은 이야기입니다(나는 빛이나 재료가 좋은 출발점이 될 수 있다고 생각했습니다). 나는 당신 중 일부가 하단 이미지가 흥미로울 것이라고 생각했습니다. Microsoft의 새로운 아이콘 디자인 스타일의 깊이와 측면을 보여줍니다. 3D 공간에서 자신의 디자인에 대해 생각하는 결선 진출자에게 영감을 줄 수 있습니다.

_로고 레이어와 깊이_

_로고 그리드_

_Build 2019의 깊이 및 슬래시_

_현재 및 업데이트된 Fluent Imageary_

_아마도 초기 버전의 Office 아이콘_

나는 그것이 조금 늦었다는 것을 알고 있지만 마지막에서 두 번째 이미지의 가장 오른쪽 아이콘(검은색 배경과 흰색 아이콘이 있는 이미지)도 WinUI 아이콘에 대해 정말 잘 작동합니다. 단순하고 깨끗하며 색상(다른 파란색 음영을 볼 수 있음)으로 작동하거나 윤곽선 디자인과 동일합니다.

나는 그것이 조금 늦었다는 것을 알고 있지만 마지막에서 두 번째 이미지의 가장 오른쪽 아이콘(검은색 배경과 흰색 아이콘이 있는 이미지)도 WinUI 아이콘에 대해 정말 잘 작동합니다. 단순하고 깨끗하며 색상(다른 파란색 음영을 볼 수 있음)으로 작동하거나 윤곽선 디자인과 동일합니다.

나는 일찍이 비슷한 일을 하는 것을 포기했다.

재미를 위한 MERCH 모형! (내 디자인 중 하나)

또한 이 스웨트셔츠는 매우 편안해 보이며 이제는 하나 갖고 싶습니다. 이제 운동복 쇼핑을 자제하려고 합니다 ㅋㅋㅋㅋ

멋진 커뮤니티, 1차 라운드 결과가 나왔습니다!

대내외적으로 여론조사는 우리가 1위를 차지할 만큼 충분히 명료했습니다! 하지만 내가 뭐라 말하기 전에...

감사합니다!

전체 WinUI 팀을 대신하여 "감사합니다!" 여기와 소셜 미디어 스트림 전반에 걸쳐 협력하고 기여한 모든 사람에게. 우리가 가진 숫자로 ...

• 121건
• 30명의 이슈 기고자
• 86명의 팀원이 투표했습니다.

이것은 우리가 전혀 예상하지 못한 _힘의 과시_였습니다! 당신은 굉장합니다!

@itsmichaelwest가 제출한 예비 새 WinUI 로고!

이 우아한 디자인은 이슈 스레드에서 가장 많이 제출된 항목으로 남아 있으며 설문조사를 거친 모든 팀원들 사이에서 거의 만장일치로 상위에 선정되었습니다. 여기에서 자세히 설명하기에는 이 로고에 대한 사랑이 너무 많습니다. 스타일, 우아함, 확장성, 테마 기능, 모든 것이 좋습니다. 이 다이너마이트 로고를 만들어 주신 @itsmichaelwest 에게 감사드립니다.

놀라운 준우승!

@itsmichaelwest 의 디자인에 대한 영감을 제공하기 위해 여기에 우리가 가장 좋아하는 다른 것들이 있습니다...

1. @mdtauk

1. @mdtauk 님도

1. 작성자 @niels9001

1. @NoahFeller에 의해

1. @ratishphilip

그리고 이 다채롭고 독창적인 제출물에 대해 @IUsername 에게 영광을

다시 한 번 축하하고 모두 감사합니다!

여기에서 어디로 갈까요?

우리는 이 디자인에 약간의 리프와 변형을 보고 싶습니다! Microsoft Ignite로 인해 마감일이 9월 6일 금요일 오전 8시(PST)로 변경되었으므로 변형 제출은 9월 5일 목요일 자정(PST)까지 받습니다.

영감을 얻기 위해 다음은 @itsmichaelwest 로고의 변형

1. 괄호?

우리는 마크다운 언어를 넘어 WinUI를 확장하는 아이디어를 탐구했으며 앞으로 그렇게 할 수도 있습니다. 이는 이 "< >" 구문을 넘어서는 것을 의미합니다. 큐브가 스스로 설 수 있을 만큼 충분히 강할 수 있다고 생각하십니까? 그렇다면 그렇게 하는 데 도움이 될 수 있는 아이디어가 있는 사람이 있습니까?

2. 안에 문자?

Microsoft Ignite의 경우 육각형 스티커를 만들 예정입니다. 이 디자인은 그 모양에 완벽하게 들어맞지만 큐브에서 "WinUI" 텍스트를 이동해야 합니다. 그 변형을 멋지게 보이게 할 수 있는 방법에 대한 아이디어가 있는 사람이 있습니까?

3. 색상?

대체 색상 제안이 있는 사람이 있습니까? 우리는 파란색 테마에 만족하지만 특별히 결혼한 것도 아닙니다. 우리는 대체 제안을 탐색할 준비가 되어 있습니다!

4. 독립 실행형 또는 +텍스트?

"WinUI" 텍스트가 로고의 _일부로_ 필요합니까? 아니면 큐브 디자인이 자체적으로 설 수 있을 만큼 충분히 강력합니까? < >로? 없이?

큐브가 가장 중요한 기호 역할을 하려면 고유하게 만드는 시각적 처리가 필요합니다.

16 x 16에서는 큐브 외에는 공간이 많지 않으므로 Toolkit 및 Gallery와 같은 항목은 큐브와 더 작은 크기를 포함하도록 영리해야 합니다.

이 WinUI 로고도 새로운 XAML 로고가 됩니까? XAML은 대괄호 안에 Cube를 사용하기 때문에 이것이 XAML 이상인 이유는 무엇입니까?

Microsoft의 Corporate 브랜드 색상은 다음과 같습니다.

승인된 색상 조합

유니버설 Windows 색상

@itsmichaelwest를 축하합니다!

큐브와 꺾쇠 괄호를 기반으로 한 또 다른 개념은 다음과 같습니다.

@ratishphilip 기반의 거친 개념

Unity 로고와 혼동하지 않도록 해야 합니다...

@mdtauk 생각지도 못했어요!
솔직히 큐브 각도가 충분히 다르다고 생각하지만 어쨌든 우리는 이미 상위 5개 아이디어를 뽑은 것 같습니다.

몇 가지 아이디어가 더 있습니다.

와 😮팀이 내 로고를 좋아해서 너무 기뻤어요!

로고 업데이트

이 스레드의 다른 디자인에서 영감을 얻는 큐브에 대한 대안을 찾고 있습니다. 저는 특히 @mdtauk 이 Fluent 웹사이트 의 색상을 사용하는 것을 좋아 했기 때문에 이러한 그라디언트를 사용하는 큐브 버전을 개발했습니다(_이것은 최종이 아닙니다!_). 나는 또한 지금 대괄호를 떨어 뜨 렸습니다. 아마도이 "Fluent cube"가 자체적으로 설 수 있습니다.

스티커

다음은 몇 가지 스티커 아이디어입니다. 첫 번째는 큐브를 축소하고 WinUI 텍스트와 저장소에 대한 링크를 추가합니다. 두 번째는 WinUI 텍스트와 함께 큐브에 오버레이를 추가합니다. 어떤 것이 가장 잘 작동하는지 그리고 리포지토리에 대한 링크가 필요한지 확실하지 않습니다.

두 번째 스티커는 소셜 미디어 로고로도 사용할 수 있습니다.

이것을 계속 개발할 것입니다. 이 스레드에서 영감을 주는 모든 분들께 감사드립니다! 😃

이 로고의 툴킷 버전

@ratishphilip 의 아이콘 중 하나를 기반으로 한 개념에 대한 몇 가지 다른 각도입니다. 그림자가 있는 버전과 없는 버전을 포함했습니다.

멋지다.. 이 방향이 마음에 든다.

그냥 의미 유지를 위해 .. '큐브'가 무엇을 의미한다고 생각합니까? 거기에 약간의 근거가 있으면 좋을 것입니다.

Fluent Design에 대한 링크가 마음에 듭니다.

큐브는 로고나 브랜드로 그 심볼을 소유하기가 어렵기 때문에 내 초기 선호도가 아니었습니다. 대괄호를 사용하면 기본적으로 XAML에 연결되며 앞으로 어떤 다른 UI 패러다임이 나타날지 누가 알 수 있습니까?

그래서... 저는 큐브를 코어로 취급해 왔습니다. 그래서 큐브 안의 큐브는 코어의 한 부분으로 간주됩니다.

원래 XAML 로고에서 큐브는 개체 지향 코딩에서와 같이 개체 또는 XML/XAML 요소라고 생각합니다.

이 WinUI 로고도 새로운 XAML 로고가 됩니까? XAML은 대괄호 안에 Cube를 사용하기 때문에 이것이 XAML 이상인 이유는 무엇입니까?

@mdtauk 질문을 잘못 이해했다면 알려주세요. 하지만 현재로서는 클래식 Xaml 로고를 교체하거나 업데이트할 생각이 없습니다. 이것은 단지 WinUI를 위한 것입니다. 또한 클래식 Xaml 로고가 레거시 문서 문서 이외의 모든 영역에서 활발히 사용되고 있는지 확신할 수 없습니다. 다른거 보신분 계시면 알려주세요!

@mdtauk 브랜드 색상 게시물은 이 스레드의 훌륭한 리소스입니다. 이 스레드에서 무거운 리프터가 되어 주셔서 감사합니다!

큐브와 꺾쇠 괄호를 기반으로 한 또 다른 개념은 다음과 같습니다.

@ratishphilip - @ryandemopoulos , @stmoy , 그리고 @mdtauk , 또한 색상의 흥미로운 스위치입니다. 나는 지금 이것의 몇 가지 대체 색상 조합을 탐색하고 있습니다. 혹시라도 보람찬 일 있으면 포스팅 하겠습니다.

갤러리 버전이 다른 버전과 함께 추가됨

다음은 다른 프레임워크의 로고입니다. 따라서 유사한 디자인을 만들지 않도록 노력할 수 있습니다.

앵글러 JS

자마린

타입스크립트

노드 JS

반응

실룩 거리다

이온

HTML / CSS / JS

머티리얼 디자인

스위프트 UI

준결승전 업데이트

우리는 마지막으로 들어온 모든 것을 검토하기 위해 회의를 다시 마무리했습니다. 우리가 논의한 첫 번째 사항: 와, 여러분 모두 훌륭합니다! 그리고 빨리!

둘째, @itsmichaelwest 의 원본에 추가하여 세 가지 디자인이

1. > 이 스레드의 다른 디자인에서 영감을 얻는 큐브의 대안을 찾고 있습니다. 저는 특히 @mdtauk 이 Fluent 웹사이트 의 색상을 사용하는 것을 좋아 했기 때문에 이러한 그라디언트를 사용하는 큐브 버전을 개발했습니다(_이것은 최종이 아닙니다!_). 나는 또한 지금 대괄호를 떨어 뜨 렸습니다. 아마도이 "Fluent cube"가 자체적으로 설 수 있습니다.
   >

우리는 당신이 여기서 한 일을 정말 좋아합니다! 측면에 브래킷이 있는 모습을 보여주기 위해 사용할 수 있는 고화질 버전이 있습니까? 우리는 다음과 같은 상상을 하고 있습니다.

1. @mdtauk 및 @ratishphilip , 우리는 당신이 게시한 대담한 주황색이 좋습니다! 우리는 당신이 멋지다고 생각하는 더 많은 색상 변형을 보고 싶습니다. 아래에서 몇 가지 대체 색 구성표를 조롱했습니다. 상단은 위에 게시된 Microsoft 브랜드 색상 @mdtauk을 사용합니다. 아래 제품은 특정 브랜드 팔레트를 따르지 않고 그냥 탐색 중이었습니다. "팝"이라고 생각되는 색상 조합이 있습니까? 나는 또한 그라디언트에 반대하지 않습니다. 내 기술은 아직 거기에 있지 않습니다!

1. @mdtauk , 우리는 당신이 게시한 이것을 정말 좋아합니다! a.) 텍스트가 없고 b.) 검정색 배경(텍스트 유무)이 있는 버전을 공유할 수 있는 기회가 있습니까?

@SavoySchuler 당신이 게시한 이 글이 정말 마음에

1. @mdtauk , 우리는 당신이 게시한 이것을 정말 좋아합니다! a.) 텍스트가 없고 b.) 검정색 배경(텍스트 유무)이 있는 버전을 공유할 수 있는 기회가 있습니까?

🚨 대용량 이미지 수신 🚨

크기 포함 1024 x 1024(텍스트 포함 및 제외) - 16 x 16 - 32 x 32 - 64 x 64 - 128 x 128 - 256 x 256 - 4096 x 4096

밝은 버전과 어두운 버전

방금 게시한 @mdtauk 아이콘이

@SavoySchuler > "팝"이라고 생각되는 색상 조합이 있습니까?

보라색과 주황색은 고전적인 무료 색상 조합입니다. 하지만 하나의 큐브에 두 가지 색상이 있으면 조금 이상하게 보일 것입니다.

녹색과 노란색

블루와 핑크

@SavoySchuler > "팝"이라고 생각되는 색상 조합이 있습니까?

보라색과 주황색은 고전적인 무료 색상 조합입니다. 하지만 하나의 큐브에 두 가지 색상이 있으면 조금 이상하게 보일 것입니다.

녹색과 노란색

블루와 핑크

@mdtauk 이러한 디자인에 적용되는 색상 조합이 있습니까?

@itsmichaelwest 위의 글머리 기호 1에서 사진이 누락되었음을 깨달았습니다. 지금 추가되었습니다!

@SavoySchuler

블루 > 핑크

청록 > 파랑

큐브 전체에 걸쳐 유사한 방식으로 다음과 같이 할 수 있습니다.

Teal > Blue가 있는 두 번째 것은 지금까지 내가 가장 좋아하는 것입니다!

멋지다.. 이 방향이 마음에 든다.

그냥 의미 유지를 위해 .. '큐브'가 무엇을 의미한다고 생각합니까? 거기에 약간의 근거가 있으면 좋을 것입니다.

Fluent Design에 대한 링크가 마음에 듭니다.

좋은 질문입니다, @niels9001! 사람들은 이 방대한 스레드 전반에 걸쳐 몇 가지 제안을 했습니다.

많은 사람들이 여기에 표시된 Fluent Designs System 원칙에 대한 경의를 표합니다(큐브 형식).

원래 Xaml 로고에 대한 경의이기도 합니다.

그러나 나와 @pag3 같은 다른 사람들은 이를 "구성 요소"로 설명했으며 WinUI 플랫폼과 해당 제품은 UI를 위한 구성 요소와 정확히 일치합니다.

@SavoySchuler

블루 > 핑크

청록 > 파랑

큐브 전체에 걸쳐 유사한 방식으로 다음과 같이 할 수 있습니다.

나는 또한 이것들을 좋아한다! 훌륭한 선택, @mdtauk!

다음은 다른 프로젝트를 위해 얼마 전에 만들었지만 결국 필요하지 않은 디자인입니다. 여기에 제출하기로 결정했습니다! Fluent Design System의 원칙을 많이 보여주기 때문에 여기에서 매우 잘 작동합니다.
빛 - 큐브 내부의 빛.
깊이 - 눈에 보이는 깊이가 있는 3D 큐브입니다.
재질 - 멋진 아크릴 모양을 가지고 있습니다.
스케일 - 큰 큐브 내의 작은 큐브는 크기가 대조됩니다.

저도 꽤 멋있고 뭔가 독특한 것 같아요. 여기에서 일부 디자인이 일반적이라는 문제를 피할 수 있습니다. 육각형/정육면체 로고가 많아서 구별하기 어려울 수 있습니다(이 디자인은 일반적이지 않은 것으로 생각합니다). 또한 중간에 있는 라이트 비트는 다른 보완적인 디자인과 패턴에 사용할 수 있습니다. 다음은 예입니다.

피드백에 열려 있습니다!

@NoahFeller 멋지네요 ! 더 밝은 배경에 바르기 위한 더 어두운 버전이 있습니까?

@yaichenbaum 감사합니다. (이 설명을 올리기 직전에 댓글을 달았네요 ㅋㅋ)

.
.
.
.

Fluent Design과 관련된 이 그리드 구조를 어디선가 본 적이 있을 것입니다. 흰색 배경에서 디자인은 바로 뒤에 그림자가 필요하거나 큐브 색상이 검은색이어야 합니다. 좀 더 실험을 해봐야겠습니다!

Fluent Design과 관련된 이 그리드 구조를 어디선가 본 적이 있을 것입니다. 흰색 배경에서 디자인은 바로 뒤에 그림자가 필요하거나 큐브 색상이 검은색이어야 합니다. 좀 더 실험을 해봐야겠습니다!

@ratishphilip - @ryandemopoulos , @stmoy , 그리고

피드백을 주셔서 감사합니다.

여기에 더 세련된 로고가 있습니다.

다음은 이전 로고에 대한 또 다른 해석입니다. 여기서 내 목표는 큐브의 일부가 잘려 큐브의 핵심을 표시하도록 묘사하는 것입니다(지구 다이어그램에 표시된 것처럼).

다음은 이전 로고에 대한 또 다른 해석입니다. 여기서 내 목표는 큐브의 일부가 잘려 큐브의 핵심을 표시하도록 묘사하는 것입니다(지구 다이어그램에 표시된 것처럼).

가장 먼저 보이는 것은 Play 기호입니다.

다음은 @NoahFeller 의 Fluent 큐브를 기반으로 한 또 다른 것입니다.

컷이 없는 이전 로고는 다음과 같습니다.

@NoahFeller 의 큐브에 대한 또 다른

@NoahFeller 의 큐브에 대한 또 다른

이것이 꺾쇠 괄호를 약간 균형에서 벗어나게 한다고 생각하지 않습니까?

@NoahFeller 의 큐브에 대한 또 다른

이것이 꺾쇠 괄호를 약간 균형에서 벗어나게 한다고 생각하지 않습니까?

물론 그렇습니다. 하지만 큐브의 면과 일치합니다. 컬러링 스타일을 해보고 싶었습니다.

그리고 친구 사이에 약간 비대칭이 뭐에요 😄

가장 자랑스러운 작업은 아니지만 @NoahFeller 의 아이디어에 대괄호를

@SavoySchuler를 위해 무엇을 하려는지 알겠습니다. 아이콘에 브래킷이 필요하지 않을 수도 있고 자체적으로 설 수 있을 만큼 강력하다고 생각합니다. 나는 확실히 디자인을 반복하고(단순화 및/또는 수정) 괄호가 있는 버전과 없는 버전 등 다른 버전을 업로드할 것입니다. 아이콘이 회전되어 잘 보이지 않는 것 같지만 수정할 수 있습니다 🙂. 업로드함으로써 사람들이 이와 유사한 디자인을 원하는지 여부를 측정하려고했습니다. 반응이 좋은 것 같으니 계속 해봐야겠습니다. 제안에 감사드립니다.

@NoahFeller 의 큐브에 대한 또 다른

브래킷의 두 가지 음영이 마음에 듭니다!

4096

1024

256

128

64

32

16

4096

1024

256

128

64

32

16

4096

1024

256

128

64

32

16

우리는 당신이 여기서 한 일을 정말 좋아합니다! 측면에 브래킷이 있는 모습을 보여주기 위해 사용할 수 있는 고화질 버전이 있습니까? 우리는 다음과 같은 상상을 하고 있습니다.

@SavoySchuler 여기 있습니다! 기다리게 해서 죄송합니다. 이 스레드는 꽤 빨리 움직이는 것 같습니다!

모노 컬러 버전

@itsmichaelwest > 여기 있습니다! 기다리게 해서 죄송합니다. 이 스레드는 꽤 빨리 움직이는 것 같습니다!

죄송합니다... 😛

다음은 Michael West의 색상 처리를 사용하는 것입니다.

4096

1024

256

128

64

32

16

1024 큐브 전용

4096 큐브 전용

@SavoySchuler @itsmichaelwest 또는 다른 사람들이 나에게 특별히 원하는 것이 없는 한 이러한 변형을 끝낸 것 같 습니까?

https://www.fiigma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1
_여기에 내 로고 중 일부가 포함된 Figma 파일에 대한 링크가 있습니다_

@mdtauk - 모든 의견과 변형에 감사드립니다. 빠른 질문 - 많은 디자인이 "큐브 안의 큐브"입니다. 이 이중 큐브는 무엇을 전달하기 위한 것입니까?

@itsmichaelwest는 원래 XAML 아이콘을 로고의 기초로 사용할 것을 제안했으며 그의 디자인은 제출된 첫 번째 라운드에서 선택되었습니다.

저는 큐브를 Windows 앱 빌드의 핵심 부분인 코어로 보고 큐브의 일부를 눈에 띄게 하여 코어의 개념을 설명하기로 결정했습니다. 나는 또한 "공허한" 공간을 가지고 놀아 이것이 건설할 공간임을 보여주었습니다.

그러나 큐브와 브래킷 디자인을 수천 개의 다른 큐브 기반 도해법 중에서 "소유 가능"하고 뚜렷하게 만드는 것은 어느 정도 역할을 합니다.

다크/라이트 버전. 아직 파란색으로 작업 중입니다. 언제나처럼 피드백은 감사히 받겠습니다.

@yaichenbaum 게시한 큐브의 흑백 버전이 어떻게

이것이 당신이 예상하는 단색 버전의 모습입니까, 아니면 단색 버전이 어떤 모습일지 염두에 두고 있는 다른 아이디어가 있습니까?

검토 중인 경우 완전히 다시 그리고 싶지만 여기에 내 생각으로 빠른 편집이 있습니다. 이것은 16px 크기일 뿐이므로 완전히 다시 그리기가 필요할 것입니다.

내 디자인의 빠른(아직 완성되지 않은) 단색 모형. 꽤 유창한 😄.

정말 유창하고 다양한 색상을 사용하여 스웨그, 스티커 등에 쉽게 사용할 수 있는 완전히 새로운 방향입니다. 이 디자인은 빌딩 블록과 중간에 숨겨진 블록을 나타냅니다. 사람들이 관심이 있다면 더 밝은 배경을 위해 다른 색상으로 보여줄 수 있습니다.

윤곽선이 있거나 없는 3D 버전도 있습니다.

@yaichenbaum 게시한 큐브의 흑백 버전이 어떻게

이것이 당신이 예상하는 단색 버전의 모습입니까, 아니면 단색 버전이 어떤 모습일지 염두에 두고 있는 다른 아이디어가 있습니까?

@SavoySchuler 괜찮나요?

단색

4096

1024

256

128

64

32

16

최종 질문

@itsmichaelwest 와 @mdtauk 우리의 마지막 두 가지 선택이 여러분 각자의 제안 하나에 이르렀습니다. 우리는 몇 명의 팀원들과 거의 2시간에 걸친 숙고를 마쳤고 쉽지 않았습니다! 결정하기 전에 여러분 각자에게 마지막으로 한 가지 부탁이 있습니다.

@itsmichaelwest

로고의 경우 2D 브래킷과 3D 큐브가 함께 매달려 있는 방식에 대한 우려가 있습니다. 이러한 구성 요소가 더 응집력 있게 나타나는 데 도움이 될 수 있는 변경 사항이 있습니까? 간격, 색상 등이 필요한지 정확히 알 수 없습니다. 다만 약간 엉뚱한 느낌이 들 뿐입니다.

@mdtauk

여기에 있는 귀하의 로고에 대해 설문에 응한 여러 개인은 큐브 안의 대괄호가 "I" 및 "J"와 같은 문자여야 한다고 생각하여 혼란스러워했다고 응답했습니다. 이것을 다른 말로 표현하자면, 괄호의 느낌을 잃어버릴까 봐 걱정이 되었습니다. 가장 최근 업데이트에서 약간 얇아지면 좋아지는 것 같았지만 브래킷처럼 느껴지도록 할 수 있는 일이 있는지 확실하지 않습니다.

또한 관련되는 경우 단색 테이크에서 속이 빈 브래킷 라인과 채워진 브래킷 라인을 모두 보고 싶습니다.

둘 다

최종 제출물에 대해 다음과 같이 보고 싶습니다.

• 흑백 배경 모두에 대한 컬러 및 흑백 버전
• 16x16px, 64x64px 및 고해상도 크기

감사합니다

우리는 많은 것을 요구했다는 것을 알고 있습니다. 이 전체 프로세스를 시작했을 때, 우리는 심사숙고할 수 있는 훌륭한 옵션이 그렇게 많고 제출 품질이 이렇게 믿을 수 없을 줄 몰랐습니다.

여러분 모두가 막대를 너무 높이 올려서 이제 우리가 모든 작은 픽셀과 곡선을 자세히 살펴보고 있다는 것을 알았습니다. 우리가 까다롭게 사는 이유는 여러분 모두가 우리에게 금을 주셨기 때문입니다.

이러한 최종 요청 중 하나라도 너무 많이 묻는다면 이해합니다. 지속적인 노력에도 불구하고 우리는 귀하와 다른 여러 사람에게 "감사합니다!"라는 메시지를 보낼 것입니다. 당신이 여기에서 만든 공헌을 나타내는 장식.

@mdtauk 과 @itsmichaelwest 모두 축하합니다.
I와 J로 보는 사람들에 대해 언급한 문제는 왼쪽 브래킷에 두 가지 색상을 사용하여 상단에 반사된 것처럼 보이게 한다는 사실과 관련이 있을 수 있습니다. 전체 브래킷에 동일한 색상을 사용하면 이 '반사' 문제가 해결되고 다른 브래킷은 더 이상 J로 표시되지 않습니다.

@SavoySchuler

@itsmichaelwest
로고의 경우 2D 브래킷과 3D 큐브가 함께 매달려 있는 방식에 대한 우려가 있습니다. 이러한 구성 요소가 더 응집력 있게 나타나는 데 도움이 될 수 있는 변경 사항이 있습니까? 간격, 색상 등이 필요한지 정확히 알 수 없습니다. 다만 약간 엉뚱한 느낌이 들 뿐입니다.

이에 대한 제안이 있지만 Michael이 해결책을 제안할 것입니다.

대괄호의 음영은 큐브의 음영과 일치합니다.

축하합니다! 약간의 피드백/아이디어: @itsmichaelwest 의 디자인에 가까운 '알약' 모양 대신 부분적으로만 둥글어야 합니다. (방금 @mdtauk에 게시한 내용처럼) 또한 @mdtauk 의 디자인에 대괄호가 둘러싸는 방식이 나에게 맞지 않아 개선될 수 있다고 생각합니다. 또한 어두운 자주색 비트가 약간 아래로 확장되는 것처럼 보이기 때문에 광선을 좀 더 구형의 모양으로 만들고 싶을 수도 있습니다. 멋진 디자인, 내가 생각한 몇 가지 가능한 개선 사항.

@yaichenbaum J처럼 보이는 대괄호가 대괄호 (

어쨌든 저는 디자이너도 아니고 TV에서 연주하는 것도 아닙니다. 더 대괄호처럼 보이게 하는 다른 방법이 얼마든지 있을 수 있습니다. @mdtauk에게 맡기겠습니다.

그래도 이 디자인들은 너무 좋습니다. 이 시점에서 세부 사항에 대해 이야기하고 있습니다.

로고가 커지면 선을 가늘게 할 수 있습니다. 큐브와 브래킷에서 곡선을 조여서 더 뾰족한 모서리로 만들 수도 있습니다.

세 가지 색상의 음영이 브래킷과 같은 외관을 방해합니까?

@mdtauk 대괄호를 그라디언트로 변경하면 어떻게 될까요? 그렇게 하면 여전히 하나의 색상이 더 많지만 서로 더 잘 혼합되어 통일된 모양을 더 많이 제공합니다.

...또한 브래킷이 @mdtauk 의 디자인을 감싸는 방식이 나에게 옳지 않아 보이기 때문에 개선될 수 있을 것 같습니다. 또한 어두운 자주색 비트가 약간 아래로 확장되는 것처럼 보이기 때문에 광선을 좀 더 구형의 모양으로 만들고 싶을 수도 있습니다. 멋진 디자인, 내가 생각한 몇 가지 가능한 개선 사항.

나는 원형이 아닌 다이아몬드 그라디언트를 사용하여 젖빛 "아크릴" 큐브 내부에 컬러 큐브가 있다는 아이디어를 암시했습니다.

@mdtauk 대괄호를 그라디언트로 변경하면 어떻게 될까요? 그렇게 하면 여전히 하나의 색상이 더 많지만 서로 더 잘 혼합되어 통일된 모양을 더 많이 제공합니다.

문제는 브래킷이 큐브 표면에 있다는 생각을 유지하는 것이지만 조금 더 조정하고 곧게 펴고 가늘게 하려고 합니다.

...또한 브래킷이 @mdtauk 의 디자인을 감싸는 방식이 나에게 옳지 않아 보이기 때문에 개선될 수 있을 것 같습니다. 또한 어두운 자주색 비트가 약간 아래로 확장되는 것처럼 보이기 때문에 광선을 좀 더 구형의 모양으로 만들고 싶을 수도 있습니다. 멋진 디자인, 내가 생각한 몇 가지 가능한 개선 사항.

나는 원형이 아닌 다이아몬드 그라디언트를 사용하여 젖빛 "아크릴" 큐브 내부에 컬러 큐브가 있다는 아이디어를 암시했습니다.

IMO에 실제로 말하기에는 너무 정의되지 않았으므로 약간 수정할 수 있습니다. 그럴 필요는 없습니다. 개선할 수 있는지 궁금하세요.

@mdtauk 저에게는 브래킷의 다양한 색상/음영이 마음에 들었습니다. 다른 색상을 잃지 않고 더 브래킷으로 보이게 할 수 있는 방법이 있다면 그것을 보고 싶습니다. 하지만 도움이 되는지 알아보기 위해 다른 음영과 더 적은 색상으로 놀아볼 가치가 있다고 생각합니다.

@mdtauk 대괄호를 그라디언트로 변경하면 어떻게 될까요? 그렇게 하면 여전히 하나의 색상이 더 많지만 서로 더 잘 혼합되어 통일된 모양을 더 많이 제공합니다.

큐브가 세 가지 색상과 거의 비슷하고 브래킷이 큐브를 흰색 또는 검은색으로 대조할 수 있는 지점까지 큐브가 각 색상의 더 강한 빛을 갖도록 하는 것도 멋져 보일 수 있습니다. 아이디어만 던지면 됩니다.

@mdtauk 저에게는 브래킷의 다양한 색상/음영이 마음에 들었습니다. 다른 색상을 잃지 않고 더 브래킷으로 보이게 할 수 있는 방법이 있다면 그것을 보고 싶습니다. 하지만 도움이 되는지 알아보기 위해 다른 음영과 더 적은 색상으로 놀아볼 가치가 있다고 생각합니다.

나는 그것들도 마음에 들었습니다. 두 가지 다른 음영이 그들을 분할하는 것뿐 아니라 왼쪽 브래킷의 아래쪽 절반을 오른쪽 브래킷과 비슷한 높이로 만들어 I 및 J가 있는 "abc" 블록처럼 보입니다.

이것은 그것을 약간 개선하는 데 도움이 될 수 있지만 제 생각에는 이전의 좋은 모습을 망칩니다.

브래킷의 문제 중 일부는 그 뒤에 많은 색상과 조명이 있는 3D 모양이 있고 그것들은 단지 단색이어서 메쉬가 잘 맞지 않는다는 것입니다. 두 디자인 모두 약간 재미있어 보이지만 브래킷이 큐브에 있을 때 더 두드러집니다.

@mdtauk 저에게는 브래킷의 다양한 색상/음영이 마음에 들었습니다. 다른 색상을 잃지 않고 더 브래킷으로 보이게 할 수 있는 방법이 있다면 그것을 보고 싶습니다. 하지만 도움이 되는지 알아보기 위해 다른 음영과 더 적은 색상으로 놀아볼 가치가 있다고 생각합니다.

4096

단색

@ryandemopoulos 이것이 올바른 방향으로 가고 있습니까?

@mdtauk 과 @itsmichaelwest를 축하합니다.
지금까지 멋진 디자인!

브래킷의 문제 중 일부는 그 뒤에 많은 색상과 조명이 있는 3D 모양이 있고 그것들은 단지 단색이어서 메쉬가 잘 맞지 않는다는 것입니다. 두 디자인 모두 약간 재미있어 보이지만 브래킷이 큐브에 있을 때 더 두드러집니다.

역으로 작동하는지 확실하지 않음

@ryandemopoulos 이것이 올바른 방향으로 가고 있습니까?

나는 단지 하나의 의견일 뿐이지만, 네, 그것이 제게는 더 대괄호처럼 보입니다. 날카로운 모서리가 도움이 된 것 같아요. 모노크롬 버전의 경우 브래킷이 여전히 매우 두껍게 보입니다. 브래킷이 이와 같이 표시되면 어떻게 보일까요? (가장 최근 지오메트리 사용 제외)

역으로 작동하는지 확실하지 않음

그래, 당신 말이 맞아. ⬇반납합니다. 테스트해 주셔서 감사합니다.

큐브가 세 가지 색상과 거의 비슷하고 브래킷이 큐브를 흰색 또는 검은색으로 대조할 수 있는 지점까지 큐브가 각 색상의 더 강한 빛을 갖도록 하는 것도 멋져 보일 수 있습니다. 아이디어만 던지면 됩니다.

내 생각에 대괄호는 약간의 반올림이 있는 XAML 로고와 동일한 모양을 유지해야 합니다.

여기 내 제안이 있습니다

@ryandemopoulos 이것이 올바른 방향으로 가고 있습니까?

나는 단지 하나의 의견일 뿐이지만, 네, 그것이 제게는 더 대괄호처럼 보입니다. 날카로운 모서리가 도움이 된 것 같아요. 모노크롬 버전의 경우 브래킷이 여전히 매우 두껍게 보입니다. 브래킷이 이와 같이 표시되면 어떻게 보일까요? (가장 최근 지오메트리 사용 제외)

32px 및 16px 크기에서 대괄호는 읽을 수 있도록 채워야 하지만 더 큰 크기의 경우 이것이 어떻습니까?

내 생각에 대괄호는 약간의 반올림이 있는 XAML 로고와 동일한 모양을 유지해야 합니다.

여기 내 제안이 있습니다

@ratishphilip 왼쪽 브래킷이 세로로 더 작습니까? 아니면 음영이 인식 차이를 유발합니까?

@ryandemopoulos 이것이 올바른 방향으로 가고 있습니까?

나는 단지 하나의 의견일 뿐이지만, 네, 그것이 제게는 더 대괄호처럼 보입니다. 날카로운 모서리가 도움이 된 것 같아요. 모노크롬 버전의 경우 브래킷이 여전히 매우 두껍게 보입니다. 브래킷이 이와 같이 표시되면 어떻게 보일까요? (가장 최근 지오메트리 사용 제외)

32px 및 16px 크기에서 대괄호는 읽을 수 있도록 채워야 하지만 더 큰 크기의 경우 이것이 어떻습니까?

@stmoy에 대해 이 지오메트리에 태그를 지정합니다.

@ryandemopoulos 이것이 올바른 방향으로 가고 있습니까?

나는 단지 하나의 의견일 뿐이지만, 네, 그것이 제게는 더 대괄호처럼 보입니다. 날카로운 모서리가 도움이 된 것 같아요. 모노크롬 버전의 경우 브래킷이 여전히 매우 두껍게 보입니다. 브래킷이 이와 같이 표시되면 어떻게 보일까요? (가장 최근 지오메트리 사용 제외)

32px 및 16px 크기에서 대괄호는 읽을 수 있도록 채워야 하지만 더 큰 크기의 경우 이것이 어떻습니까?

솔직히 말해서 나는 채워진 것과 윤곽이 있는 것 중 어느 것이 더 나은지 잘 모르겠습니다. 좀 더 지켜봐야 겠습니다. :) 고해상도에서도 둘 다 작동한다고 생각합니다. (그리고 저해상도에서는 채워진 것이 유일한 실제 선택이라는 데 동의합니다.)

@ryandemopoulos @SavoySchuler @stmoy

4096

1024

256

128

64

32

16

단색

@ratishphilip 왼쪽 브래킷이 세로로 더 작습니까? 아니면 음영이 인식 차이를 유발합니까?

2개의 브라켓은 사이즈가 동일합니다...

다음은 3d 브래킷이 있는 또 다른 것입니다.

개요는 다음과 같습니다.

다음은 3d 브래킷이 있는 또 다른 것입니다.

이것은 확실히 이전에 보았던 이상한 관점을 해결합니다. 잘했어!

다음은 3d 브래킷이 있는 또 다른 것입니다.

이것은 확실히 이전에 보았던 이상한 관점을 해결합니다. 잘했어!

큐브가 깔끔하게 회전하지 않고 위아래 대각선이 있음

다음은 3d 브래킷이 있는 또 다른 것입니다.

그것은 또한 I와 J가 있는 것처럼 보이는 문제를 해결합니다.

큐브가 깔끔하게 회전하지 않고 위아래 대각선이 있음

:D 네, 약간의 회전이... @mdtauk에 알려주셔서 감사합니다... 쉽게 고칠 수 있습니다.

또한 가장 안쪽 모서리(입방체의 가장자리에 닿는 부분)의 둥그스름함을 없애고 날카롭게 만들까도 생각하고 있습니다.

업데이트된 로고는 다음과 같습니다.

고해상도 로고

이것은 (또는 어두운 대응물) 아름답습니다. Fluent 요소를 혼합하기 때문에 그라디언트를 좋아합니다.

위의 내용을 2 2 2 큐브로 나누어야 할 수도 있습니다. 이것을 통합

그러나 이것은 나에게 Apache Cordova 함축을 제공합니다.

특히 광택이 나는 검정색 브래킷.

특히 광택이 나는 검정색 브래킷.

@weitzhandler 이건 어때?

@SavoySchuler 는 트위터에 두 개의 예비 로고를 게시했으며 응답에서 내가 취한 주요 의견은 Windows처럼 느껴지지 않는다는 것입니다. 여기 동일한 로고가 있지만 Microsoft Blue 색상입니다. 이것이 도움이 되는지 궁금합니다.

왼쪽 및 오른쪽 대괄호는 XAML 구문( < > )에서도 동일한 크기를 가지므로 크기 가 서로 같아야 한다고 생각합니다. 따라서 크기가 다른 것처럼 시각적으로 보이게 만드는 것은 나에게 이상하게 보입니다(즉, 왼쪽 브래킷이 오른쪽 브래킷보다 크게 보입니다). 나는 @ratishphilip 이 지금 그 괄호를 표시하는 방식을 선호합니다.

@Felix-Dev
@ratishphilip 의 대괄호는 실제로 큐브의 측면과 일치하지 않는 큐브 위에 오버레이됩니다. 비유적 해석에 비해 문자 그대로의 표현도 있습니다. 즉, 실제로 대괄호를 가질 수 있거나 대괄호를 나타낼 수 있습니다.

모든 로고가 파란색일 필요는 없지만 이것이 의미가 있습니다. Win UI 하면 Windows 사용자 인터페이스가 떠오릅니다. 또한 파란색을 Windows와 연관시킵니다.
@mdtauk의 마지막 로고는 내 생각에 Windows를 호출하고 고유한 정체성을 가지고 있으며 다른 많은 큐브 로고와 비교하여 의미를 인식할 수 있습니다.

@SavoySchuler 는 트위터에 두 개의 예비 로고를 게시했으며 응답에서 내가 취한 주요 의견은 Windows처럼 느껴지지 않는다는 것입니다. 여기 동일한 로고가 있지만 Microsoft Blue 색상입니다. 이것이 도움이 되는지 궁금합니다.

@mdtauk 정말 좋아요! 내 생각에 큰 개선. 이 상황에서는 반사적인 모습보다 빛나는 모습이 더 나은 것 같아요. 오른쪽을 조금 더 밝게 만들거나 더 유사한 그라디언트를 사용할 수 있습니다. 그러나 그 위대한 일 외에는.

이 어두운 그라디언트가 더 낫습니까?

고해상도 로고

@mdtauk 괄호 안에 @ratishphilip 디자인의 괄호 끝을 구현하려고 하면 어떻게 될까요? 대괄호는 둘 다 같은 방식으로 끝나는 경우 문자로 덜 혼동될 것이라고 생각합니다.

@mdtauk 경우의 브라켓의 디자인을 선택해야했다 브라켓이 @ratishphilip처럼되고, 나는 사랑 '- 괄호는 모두 같은 크기로 표시됩니다. @mdtauk 또한 @ratishphilip의 브래킷 로고의 버전을 만드십시오.

@mdtauk 경우의 브라켓의 디자인을 선택해야했다 브라켓이 @ratishphilip처럼되고, 나는 사랑 '- 괄호는 모두 같은 크기로 표시됩니다. @mdtauk 또한 @ratishphilip의 브래킷 로고의 버전을 만드십시오.

@ratishphilip 의 대괄호는 3D 공간에서 의미가 없습니다. 그들은 단지 거기에 떠 있고 그림자는 큐브에 제대로 드리워지지 않습니다. @mdtauk 의

@NoahFeller 대괄호 IMO는 크기가 동일한 XAML의 대괄호를 반영해야 합니다. 이것은 로고에 반영되어야 합니다. @mdtauk 의 디자인에 대한 문제는 격리된 브래킷을 볼 때 - 특히 더 작은 이미지 크기에서 - 브래킷 크기가 다음과 같은 인상을 준다는 것입니다.

(왼쪽 대괄호가 오른쪽 대괄호에 비해 분명히 더 큽니다. XAML에서는 그렇지 않습니다.) 일부 이미지 해상도에서 ie

이것은 나에게 꽤 눈부시고 솔직히 말해서 나를 버립니다. 대괄호 쌍 <> 은 XAML에서 매우 두드러지므로 큐브에 있는 그대로 "그냥 때림"하거나 최소한 이 점을 충분히 고려하는 것이 타당하다고 생각합니다.

@NoahFeller 대괄호 IMO는 크기가 동일한 XAML의 대괄호를 반영해야 합니다. 이것은 로고에 반영되어야 합니다. @mdtauk 의 디자인에 대한 문제는

(왼쪽 대괄호가 오른쪽 대괄호에 비해 분명히 더 큽니다. XAML에서는 그렇지 않습니다.) 일부 이미지 해상도에서 ie

이것은 나에게 꽤 눈부시고 솔직히 말해서 나를 버립니다. 대괄호 쌍 <> 은 XAML에서 매우 두드러지므로 큐브에 있는 그대로 "그냥 때림"하거나 최소한 이 점을 충분히 고려하는 것이 타당하다고 생각합니다.

@mdtauk 님 의 3D 브라켓 디자인이 갈 길이라고 생각 효과를 줘도 같은 사이즈로 보이게 하기 위해 예쁜걸 붙입니다 요점을 설명하기 위한 추악한 예입니다.

@NoahFeller 대괄호 IMO는 크기가 동일한 XAML의 대괄호를 반영해야 합니다. 이것은 로고에 반영되어야 합니다. @mdtauk 의 디자인에 대한 문제는

(왼쪽 대괄호가 오른쪽 대괄호에 비해 분명히 더 큽니다. XAML에서는 그렇지 않습니다.) 일부 이미지 해상도에서 ie

이것은 나에게 꽤 눈부시고 솔직히 말해서 나를 버립니다. 대괄호 쌍 <> 은 XAML에서 매우 두드러지므로 큐브에 있는 그대로 "그냥 때림"하거나 최소한 이 점을 충분히 고려하는 것이 타당하다고 생각합니다.

@mdtauk 님 의 3D 브라켓 디자인이 갈 길이라고 생각 효과를 줘도 같은 사이즈로 보이게 하기 위해 예쁜걸 붙입니다 요점을 설명하기 위한 추악한 예입니다.

무슨 말인지 알겠습니다. 당신이 옳을 것입니다. 다음은 대칭적이고 여전히 3D인 빠른 버전입니다. 그것은 매우 미완성이지만(그림자 없음, 괄호가 너무 큼, 채색이 더 나을 수 있음 등) 내가 원하는 것에 대한 일반적인 아이디어를 얻을 수 있습니다. 두 가지 방식으로 볼 수 있는 일종의 멋진 착시 효과입니다. 물론 디자인 방향을 결정하는 것은 전적으로 @mdtauk 에게 달려 있습니다.

@ratishphilip 의 대괄호는 3D 공간에서 의미가 없습니다. 그들은 단지 거기에 떠 있고 그림자는 큐브에 제대로 드리워지지 않습니다. @mdtauk 의

@NoahFeller 괄호는 3D 공간에서 의미가 있습니다. 아래 빨간색 화살표가 가리키는 방향으로 큐브를 보면 대괄호는 다음과 같을 것입니다.

이 어두운 그라디언트가 더 낫습니까?

@mdtauk 작은 제안... 왼쪽 브래킷이 큐브의 표면과 일치하면 브래킷 중앙의 두 모서리는 큐브의 모서리와 같은 모서리 반경이 0이어야 합니다.

우리가 해냈습니다.

커뮤니티 - 당신은 훌륭하고 나는 그것을 충분히 강조할 수 없습니다. 말 그대로 _시간_의 숙고 끝에 우리는 하나를 결정했습니다. @itsmichaelwest 와 @mdtauk 디자인의 조합입니다.

색상:

(참고: 이 모서리 반경이 있는 그림자 버전을 찾을 수 없으므로 큐브 그림자가 여기에 반영되지 않았습니다.)

단색화:

(참고: 대칭 대 비대칭 브래킷에 대해서는 하단 섹션의 항목 2 참조)

생각

@ryandemopoulos가 말했듯이 "이 로고는

마지막 몇 단계를 위해 디자이너에게 전화하기

완전히 끝난 것은 아니지만 더 가까워졌습니다. 다음은 우리가 묶고 있는 느슨한 끝입니다.

1. 우리는 이 색 구성표를 좋아하지만 여전히 몇 가지 다른 색 변형을 탐색해야 합니다(그리고 이를 다양한 배경의 그림자/광선과 혼합).

2. 우리는 두 가지 정말 좋은 버전을 받았습니다. 하나는 대칭 브래킷이 있고 다른 하나는 비대칭 브래킷이 있습니다. 우리는 비대칭(오른쪽 그림과 같이) 쪽으로 기울고 있습니다. 생각?

1. 우리는 약간의 장식을 디자인해야 합니다. 셔츠, 스티커, 가방, 아마도 실제 모델 등. 항상 명백한 것이 있지만 _정말로_ 멋진 것을 생각해낼 수 있을 것입니다. 😄

우리가 해냈습니다.

커뮤니티 - 당신은 훌륭하고 나는 그것을 충분히 강조할 수 없습니다. 말 그대로 _시간_의 숙고 끝에 우리는 하나를 결정했습니다. @itsmichaelwest 와 @mdtauk 디자인의 조합입니다.

축하합니다 @itsmichaelwest 와 @mdtauk!

우리가 해냈습니다.

커뮤니티 - 당신은 훌륭하고 나는 그것을 충분히 강조할 수 없습니다. 말 그대로 _시간_의 숙고 끝에 우리는 하나를 결정했습니다. @itsmichaelwest 와 @mdtauk 디자인의 조합입니다.

축하합니다 @itsmichaelwest 와 @mdtauk!

@ratishphilip 저희가 여기까지 올 수 있도록 열심히 도와주셔서 감사합니다. 여러분의 영향력과 영향력에 대해

@ratishphilip 의 대괄호는 3D 공간에서 의미가 없습니다. 그들은 단지 거기에 떠 있고 그림자는 큐브에 제대로 드리워지지 않습니다. @mdtauk 의

@NoahFeller 괄호는 3D 공간에서 의미가 있습니다. 아래 빨간색 화살표가 가리키는 방향으로 큐브를 보면 대괄호는 다음과 같을 것입니다.

@ratishphilip 3D에서 작동하지 않는 디자인에 대한 내 의견이 무엇을 의미하는지 궁금하다면 여기에서 설명하겠습니다. 디자인에서 그림자는 큐브를 비추는 광원과 일치하지 않습니다. 그들은 반대 방향을 마주하고 있습니다. 왼쪽 브래킷이 큐브의 윗면에 수직이면 뒤에 긴 그림자가 드리워져야 합니다. 현재로서는 이해할 수 없는 그림자가 있는 늘어진 브래킷처럼 보입니다. 다른 브래킷의 그림자를 보면 잘못된 방향을 향하고 있는 것 같습니다. 또한 대괄호가 이상하게 보이고 그런 각도로 변형됩니다. 환상의 목표는 브래킷이 보이는 각도에서 잘 보이도록 하는 것입니다. 왜 그런 왜곡을 하는지 이해가 안됩니다. 원래 브래킷 모양(오른쪽 이미지에 표시)은 아이콘일 뿐이므로 참조 프레임이 없습니다. 나는 매우 비판적이라는 것을 의미하지 않습니다. 나는 단지 당신이 더 나은 디자이너가 될 수 있도록 피드백을 제공하고 싶습니다.

@ratishphilip 의 대괄호는 3D 공간에서 의미가 없습니다. 그들은 단지 거기에 떠 있고 그림자는 큐브에 제대로 드리워지지 않습니다. @mdtauk 의

@NoahFeller 괄호는 3D 공간에서 의미가 있습니다. 아래 빨간색 화살표가 가리키는 방향으로 큐브를 보면 대괄호는 다음과 같을 것입니다.

@ratishphilip 3D에서 작동하지 않는 디자인에 대한 내 의견이 무엇을 의미하는지 궁금하다면 여기에서 설명하겠습니다. 디자인에서 그림자는 큐브를 비추는 광원과 일치하지 않습니다. 그들은 반대 방향을 마주하고 있습니다. 왼쪽 브래킷이 큐브의 윗면에 수직이면 뒤에 긴 그림자가 드리워져야 합니다. 현재로서는 이해할 수 없는 그림자가 있는 늘어진 브래킷처럼 보입니다. 다른 브래킷의 그림자를 보면 잘못된 방향을 향하고 있는 것 같습니다. 또한 대괄호가 이상하게 보이고 그런 각도로 변형됩니다. 환상의 목표는 브래킷이 보이는 각도에서 잘 보이도록 하는 것입니다. 왜 그런 왜곡을 하는지 이해가 안됩니다. 원래 브래킷 모양(오른쪽 이미지에 표시)은 아이콘일 뿐이므로 참조 프레임이 없습니다. 나는 매우 비판적이라는 것을 의미하지 않습니다. 나는 단지 당신이 더 나은 디자이너가 될 수 있도록 피드백을 제공하고 싶습니다.

@NoahFeller 감사합니다. 귀하의 피드백에 감사드립니다.

@NoahFeller 로고가 이렇게 될 거라고 예상했나요?

@NoahFeller 로고가 이렇게 될 거라고 예상했나요?

아마도 그와 비슷해 보일 것입니다(그림자는 그리 어둡지 않을 것입니다). 하지만 문제는 디자인이 3D 공간에서 정확하게 렌더링될 때 멋지게 보이지 않는다는 것입니다. 앞서 말했듯이 브래킷이 이상하게 압축되어 뷰가 보는 방향에 적합하지 않습니다. '카메라' 뷰와 평행하게 떠 있는 적절한 모양의 브래킷과 정확하게 그림자가 드리워지면 더 잘 작동하는 것을 볼 수 있었습니다. 또는 브래킷이 큐브 또는 무언가에 움푹 들어간 것을 보는 것이 멋질 수 있습니다. IMO 귀하의 디자인은 현재 형태로 그다지 훌륭하게 작동하지 않습니다. 그러나 좋은 소식은 분명히 몇 가지 다른 방식으로 더 나은 방향으로 변경될 수 있다는 것입니다.

최종 디자인에 대한 생각

마지막 조정이 진행되는 동안 디자인에 대해 몇 가지 언급하고 싶은 것이 있습니다. 먼저 아크릴 큐브+글로우 조합을 사용하는 모습이 정말 멋집니다. 또한 3D 큐브 상단의 단색 브래킷에 대해 약간의 우려가 있습니다. 큐브가 빛을 발하고 있고 큐브 측면에 방향광이 있는 것 같아서 브래킷이 단색이라는 것은 말이 되지 않습니다. 조명 소스와 일치하는 약간의 그라디언트 모양이 있어야 합니다(그래디언트가 너무 많아 끈적거림이 아니라 현실적일 뿐입니다). 그렇지 않으면 3D 공간에서 전혀 의미가 없고 잘 보이지 않습니다. 마지막으로 묻고 싶은 것은 ( @SavoySchuler , @stmoy) 대괄호를 이와 같이 대칭으로 만드는 것을 고려하시겠습니까?

전에 게시할 때 말했듯이 이것은 매우 거친 디자인입니다(그림자 없음, 브래킷이 너무 클 수 있음, 착색이 실제로 개선될 수 있음 등). 그럼에도 불구하고 브래킷이 비대칭이고 모양이 다른 것에 대해 여기와 Twitter에서 본 많은 문제를 해결하고 이전과 유사한 방식으로 큐브를 여전히 감싸고 있습니다. @mdtauk 의 큐브에서 오른쪽 대괄호가 확장되는 것을 상상해보세요. 변경 사항으로 인해 대괄호가 글자나 다른 것 대신에 있는 것처럼 보이게 되므로 크게 개선된 것 같습니다. 또한 가능하면 대칭이 좋고 균형을 제공합니다! 분명히 스타일은 @mdtauk 의 아크릴 큐브에 빛이

@itsmichaelwest 와 @mdtauk도 축하합니다!

먼저 @itsmichalwest 및 @mdtauk 모든 축하의 거대한 그의 FIGMA 파일을 공유 @mdtauk을 부탁드립니다!

@SavoySchuler 코멘트:

1. 우리는 이 색 구성표를 좋아하지만 여전히 몇 가지 다른 색 변형을 탐색해야 합니다(그리고 이를 다양한 배경의 그림자/광선과 혼합).

@mdtauk 멋진 디자인에 대한 제 의견은 다음과 같습니다.

나는 청록색, 파란색 및 분홍색을 더 "Windows" 느낌을 주기 위해 Windows 테마 파란색의 변형으로 전환했습니다.

최종 아이콘을 보게 되어 정말 기쁩니다! 정말 세련되어 보입니다! @mdtauk 와 @NoahFeller 는 특히 내가 미래에 하는 모든 디자인에 도움이 될 놀라운 아이디어와 관점을 공유했습니다.

왼쪽 이미지는 @chingucoding 이 것 입니다. 오른쪽 이미지는 브래킷이 대칭인 수정 버전입니다(대칭이란 높이뿐만 아니라 모양도 볼 수 있음을 의미합니다). 그것들을 나란히 놓고 보면 비대칭이 나를 완전히 무너뜨립니다. 제 생각에는 대칭이 균형을 이루고 아이콘이 덜 복잡하게 느껴집니다. 내가 본 많은 꺾쇠 괄호는 실제로 끝이 비스듬한 대괄호가 원래 있던 것처럼 평평하므로 이 변경이 가독성을 해치지 않습니다(아마도 그 반대일 수 있음). 육각형을 6개의 삼각형으로 생각하면 각진 끝이 모양을 더 우아하게 받쳐주어 상위 GIF 버전의 아이콘에 기하학적 특성을 더해줍니다. 아래는 @chingucoding 의 디자인에 대한 수정 버전과 수정되지 않은 버전의 차이점을 보여주는 일부 GIF입니다. 어떻게 생각하는지 알려주세요. @chingucoding도 훌륭합니다.

@NoahFeller 는 이전 제출물 중 하나와 동일하게 되지

@NoahFeller 는 이전 제출물 중 하나와 동일하게 되지

일종의. 다양한 색상의 브래킷은 큐브를 감싸는 느낌을 주어 약간 다릅니다. 색상 차이는 다소 중요합니다. 앞서 언급했듯이 @mdtauk 의 대괄호는 3D에서 이해하는 데 훨씬 더 효과적입니다. 또한 @mdtauk 의 대괄호가 조금 더 두껍습니다. 하지만 두 가지 디자인의 조합으로 생각할 수 있습니다. 나는 각각의 대괄호의 구현을 개선하려고 노력했습니다. 행복한 매체 🙂.

아, 이 버전에는 이 페이지의 몇 가지 디자인에서 본 적이 있는 큐브 디자인 안에 큐브가 있다는 것을 완전히 잊었습니다. 통합하는 것이 정말 멋진 측면이고 그 이면에 멋진 의미가 있다고 생각합니다. 아래는 @mdtauk이 @stmoy 에 대한 응답으로 큐브 디자인 내에서 큐브를 설명할 때 말한 것입니다 .

@mdtauk - 모든 의견과 변형에 감사드립니다. 빠른 질문 - 많은 디자인이 "큐브 안의 큐브"입니다. 이 이중 큐브는 무엇을 전달하기 위한 것입니까?

@itsmichaelwest는 원래 XAML 아이콘을 로고의 기초로 사용할 것을 제안했으며 그의 디자인은 제출된 첫 번째 라운드에서 선택되었습니다.

저는 큐브를 Windows 앱 빌드의 핵심 부분인 코어로 보고 큐브의 일부를 눈에 띄게 하여 코어의 개념을 설명하기로 결정했습니다. 나는 또한 "공허한" 공간을 가지고 놀아 이것이 건설할 공간임을 보여주었습니다.

그러나 큐브와 브래킷 디자인을 수천 개의 다른 큐브 기반 도해법 중에서 "소유 가능"하고 뚜렷하게 만드는 것은 어느 정도 역할을 합니다.

그리고 여기 @mdtuak 의 녹색/파랑/보라색 디자인을 기반으로 한 큐브 디자인 내 대칭 브래킷 큐브가 있습니다.

내 의견은 브래킷의 너비가 외부 큐브 너비의 1/4이어야 한다는 것입니다. 내부 큐브는 외부 큐브의 가장자리에서 큐브 너비의 1/4인 거리에 브래킷을 배치할 외부 큐브 크기의 절반이어야 합니다.

그리고 여기 @mdtuak 의 녹색/파랑/보라색 디자인을 기반으로 한 큐브 디자인 내 대칭 브래킷 큐브가 있습니다.

브래킷을 약간 더 가깝게 조정했습니다. 이렇게 보니 좀 나은 것 같네요.

@SavoySchuler 이런 색으로 하고 싶은

대칭 브래킷이 확실히 훨씬 좋습니다. 안쪽 모서리도 둥글게 처리한 컨셉을 보고 싶습니다.

대칭형 브래킷이 확실히 훨씬 좋습니다. 안쪽 모서리도 둥글게 처리한 컨셉을 보고 싶습니다.

전적으로 동의합니다. 그렇지 않으면 꺾쇠 괄호라고 말하기 어렵습니다. 내부 모서리가 무엇을 의미하는지 명확히 할 수 있습니까?

멋진 새로운 색상 조합 @mdtauk! 멋진 일을 하셨습니다. 꺾쇠괄호를 대칭형으로 해야 하는지에 대한 의견이 있으신지 궁금합니다. 나는 @Felix-Dev, @elalexg 및 @goranalkovic이 대칭 괄호를 선호하는 방법에 대해 여기에 게시하는 것을

@NoahFeller 대괄호 IMO는 크기가 동일한 XAML의 대괄호를 반영해야 합니다. 이것은 로고에 반영되어야 합니다. @mdtauk 의 디자인에 대한 문제는

(왼쪽 대괄호가 오른쪽 대괄호에 비해 분명히 더 큽니다. XAML에서는 그렇지 않습니다.) 일부 이미지 해상도에서 ie

이것은 나에게 꽤 눈부시고 솔직히 말해서 나를 버립니다. 대괄호 쌍 <> 은 XAML에서 매우 두드러지므로 큐브에 있는 그대로 "그냥 때림"하거나 최소한 이 점을 충분히 고려하는 것이 타당하다고 생각합니다.

비주얼 스튜디오 퍼플

멋진 새로운 색상 조합 @mdtauk! 멋진 일을 하셨습니다. 꺾쇠괄호를 대칭형으로 해야 하는지에 대한 의견이 있으신지 궁금합니다. 나는 @Felix-Dev, @elalexg 및 @goranalkovic이 대칭 괄호를 선호하는 방법에 대해 여기에 게시하는 것을

@NoahFeller 대칭으로 만드는 것은 브래킷을 큐브에서 분리하는 것을 의미합니다. 나는 같은 크기의 브래킷으로 버전을 만들었습니다(그러나 모양이 대칭적이지 않음). 결정을 내리는 팀은 비대칭을 유지하는 쪽으로 편들고 있는 것 같습니다.

대괄호를 XAML/XML의 꺾쇠 괄호를 문자 그대로 표현한 것으로 본다면 양식화된 접근 방식에 대해 크게 반발할 것입니다.

그러나 모양이 대괄호를 상징하지만 큐브 자체가 로고인 경우 비대칭이 대괄호를 암시하면서 흥미로운 로고가 될 만큼 충분히 양식화됩니다.

대괄호를 대칭으로 만드는 동시에 큐브 위에 놓는 것은 큐브를 회전하는 것을 의미하며 이는 요청되지 않았으며 XAML 로고 영감에서 멀어지는 또 다른 조치입니다.

그림 물감

@mdtauk - 당신은 훌륭했습니다. 아래 로고에 대한 벡터 형식 파일만 있으면 됩니다(가능한 경우 왼쪽 및 중앙 모양이 선호됨). 그렇지 않으면 귀하가 원하지 않는 한 더 이상 귀하의 시간을 빌려줄 의무가 없다고 느끼십시오. 우리는 죄책감을 느끼지 않고 더 이상 요청할 수 없습니다!

@mdtauk 의 가장 최근 제출물(곧 평가할 예정

마지막 탐색으로 이 디자인을 공식 Microsoft 색상으로 멋지게 작업할 수 있는지 확인하고 싶습니다(가능한 경우). 나는 이것을 오프라인으로 탐색해 보았지만 아직 자랑스럽게 게시할 만한 것을 생각해내지 못했습니다. 여기 있는 사람이 없으면 위의 색 구성표에서 선택합니다.

브래킷/높이 모양과 관련하여 우리의 관심은 색상을 가장 잘 보완하는 것입니다. 지금까지는 위의 왼쪽 및 중앙 이미지가 가장 잘 수행된다고 생각하지만 위의 오른쪽 항목이나 이것에서 벗어나는 대체 색상 제출을 배제하는 것은 아닙니다.

그림 물감

@mdtauk - 당신은 훌륭했습니다. 아래 로고에 대한 벡터 형식 파일만 있으면 됩니다(가능한 경우 왼쪽 및 중앙 모양이 선호됨). 그렇지 않으면 귀하가 원하지 않는 한 더 이상 귀하의 시간을 빌려줄 의무가 없다고 느끼십시오. 우리는 죄책감을 느끼지 않고 더 이상 요청할 수 없습니다!

@mdtauk 의 가장 최근 제출물(곧 평가할 예정

마지막 탐색으로 이 디자인을 공식 Microsoft 색상으로 멋지게 작업할 수 있는지 확인하고 싶습니다(가능한 경우). 나는 이것을 오프라인으로 탐색해 보았지만 아직 자랑스럽게 게시할 만한 것을 생각해내지 못했습니다. 여기 있는 사람이 없으면 위의 색 구성표에서 선택합니다.

브래킷/높이 모양과 관련하여 우리의 관심은 색상을 가장 잘 보완하는 것입니다. 지금까지는 위의 왼쪽 및 중앙 이미지가 가장 잘 수행된다고 생각하지만 위의 오른쪽 항목이나 이것에서 벗어나는 대체 색상 제출을 배제하는 것은 아닙니다.

나도 Microsoft Four Square 로고 색상을 사용하려고 시도했지만 큐브의 차원을 유지하면서 서로 잘 보이도록 할 수 없었습니다.

어떤 도구를 사용하여 작업합니까? 저는 Figma가 Microsoft에 익숙한 도구라고 생각하기 때문에 사용하고 있지만 원하는 경우 Illustrator로 전송할 수 있습니까?

대칭/비대칭 @mdtauk에 대한 관점을 공유해 주셔서 감사합니다.

@NoahFeller 대칭으로 만드는 것은 브래킷을 큐브에서 분리하는 것을 의미합니다. 나는 같은 크기의 브래킷으로 버전을 만들었습니다(그러나 모양이 대칭적이지 않음). 결정을 내리는 팀은 비대칭을 유지하는 쪽으로 편들고 있는 것 같습니다.

대괄호를 대칭으로 만드는 동시에 큐브 위에 놓는 것은 큐브를 회전하는 것을 의미하며 이는 요청되지 않았으며 XAML 로고 영감에서 멀어지는 또 다른 조치입니다.

대괄호를 대칭으로 만드는 것이 큐브에서 분리되어야 한다는 것을 의미한다는 말의 의미를 모르겠습니다. 또한 대괄호를 대칭으로 유지하기 위해 큐브를 회전해야 한다는 것이 무슨 뜻인지 잘 모르겠습니다. 나는 당신의 디자인을 반복할 때 그 중 어느 것도 할 필요가 없었습니다. 대칭 ⬇을 달성하기 위해 브래킷의 높이와 모양을 약간만 수정했습니다. 내가 당신의 말을 잘못 해석하지 않는 한, 당신의 진술의 그 부분은 옳지 않은 것 같습니다.

@elalexg 는 또한 그의 의견에서 그 점을 명확히 했습니다.

@mdtauk 님 의 3D 브라켓 디자인이 갈 길이라고 생각 효과를 줘도 같은 사이즈로 보이게 하기 위해 예쁜걸 붙입니다 요점을 설명하기 위한 추악한 예입니다.

나는 당신의 디자인을 수정하는 것에 대해 부분적으로 그에게서 영감을 받았습니다.

나는 또한 당신의 괄호가 꺾쇠 괄호를 어떻게 상징하는지 알지 못합니다. 그것들은 단지 하나가 다른 것보다 조금 더 큰 꺾쇠 괄호처럼 보입니다. @Felix-Dev가 말했듯이 원래 XAML 브래킷은 대칭이므로 대칭은 실제로 이전 XAML 디자인에서 멀어지지 않고 이전 XAML 디자인에 더 가깝습니다.

로고를 양식화하기를 원한다는 말의 의미를 알 수 있습니다. 저와 제가 언급한 다른 사람들에게는 다른 크기의 브래킷을 보는 것이 부자연스럽게 느껴지지만 저는 여러분이 어떻게 다르게 보는지 완전히 알 수 있습니다. 로고가 질감, 빛, 다양한 색상 등으로 충분히 복잡하고 더 많은 관심이 필요하지 않은 것처럼 느껴지지만 그렇지 않은 경우 어떻게 생각하는지 다시 한 번 알 수 있습니다.

정말로 @SavoySchuler 와 그의 팀이 갈 길을 결정하는 것은 당신의 논리를 이해하려고 노력하는 것뿐입니다. 다시 한 번 설명해주셔서 감사합니다!

참고로 저는 (최종) 최종 로고가 무엇이든 간에 실제 버전을 직접 디자인(3D로)하고 3D 인쇄할 계획입니다. 아크릴 효과를 에뮬레이트하기 위해 반투명 필라멘트를 사용할 것입니다(아래 예). 혹시 관심 있으신 분 계시면 결과물 사진 공유할게요!

참고로 저는 (최종) 최종 로고가 무엇이든 간에 실제 버전을 직접 디자인(3D로)하고 3D 인쇄할 계획입니다. 아크릴 효과를 에뮬레이트하기 위해 반투명 필라멘트를 사용할 것입니다(아래 예). 혹시 관심 있으신 분 계시면 결과물 사진 공유할게요!

엄청난. 우리는 이미 내부적으로 로고를 기반으로 이와 같은 물리적 개체를 만드는 것에 대해 약간 이야기했습니다. 당신이 무엇을 생각해 낼지 기다릴 수 없습니다!

마이크로소프트 브랜드 색상으로도 해봤는데 잘 안되네요. 결국 윈(다우즈) UI이기 때문에 윈도가 어울릴 것 같아요.
@mdtauk 도 이해할 수 있는 Visual Studio 색상에 대한 흥미로운 아이디어를 가지고 있었습니다.

브래킷의 대칭/비대칭에 대한 모든 의견을 살펴보면 로고에 또 다른 독특한 모양을 부여하고 어떻게 든 큐브를 조금 더 잘 그리는 것처럼 보이는 비대칭 디자인에 더 기울었습니다.

대괄호를 대칭으로 만드는 것이 큐브에서 분리되어야 한다는 것을 의미한다는 말의 의미를 모르겠습니다. 또한 대괄호를 대칭으로 유지하기 위해 큐브를 회전해야 한다는 것이 무슨 뜻인지 잘 모르겠습니다. 나는 당신의 디자인을 반복할 때 그 중 어느 것도 할 필요가 없었습니다. 대칭 ⬇을 달성하기 위해 브래킷의 높이와 모양을 약간만 수정했습니다. 내가 당신의 말을 잘못 해석하지 않는 한, 당신의 진술의 그 부분은 옳지 않은 것 같습니다.

나는 또한 당신의 괄호가 꺾쇠 괄호를 어떻게 상징하는지 알지 못합니다. 그것들은 단지 하나가 다른 것보다 조금 더 큰 꺾쇠 괄호처럼 보입니다. @Felix-Dev가 말했듯이 원래 XAML 브래킷은 대칭이므로 대칭은 실제로 이전 XAML 디자인에서 멀어지지 않고 이전 XAML 디자인에 더 가깝습니다.

로고를 양식화하기를 원한다는 말의 의미를 알 수 있습니다. 저와 제가 언급한 다른 사람들에게는 다른 크기의 브래킷을 보는 것이 부자연스럽게 느껴지지만 저는 여러분이 어떻게 다르게 보는지 완전히 알 수 있습니다. 로고가 질감, 빛, 다양한 색상 등으로 충분히 복잡하고 더 많은 관심이 필요하지 않은 것처럼 느껴지지만 그렇지 않은 경우 어떻게 생각하는지 다시 한 번 알 수 있습니다.

정말로 @SavoySchuler 와 그의 팀이 갈 길을 결정하는 것은 당신의 논리를 이해하려고 노력하는 것뿐입니다. 다시 한 번 설명해주셔서 감사합니다!

큐브의 "표시"를 큐브면의 측면에 정렬하기를 원했습니다. 왼쪽 브라켓의 끝단 스트로크를 비스듬한 각도로 커팅하여 큐브의 윤곽에 부자연스럽게 느껴지며 회전과 단절된 느낌을 줍니다.

그러나 이제 @SavoySchuler 와 팀이 디자인을 가져와 팀이 원하고 필요로 하는 것으로 해석하고 성형해야 합니다.

모든 색상을 제거한 Adobe Illustrator 버전을 마무리 중이므로 시작점으로 사용할 수 있습니다.

다음은 압축된 Illustrator 파일입니다.
최종 로고 모양.zip
_EDIT: 채워진 모노 컬러 버전이 추가된 업데이트된 Illustrator 파일_

16

32

64

128

256

1024

4096

@mdtauk를 명확히 해 주셔서 감사합니다. 이전 게시물에서 이야기한 큐브 디자인 내에서 미묘한 큐브를 얻기 위해 그렇게 했습니다. 라인 캡의 각도가 45°이기 때문에 사각형의 대각선에 있어서 너무 부자연스럽다는 느낌은 들지 않습니다. 무슨 말인지 알겠어요. 나는 모양을 육각형으로 맞추는 것을 우선시했으며 큐브로 맞추는 것을 우선시했으며 어느 쪽이든 약간의 타협이 있다고 생각합니다(큐브 디자인 내에서 큐브와 균형 잡힌 대칭 대 캐릭터 추가 및 더 나은 랩). 아무튼 설명 정말 감사합니다!

@mdtauk를 명확히 해 주셔서 감사합니다. 이전 게시물에서 이야기한 큐브 디자인 내에서 미묘한 큐브를 얻기 위해 그렇게 했습니다. 라인 캡의 각도가 45°이기 때문에 사각형의 대각선에 있어서 너무 부자연스럽다는 느낌은 들지 않습니다. 무슨 말인지 알겠어요. 나는 모양을 육각형으로 맞추는 것을 우선시했으며 큐브로 맞추는 것을 우선시했으며 어느 쪽이든 약간의 타협이 있다고 생각합니다(큐브 디자인 내에서 큐브와 균형 잡힌 대칭 대 캐릭터 추가 및 더 나은 랩). 아무튼 설명 정말 감사합니다!

두 접근 방식 모두 다른 접근 방식보다 낫지 않으며 핵심적인 아이디어만 다를 뿐입니다. 당신이 말했듯이, 나는 이것이 XAML 로고 뒤에 숨겨진 원래 의도로 깊이와 질감이 있는 큐브라는 사실을 잃고 싶지 않았습니다.

다음은 압축된 Illustrator 파일입니다.
최종 로고 모양.zip
_EDIT: 채워진 모노 컬러 버전이 추가된 업데이트된 Illustrator 파일_

16

32

64

128

256

1024

4096

이봐 친구! 우리는 처음에 보낼 때 만든 원래의 멀티 컬러 및 파란색 로고 디자인을 압축 폴더에 하나의 .ai 파일로 갖고 싶습니다. 그들은 좋아 보인다! 우리를 도와 주셔서 감사합니다. 우리는 당신의 작업을 너무 좋아해서 그대로 유지하고 싶습니다 :) 다시 한번 감사합니다.

@embender 바라건대 이것이 당신이 원하는 것입니다 😃

파란색 로고 그림자 없음.zip

멀티 컬러 다크 로고.zip

멀티 컬러 라이트 로고.zip

@SavoySchuler @embender 저는 최종 로고와 색상으로 커지는 그림자가 포함됩니다.

https://www.fiigma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1

저만 그런가요 아니면 작은 회색 큐브가 흐릿하게 보입니까? 그것은 단지 이미지 압축 아티팩트입니까?

저만 그런가요 아니면 작은 회색 큐브가 흐릿하게 보입니까? 그것은 단지 이미지 압축 아티팩트입니까?

이전에 게시한 그레이스케일 로고?

이미지는 픽셀 격자에서 선명하게 보이도록 설계되었으므로 100% 확대/축소로 볼 때 선명해야 합니다.

@mdtauk - 모든 기여와 신속한 응답에 다시 한 번 감사드립니다. 이 과정에서 당신은 소중한 존재였습니다. 단색 로고도 제공해 주셔서 감사합니다. 스웨그에 잘 어울릴 것 같아요!

큰 문제가 아니라면 비대칭 브래킷을 포함하여 로고의 외곽선 버전을 보여주는 자산을 함께 보낼 수 있습니까? 이와 비슷하지만 최신 디자인으로 업데이트되었습니다.

또한 외곽선 두께에 대해 어떻게 생각하십니까? 윤곽선 두께가 작은 픽셀 크기에서 로고를 유지하는 데 도움이 된다는 것을 보장하는 것에 대한 대화가 있다는 것을 알고 있지만 스웨그의 경우 더 얇은 선이 더 효과적인지 궁금합니다.

저는 라인이 각 얼굴의 바깥쪽 가장자리까지 이어지는 비대칭 버전의 로고를 정말 좋아합니다. 즉.
멀티 컬러 라이트 로고.zip

이를 통해 각 면이 그 자체로 일관성이 있게 되며 큐브를 회전하면 숨겨진 면이 어떻게 보일지 상상할 수 있습니다.

그런 점에서 루빅스 큐브에 디자인을 적용했다면 멋질지도 모르겠다.

@stmoy 확대하면서 외곽선을 약간 가늘게 했는데, 16과 32의 경우

어쨌든 나는 Figma에 더 얇은 Monoline 무게 아이콘을 추가했습니다.

저만 그런가요 아니면 작은 회색 큐브가 흐릿하게 보입니까? 그것은 단지 이미지 압축 아티팩트입니까?

이전에 게시한 그레이스케일 로고?

이미지는 픽셀 격자에서 선명하게 보이도록 설계되었으므로 100% 확대/축소로 볼 때 선명해야 합니다.

아, 어리석은 나와 DPI 스케일링! 😛

로고 완성

안녕하세요, 멋진 커뮤니티입니다! 지난 주에 보셨을 거라 확신합니다. 우리는 의심의 여지 없이 100% 정말 우리가 매우 흥분하는 로고에 착륙했습니다! 이 집을 운전해 주신 모든 분들께 진심으로 감사드립니다. 우리는 모든 사람들이 여기에 넣은 좋아하는 모든 작업을 결합한 것을 만들고 싶었습니다. 우리는 이것이 그렇게 한다고 믿습니다.

보고하자

여기에 이전 Xaml 로고가 있습니다.

@itsmichaelwest 가 역사에 새로운 생명을 불어

거기에서 우리는 커뮤니티로 눈을 돌렸습니다. (거의) 다시 채색 및 스타일링을 탐구하는 또 다른 100번의 제출 후에, 우리는 브래킷 자체를 포함하는 이 단순하지만 우아한 비틀기와 사랑에 빠졌습니다. @embender가 말했듯이 "저는 브래킷의 다른 높이가 좋습니다. 약간 추상적으로 만듭니다. 과학 위에 예술을 그립니다." UI가 합쳐지는 것입니다. 예술과 과학이 하나로 합쳐진 것입니다."

색상에 관해서 - 우리 사용자 커뮤니티는 여전히 "Windows와 같은 느낌"을 요구하고 말했습니다. @mdtauk 는 우리 커뮤니티를 다시 한 번 이 친숙한 파란색을 쉽게 상상할 수 있게

물론 이 간단한 요약에서는 여기에서 거의 40명의 기고자로부터 약 300건의 상호 작용을 요약하고 Twitter와 오프라인에서 더 많은 볼륨을 제공합니다. 짧은 이야기는 이렇습니다. 여러분 모두가 없었다면 이 일을 할 수 없었을 것입니다. 여러분 모두가 여러분의 작업을 조금 보고 여러분의 이야기가 우리가 함께 만든 것에 반영되기를 바랍니다. 그것은 어떻게 든 현대적이고 복고풍으로 동시에 힙 해 보이지만 역사적이며 정확하며 비대칭입니다. 그것은 약간의 대화 조각이며 그것은 의도된 것입니다. 😊

기대

이 공동 작업이 얼마나 다양하고 우리가 본 모든 다채로운 변형을 고려할 때 당신이 우리에게 주신 모든 아이디어로 어떻게 일을 생생하게 유지하지 않을 수 있습니까? 우리는 색상과 테마를 실험하게 되어 기쁩니다. 재미있는 디자인 작업을 공유하는 Twitter 를 계속 주시하고 축하 월, 휴일을 제안하고 공유할 테마 변형을 출시하려고 합니다! 😊

우리는 또한 흥미로운 장식 디자인에 대한 반복 작업을 시작할 것입니다. Microsoft Ignite의 부스에 들러 아래 스티커 중 하나를 선택하세요!

스웨그 링크?

개인 장식장식 구매 링크를 사용할 수 있게 해달라는 요청이 있는 것을 보았습니다. 우리의 스웨그 라인업이 완성되는 대로, 나는 이것을 가능하게 할 수 있는지 조사하고 이 스레드에 다시 보고할 것입니다. 그때까지 이슈 종료를 미루겠습니다!

공유할 스웨그가 있습니다!

커뮤니티 팀, 나는 당신을 크고 명확하게 들었습니다. Microsoft Ignite에서, 무대에서, 그리고 전 세계에서 우리 내부 팀 구성원이 흔들릴 동일한 상품을 구입할 수 있는 기회를 원했습니다. 우리는 당신을 위해 그것을 할 수 있는 회사를 통해 우리의 장식을 디자인하고 주문하기로 결정했습니다.

오늘 100개 이상의 품목을 최종 주문했습니다. 각 팀원은 둘 중 하나를 선택해야 했습니다. 많은 사람들이 둘 다 너무 좋아해서 하나를 선택하고 다른 하나를 직접 주문했습니다(저 포함)!

질문이 있으면 알려주세요. 몇 가지 메모가 있습니다.

• 나는 당신이 우리의 "1000th Issue - Thank You!"의 우승자라면!
• 후드티는 최소 주문수량이 6개입니다. 최소 주문량이 없는 제품으로 쉽게 교환하거나 단체 주문서를 함께 넣을 수 있습니다.
• 이번 주에 주문하거나 호텔로 배송하는 경우 11월 4일부터 8일까지 플로리다 올랜도에서 열리는 Microsoft Ignite에서 착용할 수 있도록 제시간에 받을 수 있습니다!

WinUI 후드 주문 링크

WinUI 셔츠 주문 링크

최종 로고가 멋지게 나왔습니다. 정말 팝니다.