こんにちは、みんな！ 私のアイデアをミックスに追加したいと思っていたWindowsIXP（以前のComposition）PM :)ここに私がいじり回しているいくつかがあります-あなたの考えを教えてください！

@embender、あなたの提出物は素晴らしいです。 私は特に最後と最初のものが好きです。

スイート内の他の製品に配置された場所から外れることのないWinUIアイコンをすばやくモックアップしました。

信じられない、@ iconredesign！ アイコンでシェードを使用してアプリの領域を呼び起こすのが大好きです。

Microsoft Wordアイコン（下）との混同を避けるために、フルーエントデザインシステムの色などを採用することについてどう思いますか？

絶対！ 私はWinUIテーマの色を維持しようとしていましたが、一目見ただけで同じように見えるのではないかと頭に浮かびました。

提示されたガイドラインを確認し、改訂版を提出します。 ありがとう！

@iconredesign

絶対！ 私はWinUIテーマの色を維持しようとしていましたが、一目見ただけで同じように見えるのではないかと頭に浮かびました。

提示されたガイドラインを確認し、改訂版を提出します。 ありがとう！

これが朗報です。新しいテーマの色を標準化するのを手伝ってください。 私たちのガイドラインはその点で意図的に緩いので、これを素晴らしいものにする自由を得ることができます！

@SavoySchuler

みやげ品

ロゴが公式になったら、いくつかのシャツを購入できるようになることを願っています。

@SavoySchuler

みやげ品

ロゴが公式になったら、いくつかのシャツを購入できるようになることを願っています。

@shaggygi 、注目！ 今後数年間、毎週どのようなデザインでシャツを着ていただけると思いますか？ 盗品の私のバーは少なくともその高さです。 😉

@SavoySchuler派手すぎるのは好きじゃない😄。 私は通常、数週間ごとにGitHubシャツを着てい

デザイナーが完全なマニフェストを提供することが重要だと思うので、ここにあります。

もちろん、ロゴはマイクロソフトの他のソフトウェア製品を連想させます。 これにより、その背後にある組織が明確になり、モックUIの図像によって、このアプリの目的が明確に定義されます。 WinUIは、Office製品とは一線を画し、文字の代わりに角かっことスラッシュを使用すると、著しく異なり、文字による混乱を回避できます。 全体として、アイコンは、1）Microsoft製品であり、2）UIデザイン用のコードベースのツールであり、3）Office製品ではないことを明確に示しています。

フラットなデザインには、アプリのメインテーマの色が背景に引き継がれる要素が組み込まれています。 比喩的に言えば、これはアプリの「基本」であり、Excelなどのアプリの設計スキームと一致しています。 「WebUIは上にあるUIデザインの基礎です。それが可能になりました」という結論を視覚的に引き出すことができます。

私のロゴが実際に製品を表していることを確認するためのWinUIの簡単な調査中に、インターフェイス要素の幅を示すサンプルインターフェイスを示すフラッグシップ画像にたどり着きました。 グレーはその画像から象徴的に持ち上げられ、1）醜いデザインを避けるためのシンプルなカラーリング、2）白との単なる色合いの違いであり、ニュートラルでもあります。3）ユーザーインターフェイスデザイン（私は個人的に大好きです）、および4）灰色の差別化された色調は、アイコンがレンダリングされるサイズ、最も重要なのはタスクバーでのサイズに関係なく、このメタファーが機能することを意味しました。

では、標準化に関して、Microsoftユーザーインターフェイスを表すのに、デザインを表すためにすでに使用されている色よりも優れた色は何でしょうか。 それはすでに白と完全に流れています。

あなたがそれを好きであることを願っています、そしてあなたが懸念を持っているならば、それらを上げることを躊躇しないでください！

ただし、このデザインに固執していると感じた場合はお詫び申し上げます。より適切な場合は、更新をお待ちしております。

@iconredesign
デザインの背後にある考え方は問題ありませんが、実行には問題があります。

まず、なぜ丸い角の半径が3つあるのですか？ 1つをマスターフレーム用に、もう1つを>が入っているボックスとカード用に選択します。

次に、色を調整する必要があります。上に明るい色合いを付けてから下に暗い色合いを付けるのは意味がありません。

第三に、不透明度のある複数の暗い正方形でシャドウを作成しようとしていたと思いますか？ それはもっと抽象的なものには問題ありませんが、ほとんどの場合、それがどのように行われるかではありません。

また、デザインはアイコンを取り、Illustratorでベクトル化し、少し変更したように見えます（私の第一印象はどうでしたか）。

だから私は頭の中で立ち往生することはありませんので、外部の意見が必要です。

私はあなたの提案を考慮に入れて、それを洗練します。 ありがとう！

ドロップシャドウはまだ早いので、ファイナルはこれほどまとまりがないようには見えないことに注意してください。 もともとは単なるモックアップであるはずだったものから文字通り手つかずです。

こんにちは@SavoySchuler 、私はあなたの言葉でWinUIの使命は何であるか疑問に思いましたか？ 新しいロゴを通してそれらの考えを呼び起こすのは良いことなので、私は尋ねます。 ありがとう！

@iconredesign

ドロップシャドウはまだ早いので、ファイナルはこれほどまとまりがないようには見えないことに注意してください。 もともとは単なるモックアップであるはずだったものから文字通り手つかずです。

ボタンを1つクリックするだけで、長方形を作成し、色を選択し、不透明度を下げてコピーするよりも簡単に影を取得できませんか？ 😄

すべての問題への対処：

1-すべての半径を統一し、アイコンの上部を修正しました。これは大きな見落としでした。 カードは、インターフェイスのまっすぐな角を使用するように修正されました。

2-ナビゲーションバーが暗くなり、リストの最初のメニュー項目と同じ色合いを共有します。

3-最初のモックアップのためにその部分を急いで行った後、最後に前述の「1つのボタン」をクリックしたので、ドロップシャドウの見栄えが良くなりました。

アイコンから欠落している可能性のあるものを探していますが、今のところは問題ないと思います。

@iconredesign
修正により少し良くなりました🙂

IDK、私だけかもしれませんが、新しい方向性を試してみませんか？ Wordアイコンを思い出しすぎます...

あなたが尋ねた、私は配達した！ テイクが異なるため、>はインターフェースの一部であり、要素はシートから持ち上げられるため、呼び出し要素は引き続き機能します。 青はWinUI青です。

@iconredesign
改善しましたが、今ではフラットになりすぎて、コーナーが鋭すぎます。 Fluentは、（わずかな）グラデーション、影、丸みを帯びた角に向かって移動しています。

灰色/白のボックスはメニュー項目を表しますか？

編集：また、（最初の投稿で述べたように）小さいサイズについて考えてください、これがどれほど解読可能かわからない:)

このバリアントは、小さいサイズを念頭に置いて設計されています。 そのサイズでは、これらの要素が消えてすべてが縮小されるため、グラデーションや丸みを帯びた角を効果的に使用することはできません。

このデザインはタスクバーに完全に表示されますのでご安心ください。 主な要素は、ナビゲーションバーのドロップダウンメニューです。

@iconredesign
次に「より大きな」バージョンを作成します：D

また、小さいサイズでもグラデーションを使用できますが、それでも目立ちます;）
例：Visual Studio（Code）アイコン、Sublime Text、Adobeスイート、..。

私は確かにいくつかの方向性を探求しています！ @iconredesignによるこの提出が本当に好きであることに注意する必要があり

私が好きなものがいくつかあります：

• Microsoft Office Suiteのアイコンとの配置は、アイコンセットを補完するものです。 視覚的には、誰が製品を提供し、信頼を呼び起こすかを知っています。
• アプリの比喩は優れています。 スクロールバーとルートウィンドウ外のフライアウトは、新旧のコントロールセットへの鮮明な呼び出しです。
• >テキストは、これが開発者向けのツールであるという概念を明確にします。

コンセプトのアイデア：

• 主な懸念は、Wordの配色との混同であるようです。 @embenderのデザインの良いところは、ツートンカラーの配色に分岐することで、彼女の1番目と3番目のデザインがOfficeアイコンの領域に近づきすぎずに色をうまく活用できることです。 このデザインには、 @ embenderの緑/紫などの色のペアを組み込むことができますか？
• 「アプリのコンテンツ」を再構成することもできますが、Wordのようにも見えません。おそらく、グリッドを表示したり、ProgressRingを使用したりしますか？ Windowsストアの「XamlControlsGallery」アプリには、UIコントロールのコレクション全体とそのアイコンが表示されます。

Xaml Controls Galleryアプリからのコントロールアイコンのプレビュー：

おそらく、ここにあるビジュアルのいくつかはインスピレーションに使用できますか？ これらすべてをクリックして、UIコントロールの実際の視覚的な動作を確認することもできます。

@SavoySchulerも流暢な扱いを受ければいいのですが、現在のスタイルはVS2015 / 17ツールバーアイコンのように見えます😄

明日モックアップを作って投稿します

たぶん、現在のアイコンの</>部分だけ、

または古いもののレトロ、おなじみのアイコンを現代化するのはどうですか、例えば

私のずさんなスケッチを許してください。

また、 @ iconredesignの多くのように、gt-lt中括弧に別のWinUI対応フォントを使用することもできます。私にとっては、中括弧の部分だけで十分であり、残りは必要ありません。

私はそれがしっかりした最小限でシンプルであることを投票します。 グラデーションはご遠慮ください。97フィートの気分にさせてくれます。

@SavoySchuler Wアイコンは美しいですが、MS Office Word、Wの代わりにmabe、 </>またはオタクでなじみのあるものを叫んでいます。

ねえ、ほとんど言及するのを忘れて、現在のロゴは私にも機能します！

たぶん、新しいOfficeアイコンスタイルから離れるべきです。 これらのアイコンはOffice365製品ファミリーの一部であるため、マイクロソフトに関連するすべてのものにアイコンを付けるのは意味がありません。

気をつけてください、うまくスケーリングするアイコンをデザインすることは本当に、本当に難しいです（あなたたちがTシャツにそれを置いている間にちょうど見つけたように:)）。 Microsoft Designチームに連絡して、これを手伝ってくれる人がいないかどうかを確認することをお勧めします。

非常に基本的な.NETCoreロゴに触発されて試してみました。 彼らは実際にはUIフレームワークを「悲鳴を上げる」ことはないので、それが問題になる可能性があります。 一方、.NETファミリーのような他のフレームワークロゴと適合する可能性があります。

コンセプト1

コンセプト2

コンセプト3

@ neils9001 FWIW、私はコンセプト1が本当に好きです。 そこでのインスピレーションについての良いアイデア。 （私は、コンセプト2と比較して、すべて1行のWinUIテキストを好みます）。 コンセプト3もかなり良いです。 スケーラブルでシンプル、そして洗練されているようです。

すでにここにいて、WinUIのアイコンとブランディングについて考えている場合は、「残りの半分」であるシステムAPI（ Microsoft.Windows.SDK.Contracts NuGetパッケージ）をWinAPIと呼ぶこともできます。

テキストが「UI」または「API」であるOfficeのようなアイコンデザインを想像できます。UIの残りの部分は、これらの抽象的な流暢な芸術の1つ（これらのような

厳密なロゴかもしれませんが、小さなラベルはWindowsロゴとその横にあるテキスト「UI」または「API」である可能性があります。 それに加えて、もちろん、抽象的な流暢なものと歯車を備えた芸術的な部分。

@MySelfMaruf個人的には、WinUIがWindowsに関連付けられていないことを望みます。 TBH名前がWin以外になることを望みます。 したがって、任意の.NET Core（または.NET Standard環境）で動作する.NET CoreUIの将来の拡張に向けて精神的にオープンになります。
この機能リクエストをご覧ください。

私は実際に「UI」の概念@petroemilについて同様の考えを持ってい

これがクリーンアップされ、編集された、私による最初の試みです。

私は、Windowsから分離された2番目の提出物をドラフトしたいと思います。これは、このスタイルとWindowsまたはMicrosoftを直接接続しないことをお勧めするという@weitzhandlerに同意します。

@AmNotADev

@weitzhandlerは、これとMicrosoftのスタイルを直接

私はマイクロソフトではなく、ウィンドウズについて言及していました。

私は実際に「UI」の概念@petroemilについて同様の考えを持っていました

私は、ウィンドウから分離された2番目の提出物をドラフトしたいと思います。これは、 @ weitzhandlerに同意し、このスタイルとMicrosoftのスタイルを直接

同意しました。 たぶん、.Net CoreUIまたは.NetUIについて考えるのが面白いでしょう。 ただし、これらのアイコンをOfficeブランドと関連付けることをお勧めします。 現在のところ、Officeブランドのみが小さなカットアウトを使用しています。 ドロップパネルで。

また、これが完全なブランド変更と命名をトリガーする場合、Windows CommunityToolkitをより適切に統合するにはどうすればよいでしょうか。

WinUI
WinUIコミュニティツールキット？

私は悪いですが、それでも@weitzhandlerに同意します

最初のドラフトでこのルートを選択した理由を説明するために、これらはオフィスブランドのスタイルだけでなく、Skype、OneDrive、Microsoft Teamsなどの他のMicrosoftプラットフォームがこれらのスタイルのロゴを使用しています（SkypeとOneDriveにはカットアウトがありませんが、Teamsにはそれ）。

他のことを試す前に、そのスタイルのブランドロゴがどのように見えるかを確認するのは良い実験になると思いました。 cc @ niels9001

@ niels9001 @weitzhandler WinUIは.NET専用ではなく、ネイティブアプリのUIフレームワークでもあり、将来のPythonサポートについて何か覚えているかもしれません。 言うまでもなく、Xamarin、Uno、または今後のReactNativeソリューションなどの基盤となるフレームワークでもあります。

コミュニティが図像学で集まるのを見るのはいつもエキサイティングです！ ✨

私は、さまざまなメディア/マーチにわたってかなりうまく拡張できると思う初期のドラフトを思いついた。 中央には丸みを帯びた立方体があり、各面はさまざまな色でシェーディングされています。現在、Windowsブランドパレットから選択されていますが、これは明らかに変更できます。

大なり小なりの記号が立方体を囲みます。 これらは小さいサイズでは表示されず、代わりにキューブに焦点を合わせます。

ロゴは、商品目的で輪郭を描くこともできます。 Tシャツでどのように見えるかについてのアイデアをモックアップしました。

それでも仕掛品ですが、フィードバックは大歓迎です。 😊少し抽象的すぎると感じるのではないかと心配していますが、コミュニティに判断させます！

@itsmichaelwest急降下し、いつものように素晴らしい仕事をしています:)

私はいくつかのアイデアをスケッチしてきましたが、より洗練されたアイデアにそれらを作成しようと試み始めます。

これはVisualStudioのロゴに基づいたものです

これがフルーエントデザインサイトにインスパイアされたロゴです

16pxおよび32pxスケールの洗練されたアイコン

私は実際に「UI」の概念@petroemilについて同様の考えを持っていました

私は、ウィンドウから分離された2番目の提出物をドラフトしたいと思います。これは、 @ weitzhandlerに同意し、このスタイルとMicrosoftのスタイルを直接

同意しました。 たぶん、.Net CoreUIまたは.NetUIについて考えるのが面白いでしょう。 ただし、これらのアイコンをOfficeブランドと関連付けることをお勧めします。 現在のところ、Officeブランドのみが小さなカットアウトを使用しています。 ドロップパネルで。

また、これが完全なブランド変更と命名をトリガーする場合、Windows CommunityToolkitをより適切に統合するにはどうすればよいでしょうか。

WinUI
WinUIコミュニティツールキット？

長期的な観点から、デザインはWindows（win）UIネーミングを使用すべきではありませんか？

私は実際に「UI」の概念@petroemilについて同様の考えを持っていました

私は、ウィンドウから分離された2番目の提出物をドラフトしたいと思います。これは、 @ weitzhandlerに同意し、このスタイルとMicrosoftのスタイルを直接

同意しました。 たぶん、.Net CoreUIまたは.NetUIについて考えるのが面白いでしょう。 ただし、これらのアイコンをOfficeブランドと関連付けることをお勧めします。 現在のところ、Officeブランドのみが小さなカットアウトを使用しています。 ドロップパネルで。

また、これが完全なブランド変更と命名をトリガーする場合、Windows CommunityToolkitをより適切に統合するにはどうすればよいでしょうか。

WinUI
WinUIコミュニティツールキット？

コールアウト@ niels9001に感謝します。 🦙❤

ただし、Windows Community Toolkitは単なるUIではありません（ただし、コントロールとXAML作業は使用されるものの最大の部分です）。 特にWinUIチームがツールキットを管理していないため、ここでは共同ブランディングがどれほど意味があるのか​​はまだわかりません。私たちは別々の組織です。 だから、それは他の場所で行うより大きな議論になるでしょう。

デザインへの入力に関しては、コントロールのライブラリである既存の本のアイコンが本当に気に入りました...😛

そうは言っても、考えを変えることができると思わせるデザインがいくつかあります... Officeのデザインパターンから離れるべきだということに同意してください。

こんにちは@SavoySchuler 、私はあなたの言葉でWinUIの使命は何であるか疑問に思いましたか？ 新しいロゴを通してそれらの考えを呼び起こすのは良いことなので、私は尋ねます。 ありがとう！

これは素晴らしい質問です、@ saraclay！ WinUIはコミュニティのニーズを満たすために絶えず進化しているため、正式な使命はありませんが、WinUI3の目標は次のとおりです。

「WinUI3は、最新のWindowsプレゼンテーションプラットフォームをより多くの開発者に、より速く、よりオープンな方法で提供します。」

それが助けになるなら、私はこれの中の内容をもう少し開梱することができます-私はただ技術的な詳細で創造的な精神を混雑させないことを確実にしたいです。 私に知らせて！ 😊

これは、Officeのファブリックアイコンのように見えるように様式化された、現在の本のロゴに対する私の見解です。 @petroemilが前述したように、

WinUIファブリック

WinAPIファブリック[A]

WinAPIファブリック[B]

ネーミングのトピックについて

私は実際に「UI」の概念@petroemilについて同様の考えを持っていました

私は、ウィンドウから分離された2番目の提出物をドラフトしたいと思います。これは、 @ weitzhandlerに同意し、このスタイルとMicrosoftのスタイルを直接

同意しました。 たぶん、.Net CoreUIまたは.NetUIについて考えるのが面白いでしょう。 ただし、これらのアイコンをOfficeブランドと関連付けることをお勧めします。 現在のところ、Officeブランドのみが小さなカットアウトを使用しています。 ドロップパネルで。
また、これが完全なブランド変更と命名をトリガーする場合、Windows CommunityToolkitをより適切に統合するにはどうすればよいでしょうか。
WinUI
WinUIコミュニティツールキット？

長期的な観点から、デザインはWindows（win）UIネーミングを使用すべきではありませんか？

製品のネーミングについては、多くの素晴らしい議論があります。 これらは尋ねるべき素晴らしい質問です！

@petroemilが指摘したように、WinUIは.NET専用ではありません。 これは、React Nativeを含むいくつかの開発フレームワークで活用できるWindowsネイティブアプリの最新のUIフレームワークであり、XamarinやUnoなどの基盤となるフレームワークでもあります。

私たちの目標は、ワールドクラスのUIを作成するための、最も速く、最も簡単で、最もオープンな方法をすべて提供することです。 「WinUI」の「win」を「🏆UI」と考えてください。 あなたは私が冗談を言っていると思いますが、私たちは常に🏆Dev（WinDev）チームでこれを行っています。

誰かが🏆を合法的なロゴに翻訳する方法を考えることができるなら、あなたは@jeffbogの週を作ります。

また、ファブリックアイコン（ここでは「Officeアイコン」と呼ばれているようです）はMSOfficeに限定されないことも指摘しておきます。 たとえば、電話と新しいWindowsターミナルは、Officeとはまったく関係がないにもかかわらず、すべてファブリックアイコンを使用しています。

Fabricスタイルは、電話、ターミナル（Ubuntuが含まれているため）、Azure（WebサイトはFabricを使用）などのクロスプラットフォームサービスを対象としているようです。 WinUIがクロスプラットフォームになることを意図している場合は、WinUIを他のクロスプラットフォームサービスに関連付けるのが最適です。

@yoshiask私はあなたの上のいくつかの投稿と同じインスピレーションで行きました！ 私もFabricについて同じことを述べようとしましたが、あなたは私よりもずっとうまく家に帰りました。

私はあなたの仕上がりが好きですが、現在のファブリックのロゴよりも少しコンパクトに感じます。

@AmNotADev 「コンパクト」について詳しく

@yoshiaskロゴの「背景」セクションの幅が他のFabricロゴの比率と一致していないようです。少し見えます...押しつぶされていますか？ ロゴ全体がより正方形に感じられるように、少し幅を広くします。

私は反対の問題を抱えていて、私のものを少し広すぎて一致させることができませんでした。

ああ、フェアポイント。 作業中は現在のデザインのプロポーションに合わせていたと思いますが、元に戻すのを忘れていました。

同様に、サイズと位置を修正した場合の前回の送信に対する編集は次のとおりです。

幅は固定されています（「アンダーカード」、青の色合いが間違っています、おっと。スパムはしたくないので、とりあえずそのままにしておきます）

私のFabricテンプレートを使用して@AmNotADevのデザインをやり直し

@SavoySchuler

それはほとんどPowerPointのワードアートのように見えます

スケーリングされたバージョン、Officeのような、Windows 10 Fluent Iconスタイル（アクリルノイズを含む）、本のメタファーを保持します。

以前に共有したのと同じデザインのフラットバージョンとモノクロバージョンに加えて、Tシャツのモックアップ。 ファブリックオンファブリックです！

こんにちは！

これが私の初期のデザインのアイデアです。
どう思いますか？

やあ！
これはWinUIの私のアイデアです

ネーミングのトピックについて

私は実際に「UI」の概念@petroemilについて同様の考えを持っていました

私は、ウィンドウから分離された2番目の提出物をドラフトしたいと思います。これは、 @ weitzhandlerに同意し、このスタイルとMicrosoftのスタイルを直接

同意しました。 たぶん、.Net CoreUIまたは.NetUIについて考えるのが面白いでしょう。 ただし、これらのアイコンをOfficeブランドと関連付けることをお勧めします。 現在のところ、Officeブランドのみが小さなカットアウトを使用しています。 ドロップパネルで。
また、これが完全なブランド変更と命名をトリガーする場合、Windows CommunityToolkitをより適切に統合するにはどうすればよいでしょうか。
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のロゴである可能性があります。

少し想像力が必要ですが、これは実際に見栄えが良いと想像できます。

インターウェブからのいくつかの追加の例：

• 私が頭の中で持っていた歯車のコインデザインの種類：リンク
• そして、私はすでにそこにいたので、例を探して、ビットコインコインもかなりクールに見えることに気づきました：リンク

これが私のコンセプトです

@mdtaukのスケッチのカップルに基づいています

@SavoySchulerハイブリッド+ UIの名前を変更= HybrUI
すべてのplataformのUI。 GitHubのHybrUI。

あなたの素晴らしいアイデアに感謝します：色とXMLテーマもバリエーションにオープンです！

これらのデザインの多くはXMLテーマを参照しているため、既存のロゴを使用することで、投票を少し押し進めたのではないかと思います。 これは大丈夫です！ しかし、XMLは、使用できるプログラミング言語の1つにすぎません。 配色も同じです。青と白にこだわる必要はありません。

これらのテーマや色を覆す流行の流行のアイデアを思いつくことができれば、それらを共有することをお勧めします！

そうは言っても、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アプリのほとんどの色は、ニュートラルとアクセントカラーのバリエーションのみを使用します。 WinUIのカラーパレットは、1つのアクセントカラーに加えて、黒、白、グレーなどのニュートラルに固執することで、これを反映する必要があります。

これが最小限に抑えられたアイデアです。

Microsoftはアイコンで新しい方向に進んでいるようです。 再設計されたOfficeアイコンと新しいFabricアイコン（ここで誰かが参照しているのを見たように）は、まとまりのあるデザイン言語の一部となるのに役立つ多くの要素を共有しています。 それらの多くは深みを取り入れ、鮮やかな色を持ち、サービスを抽象的に表しており、私がブロックと呼んでいるもので構築されていることに気づきました。 Excelアイコンを取ります。 ブロックは鮮やかな緑色で（クールなほぼピクセル化されたグラデーション形式で）、スプレッドシート内のセルを抽象的に表します。 それらは、「E」を含む正方形がその下の長方形に影を落とす深さです。 これらの要素をデザインに組み込むようにしました。

上記の例で示したOfficeアイコンの構造から逸脱したかったのです。 WinUIはOfficeサービスではないため、長方形のペインの上にテキストが浮かんでいる正方形を作成することは、私がデザインに選んだ方向ではありませんでした。 代わりに、上記の要素のいくつかを使用することにしました。これにより、アイコンをMicrosoft製品として分類すると同時に、創造性の余地が大きくなります。

デザインの色については、単色のグラデーションの外観を取り入れたいと思いました（Office / Fabricアイコンの多くに表示されています）。 私は一緒にうまく機能する色の組み合わせを取得する方法の専門家ではないため、Outlookアイコンの色を使用しました。 デザインを（オリジナルのように）青にしたかったので、うまくいきました。 私は本当に一般的なアイデアを伝えたかったのですが、それらの色合いはうまくいきました。

私のデザインの多くでは、ブロックを使用してユーザーインターフェイスを抽象的に表現しました。 一部の設計でこれを実現するために、未定義で、WinUIコンポーネントを使用して考案できるあらゆるレイアウトに対応するグリッドを使用しました。 これは、コンポーネントのライブラリとそれを使用して構築できるインターフェイスを表すための最良の方法の1つであると感じました。

多くのデザインで影付きの奥行きを使用しました。 深さの効果はそれらのいくつかで洗練される必要がありますが、私が前に言ったように、これらは一般的な考えを理解するはずです。

そして、興味のある方がいらっしゃいましたら、私の最初のスケッチをいくつかご紹介します。

上に示したように、それぞれに複数の反復がある4つの設計があります。 写真のそれぞれについてもう少し詳しく説明します。

1. 元のロゴの近代化されたバージョン。 私はオリジナルの本と図書館の比喩が本当に好きです。 表紙は、抽象化されたUIを示していると解釈できます。 ですから、それは一種のクールな複数の比喩を含んでいます。 テキストは、新しいターミナルアイコンに似たスタイルで作成されます。 ブックマークは、ファブリックアイコンとフルーエントデザインの主な属性であるため、私にとって重要な深さを示しています。

2. このデザインは、文字通りWindowsUIという名前をとっており、Windowsスタイルのインターフェイスの上にユーザーを示しています。

3. 頂点ナビゲーションはWindowsUIの重要な部分であり、多くのアプリやサイトで紹介されています。 このデザインは、Windowsターミナルのロゴと同様のスタイルで簡略化されたバージョンを示しています（形状と両方が主要なインターフェイス要素を強調する方法の両方。ターミナルアイコンの場合、垂直ナビゲーションではなくタブです）。 テキストを読みやすくするために、色を少し混ぜる必要があります。 これはWindowsの設計言語に非常によく合っていると思いました。

4. この設計のさまざまな反復を使用して、UI（およびそれらを構成するコンポーネント）の極端な抽象化を紹介しようとしました。 とてもシンプルですが、かっこいいと思います。

@ NoahFeller-私は本当にアイコン1を掘っています！ 私は本の比喩を維持するのが好きですが、本の表紙のグリッドを理解しているかどうかはわかりません。 青い色のグリッドはアイコンに少しノイズを追加し、遠くから解析するのを難しくしていると思います-より単純な「カバー」でどのように見えるでしょうか？

@stmoyそれも私のお気に入りの1つです。 グリッドの背後にある考え方は、UIを非常に単純化された抽象的な方法で表現する方法でした。 また、WinUIのフレームワークを表していると思いました。 私はあなたの主張に同意します。 たぶん、色合いがより似ていると、ノイズが少なく見えるのに役立ちます。 他のファブリックアイコン（電話、端末、オフィスアイコン）のスタイルに一致するようにブロックを実装するために最善を尽くしました。 最初の画像の左下に、グリッドのないバージョンのアイコンがあります。 私はその外観が好きではないので、いくつかの異なるバリアントを試してみます。 長方形の色とレイアウトを改善することができます。 ブックマークを少し広げることも考えています。 フィードバックをお寄せいただきありがとうございます！

@itsmichaelwest 、キューブはあなたのデザインで何を表していますか？ 私には、マークアップベースのUIフレームワークというよりも、3D、AR、スペースシンボルのように見えます。

@itsmichaelwest 、キューブはあなたのデザインで何を表していますか？ 私には、マークアップベースのUIフレームワークというよりも、3D、AR、スペースシンボルのように見えます。

@danzil 、よく

@stmoy @NoahFeller私は、ロゴに使用した要素のいくつかを、オリジナルの本のアイデアと、あなたの一番の例と組み合わせてみようと思いました。

@stevenbrix AFAIKフルーエントデザインチームは、キューブデザインから、次元を示すよりシンプルなアウトラインに移行しました。

私がパーティーに遅すぎないことを願っています！

これが私の側からの貢献です

これらはその背後にある私の考えです

• WinUIは主にWindows用であるため、ロゴはWindowsロゴから派生しています。
• UIはユーザーと対話する最前線にとどまっているため、ここでは、青いコンポーネントは、ロゴの他の（灰色の）コンポーネントの前にあるUIを表しています。
• フルーエントデザインを表すために、青いコンポーネントに透明度とドロップシャドウを追加しました。
• 角を少し丸くして、もう少し磨きをかけました。

他に何ができるか

• >記号を青いコンポーネントに追加して、WinUIを強調することができます

あなたがそれを好きになることを願っています。

提案は大歓迎です。

@ratishphilipそれは私がスケッチしていたものと似たアイデアですが、肉付けしたときに小さなサイズでうまく機能させることができませんでした。

@mdtauk 、その通りです。 本当に小さいサイズの透明度では、影はうまくいきません。

これはもう1つです。前回の提出と同様の概念ですが、Microsoftの10月2日の招待に触発されています。 :)

ロゴを反時計回りに45度回転すると、ロゴに>要素が表示されます。

@itsmichaelwest 、キューブはあなたのデザインで何を表していますか？ 私には、マークアップベースのUIフレームワークというよりも、3D、AR、スペースシンボルのように見えます。

@danzilキューブは、元々XAMLロゴで使用されていたガラス/光沢のあるキューブを流暢に表現したものです。

WinUIのロゴが、それが提供するもの、つまりXAMLコントロールとスタイルのセットを何らかの形で表すのは良いことだと思いました。

これにはあまり満足していませんが、誰かがそれを使って何かをするように促されたら、私はそれを見てみたいです！

これらのロゴは同期を維持する必要がありますか？ また、Windows UIとXAMLをすべて網羅する場合は、すべてWinUI名を共有する必要がありますか？

@mdtaukはい-すべてのアイコンを新しいロゴの画像で他家受粉することが私たちの野心です。 😄

タイムラインの更新：来週のトップ5を発表！

親愛なるコミュニティ、あなたのアイデアは素晴らしいです！ あなたがバーを上げると私が予想するたびに、あなたはそれをより高く上げます。 このようなプロジェクトで皆さんと一緒に仕事ができることをとてもうれしく思います。 😊

来週の初めに、これまでの上位5つのピックを電報で伝え、 9月9日に1つに絞り込む前に、誰もが最後のスピンをかける機会を持てるようにすることを目指しています。

それまで、私たちはあなたと一緒にブレインストーミングと作成を続けます！

統一されたアイコンファミリー-これらはすべて16pxグリッドに基づいているため、スケールアップすると、以前に投稿したロゴのアイデアで示したように、細部がより微妙になる可能性があります。

これがもう一つです

この背後にある概念

• WinUIは、コード+ XAMLで構成されます。 コードは中括弧で表され、XAMLは>で表されます。
• また、角が丸い正方形を表し、角が丸いウィンドウを示します。

XAMLを強調するこれの別のバージョン

私はすぐに、自分のデザインの1つをメインロゴに付随するWinUIアイコンにどのように適合させることができるかを紹介したいと思いました。 デザイン1での私の目標は、既存のアイコンをファブリック/フルーエントスタイルで最新化することでした。 新鮮で新しい、それでいてなじみのある外観を目指していました。 付随するアイコンにも同じ戦略が使用されました。 明らかに私はいくつかの変更を加えましたが、最新化のアプローチを使用しながら、各WinUIアイコンの基本構造をそのままにしておくように最善を尽くしました。 そうすれば、これらのアイコンが展開された場合でも、ユーザーはそれらが何を表しているのかを理解し、共有された外観が単一のサービスの一部としてアイコンを結び付けます。 より一般的な要素を他の新しいアイコンと共有すると、それらがMicrosoft製品を表していることがわかります。 アイコンの一部（文字やその他の詳細）が太くなっているため、実際にはかなり適切に拡大縮小されます。

これは私の以前の提出物の即興バージョンです

私のロゴの見方

現在のロゴを単純に近代化したもので、上記の概念のいくつかは見栄えがよく、WinUIアイコンの概念から大きく逸脱しているように感じます。 アイコンは箱のようなものかもしれませんが、ノートブックはそれをはるかにうまくまとめています。

デザインは比較的シンプルで、角が丸く、グラデーションが微妙で、スケーリングを念頭に置いて作られています。 ターミナルアイコンの<や> 、他のMicrosoft開発（関連）ツールのいくつかの要素がここにあります。

詳細（64px以上のバージョン）：

_WinUI_ワードマークの付いたロゴ

以前のアイデアを取り入れ、色を変更し、ツールキットとギャラリーのロゴの例を追加しました

これが私の以前のロゴの別の見方です

別の概念

前のロゴの即興

私はそのratishphilipが本当に好きです！

記号>が「終了タグ」のように見えるという事実に私は決して満足していませんでした。 NS。 シンボルがコード内の物事のある場所に表示されるのは気になります...

</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ドル

個人的には同意しますが、私は提示されたアイデアを採用し、詳細を追加していました

ここにいくつかの概念があります。 WinUIToolboxのものはかなりラフです...

これらの概念は、開発ツールアイコンに基づいています

これがもう一つです

別の試み

これがもう一つです

これらの種類は悪いモアレパターンのように見え、影が少し強すぎ、縞模様は標高をうまく表していないようです。

別の試み

これらはすっきりしていますが、ライブラリのロゴとギャラリーのロゴは非常に似ており、ツールボックスは正方形のグリッドに収まらないように見えるため、16 x16ピクセルサイズでは役に立ちません。

タイムラインの更新：来週のトップ5を発表！

親愛なるコミュニティ、あなたのアイデアは素晴らしいです！ あなたがバーを上げると私が予想するたびに、あなたはそれをより高く上げます。 このようなプロジェクトで皆さんと一緒に仕事ができることをとてもうれしく思います。 😊

来週の初めに、これまでの上位5つのピックを電報で伝え、 9月9日に1つに絞り込む前に、誰もが最後のスピンをかける機会を持てるようにすることを目指しています。

それまで、私たちはあなたと一緒にブレインストーミングと作成を続けます！

これらのアイデアのいくつかを削り落とす予定の日はありますか？

MicrosoftWordのロゴから派生した別のもの

タイムラインの更新：来週のトップ5を発表！
親愛なるコミュニティ、あなたのアイデアは素晴らしいです！ あなたがバーを上げると私が予想するたびに、あなたはそれをより高く上げます。 このようなプロジェクトで皆さんと一緒に仕事ができることをとてもうれしく思います。 😊
来週の初めに、これまでの上位5つのピックを電報で伝え、9月9日に1つに絞り込む前に、誰もが最後のスピンをかける機会を持てるようにすることを目指しています。
それまで、私たちはあなたと一緒にブレインストーミングと作成を続けます！

これらのアイデアのいくつかを削り落とす予定の日はありますか？

タイムラインの更新：来週のトップ5を発表！
親愛なるコミュニティ、あなたのアイデアは素晴らしいです！ あなたがバーを上げると私が予想するたびに、あなたはそれをより高く上げます。 このようなプロジェクトで皆さんと一緒に仕事ができることをとてもうれしく思います。 😊
来週の初めに、これまでの上位5つのピックを電報で伝え、9月9日に1つに絞り込む前に、誰もが最後のスピンをかける機会を持てるようにすることを目指しています。
それまで、私たちはあなたと一緒にブレインストーミングと作成を続けます！

これらのアイデアのいくつかを削り落とす予定の日はありますか？

@mdtauk今日の午後（9月3日）に@ryandemopoulosと

@SavoySchulerこんにちはサボイ、アップデートしてくれてありがとう！ コミュニティがこれにとても活発になっているのを見るのは素晴らしいです:)！

私は多くのコンセプト、特にギャラリー、ライブラリ、ツールキットのルックアンドフィールが似ているコンセプトが本当に好きです。 これを拡張して、Community ToolkitとGalleryアプリのUIを調整し、新しいUWP開発者に統一されたメッセージを提供することもできます。

デザインチームの誰かが提出物も見てくれるのではないかと思いました。 カラーシェーディング（アクセシビリティのため）とスケーラビリティは本当に重要なものであり、デザイナーは私たちの開発者よりもこれらのことについてはるかに多くの経験を持っている傾向があります:)！

ここにいくつかのワードマークのアイデアと命名規則があります。 WinUI _________なので、すべてが包括的なファミリに属しているように感じられます。

WinUIの_flavours_は、同様に単純な命名規則を持つ必要があるため、 WinUI _for_ _____

@SavoySchulerこんにちはサボイ、アップデートしてくれてありがとう！ コミュニティがこれにとても活発になっているのを見るのは素晴らしいです:)！

私は多くのコンセプト、特にギャラリー、ライブラリ、ツールキットのルックアンドフィールが似ているコンセプトが本当に好きです。 これを拡張して、Community ToolkitとGalleryアプリのUIを調整し、新しいUWP開発者に統一されたメッセージを提供することもできます。

デザインチームの誰かが提出物も見てくれるのではないかと思いました。 カラーシェーディング（アクセシビリティのため）とスケーラビリティは本当に重要なものであり、デザイナーは私たちの開発者よりもこれらのことについてはるかに多くの経験を持っている傾向があります:)！

すばらしい質問です、@ niels9001！ 私たちのチームにはデザインとアクセシビリティの専門家がおり、必要なグローバルコンプライアンスチェックもあります。これらすべてが、誰にとってもアクセス可能で適切なロゴを保証します。 😊このプロセスを適用する前に、上位の候補者が選択されるまで待っています。そうしないと、これまでに見た

単一のデザインがそのまま採用されることを期待した人はいないと思います。もちろん、それらはすべて、マイクロソフトのデザインエキスパートが採用して成形し、将来のロゴとなる最終的なデザイン/フレームワークを作成する一種のムードボードとして機能します。とアイコンはに基づくことができます。

貢献した私たちがお互いに影響を与え合ったという事実は、うまくいけば最終的なデザインを意味し、多くのアイデアから認識できるビットを示します🙂

単一のデザインがそのまま採用されることを期待した人はいないと思います。もちろん、それらはすべて、マイクロソフトのデザインエキスパートが採用して成形し、将来のロゴとなる最終的なデザイン/フレームワークを作成する一種のムードボードとして機能します。とアイコンはに基づくことができます。

よろしくお願いします、@ mdtauk！ それは正しいです-上記のリソースからのフィードバックに基づいて最終的な選択を変更する可能性がありますが、コミュニティメンバーの元の作品を紹介することも楽しみですので、最終的な選択のために将来がどうなるかを確認する必要があります。

貢献した私たちがお互いに影響を与え合ったという事実は、うまくいけば最終的なデザインを意味し、多くのアイデアから認識できるビットを示します🙂

これに関しては、私は確かにバリエーションを奨励し、それらが投稿された後、トップ5の代替テイクを行います！ 🙂

@SavoySchulerあなたが選んだ5つのフィードバックを含めますか？ そして、足りないものについてのフィードバック。 あなたとチームの両方からのフィードバックは、私たちがそれらをさらに洗練し、お互いの選択したデザインの微調整されたバージョンに貢献するのに役立ちます。

@SavoySchulerあなたが選んだ5つのフィードバックを含めますか？ そして、足りないものについてのフィードバック。 あなたとチームの両方からのフィードバックは、私たちがそれらをさらに洗練し、お互いの選択したデザインの微調整されたバージョンに貢献するのに役立ちます。

@mdtaukもう1つの素晴らしい質問です！ 私は過去数週間、（現在の）121件の提出物について、さまざまな方法で86人を社内でポーリングしてきました。 ボリュームがあるため、包括的なフィードバックを提供することはできませんが、ファイナル5でいくつかの個人的なメモを統合し、特に関心のある関係者に同じことを行うように勧めることはできます。 このスレッドの創造性を阻害する制限を作成することに慎重であるため、このオープンラウンド中にフィードバックを提供することを躊躇していましたが、あなたの方向性を測定したいことも理解しています。以下にいくつかの一般的なフィードバックをまとめました。

• 山かっこ+立方体/六角形のデザインはほぼ普遍的に支持されています。 様式的には、これらのデザインはシンプルでユニークであり、ロゴのスペクトル全体で認識可能であり、いくつかのサイズで適切にスケーリングされています。 私が観察した一般的なコンセンサスは、アングルブラケットが（一部の人には議論の余地がありますが）私たちの歴史を語り、ソフトウェアに根ざした製品を示し、キューブ/六角形はフルーエントデザインシステムのエコシステムに敬意を表して、色、深さ、照明、素材など。
• 古典的な図書館の本、Officeスタイルの抽象的な「アプリウィンドウ」、および円形の.NETデザインは、予備的な次点として比較的結びついています。 これは、他のWindows開発者エコシステム製品のロゴとの類似性、先例、および親しみやすさによるものだと思います。 それらはまた、単純で、鮮明で、明確である傾向があります。
• 最初の箇条書きとは逆に、いくつかの縞模様の色合いとコンポーネントを備えたスタイル的に複雑なロゴは、忙しそうに見えずに小さなサイズのスケーリングに関して懸念を引き起こします。

そして、足りないものについてのフィードバック。

これに関しては、あなたが特に興味を持っている提出物について私にDMしてください、そして私はあなたに何を得ることができるかを見ることができます。 🙂

@SavoySchulerに支持されている5つを見るのを

ええ@SavoySchuler 、トップ5を見るのを熱心に待っています。

フィードバックはいつでも大歓迎です。 @mdtaukがすでに述べたように、これらのコメントは確かに私たちが正しい方向に進むのに役立ちます。 うまくいけば、私たち全員の総力を結集して、WinUIの最高のロゴを取得できるようになるでしょう。

フルーエントデザインのウェブサイトで、WinUIロゴとして機能するように調整/調整されているデザインをいくつか見ることができることを付け加えたいと思いました（例：上の画像）。 いくつかのFluentアイコンと同じ話です（私は光や素材が良い出発点になると思っていました）。 下の画像がおもしろいと思う方もいらっしゃると思います。 これらは、Microsoftの新しいアイコンデザインスタイルの深さと側面を紹介しています。 それらは、3D空間でのデザインについて考えるファイナリストのインスピレーションとして役立つかもしれません。

_ロゴレイヤーと深さ_

_ロゴグリッド_

_ビルド2019のスラッシュとスラッシュ_

_現在および更新されたFluentImagary_

_多分初期バージョンのOfficeアイコン_

少し遅れていることは承知していますが、最後から2番目の画像の右端のアイコン（背景が黒でアイコンが白のアイコン）もWinUIアイコンに適しています。 シンプルでクリーンで、色（さまざまな青の色合いが見えます）またはアウトラインデザインと同じように機能します。

少し遅れていることは承知していますが、最後から2番目の画像の右端のアイコン（背景が黒でアイコンが白のアイコン）も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では、立方体以外のスペースがあまりないため、ツールキットやギャラリーなどは、小さいサイズで立方体などを含めるために賢くする必要があります。

このWinUIロゴも新しいXAMLロゴになりますか？ XAMLは角かっこで囲まれたキューブを使用するため、これがXAMLだけではない理由は何でしょうか。

マイクロソフトのコーポレートブランドの色は次のとおりです

承認された色の組み合わせ

ユニバーサルウィンドウカラー

おめでとうございます@itsmichaelwest！

これは、立方体と山かっこに基づく別の概念です...

@ratishphilipに基づく大まかなコンセプト

Unityのロゴと混同しないように注意する必要があります...

@mdtauk私はそれを考えていませんでした！
正直なところ、立方体の角度は十分に異なっていると思いますが、とにかく、トップ5のアイデアはすでに選択されているようです。

私が持っていたもう少しのアイデア。

うわー😮私はチームが私のロゴを愛してくれてとても興奮しています！

ロゴの更新

私は、このスレッドの他のデザインからインスピレーションを得たキューブの代替テイクを検討してきました。 私は特に@mdtaukがサイトの色を使用するのが好きだったので、これらのグラデーションを使用するバージョンのキューブを開発しました（_これは最終的なものではありません！_）。 私も今のところブラケットを落としました、おそらくこの「流暢な立方体」はそれ自身で立つことができます：

ステッカー

ここにいくつかのステッカーのアイデアがあります。 1つ目は、キューブを縮小し、WinUIテキストとリポジトリへのリンクを追加します。 2つ目は、WinUIテキストを使用してキューブにオーバーレイを追加します。 どちらが最適か、リポジトリへのリンクが必要かどうかは不明です。

2番目のステッカーはソーシャルメディアのロゴとしても機能します。

これを開発し続けます。 このスレッドでインスピレーションを提供してくれたすべての人に感謝します！ 😃

このロゴのツールキットバージョン

@ratishphilipのアイコンの1つに基づくコンセプトの

かっこいい..私はこの方向が好きです。

感覚を保つためだけに..「立方体」は何を表していると思いますか？ そこに少しの論理的根拠があるといいでしょう。

フルーエントデザインへのリンクが好きです

そのシンボルをロゴやブランドとして所有することは難しいため、キューブは私の最初の好みではありませんでした。 角かっこを使用すると、本質的にXAMLにリンクされ、他のUIパラダイムが将来出現する可能性があることを誰が知っていますか。

だから...私はキューブをコアとして扱ってきたので、キューブ内のキューブをコアの一部として扱ってきました。

元のXAMLロゴでは、キューブはオブジェクト指向コーディングのようにオブジェクト、またはXML / XAML要素であると思います。

このWinUIロゴも新しいXAMLロゴになりますか？ XAMLは角かっこで囲まれたキューブを使用するため、これがXAMLだけではない理由は何でしょうか。

@mdtauk質問を誤解した場合はお知らせください。ただし、現時点では、従来のXamlロゴを置き換えたり更新したりするつもりはありません。これはWinUI専用です。 また、従来のドキュメント記事以外の機能で、従来のXamlロゴが積極的に使用されているかどうかもわかりません。 他に見たことがあるなら、私に知らせてください！

@mdtaukブランドカラーの投稿は、このスレッドの優れたリソースです。 このスレッドで重いリフターになってくれてありがとう！

これは、立方体と山かっこに基づく別の概念です...

@ ratishphilip- @ ryandemopoulos 、 @ stmoy 、そして私自身は、このデザインがいかに自己完結型であるかを本当に気に入っています。 @mdtauk 、これも興味深い色の切り替えです。 私は今、これのいくつかの代替色の組み合わせを模索しています。 何かメリットがあれば投稿します。

ギャラリーバージョンが他と一緒に追加されました

他のフレームワークのロゴをいくつか示します。同様のデザインを作成しないようにすることができます。

Anglar JS

Xamarin

TypeScript

ノードJS

React

フラッター

イオン

HTML / CSS / JS

マテリアルデザイン

Swift UI

準決勝ラウンドアップデート

前回の会議以降に寄せられたすべてのことを確認するために、会議を再度ラップしました。 私たちが最初に話し合ったこと：うわー、あなたはみんな素晴らしいです！ そして速い！

次に、（ @ itsmichaelwestのオリジナルに加えて）3つのデザインが

1. >私は、このスレッドの他のデザインからインスピレーションを得たキューブの代替テイクを検討してきました。 私は特に@mdtaukがサイトの色を使用するのが好きだったので、これらのグラデーションを使用するバージョンのキューブを開発しました（_これは最終的なものではありません！_）。 私も今のところブラケットを落としました、おそらくこの「流暢な立方体」はそれ自身で立つことができます：
   >>

私たちはあなたがここでしたことを本当に好きです！ 側面に角かっこを付けて、これがどのように見えるかを示すために使用できる忠実度の高いバージョンがある可能性はありますか？ 私たちは次のようなものを想像しています：

1. @mdtaukと@ratishphilip 、私たちはあなたが投稿した両方の大胆なオレンジ色が好きです！ 私たちはあなたが素晴らしいと思ういくつかのカラーバリエーションを見たいと思っています。 以下のいくつかの代替配色をモックアップしました。 トップは上記のマイクロソフトブランドカラー@mdtaukを使用しています。 以下のものは特定のブランドパレットに従わず、私はただ調べていました。 「ポップ」と思う色の組み合わせはありますか？ 私も勾配に反対していません-私のスキルはまだそこにありません！

1. @mdtauk 、私たちはあなたが投稿したこれが本当に好きです！ a。）テキストがなく、b。）背景が黒（テキストありとなし）のバージョンを共有できる可能性はありますか？

@SavoySchuler私はあなたが投稿したこれが本当に好きです。

1. @mdtauk 、私たちはあなたが投稿したこれが本当に好きです！ a。）テキストがなく、b。）背景が黒（テキストありとなし）のバージョンを共有できる可能性はありますか？

🚨着信する大きな画像🚨

サイズに含まれるもの1024x 1024（テキストありとなし）-16 x 16-32 x 32-64 x 64-128 x 128-256 x 256-4096 x 4096

ライトバージョンとダークバージョン

投稿したばかりのアイコン@mdtaukが大好きです！ すごいですね！

@SavoySchuler >「ポップ」と思う色の組み合わせはありますか？

パープルとオレンジは、古典的な補色の組み合わせです。 しかし、1つの立方体に2つの色があると、少し奇妙に見えます

緑と黄色

青とピンク

@SavoySchuler >「ポップ」と思う色の組み合わせはありますか？

パープルとオレンジは、古典的な補色の組み合わせです。 しかし、1つの立方体に2つの色があると、少し奇妙に見えます

緑と黄色

青とピンク

@mdtaukこれらのデザインのいずれかに適用されているのを見ることができるこれらの色の組み合わせはありますか？

@itsmichaelwest上記の箇条書き1の画像が欠落していることに気づきました-今すぐ追加しました！

@SavoySchuler

ブルー>ピンク

ティール>ブルー

あなたはこのようなことをすることができます、キューブ全体の類似のスキーム

ティール>ブルーの2つ目は、これまでのところ私のお気に入りです。

かっこいい..私はこの方向が好きです。

感覚を保つためだけに..「立方体」は何を表していると思いますか？ そこに少しの論理的根拠があるといいでしょう。

フルーエントデザインへのリンクが好きです

すばらしい質問です、@ niels9001！ 人々は、この今や大規模なスレッド全体でいくつかのテイクを提供しています。

多くの場合、ここに示されているFluent Designs Systemの原則へのオマージュです（立方体の形で）：

また、元のXamlロゴへのオマージュです。

しかし、私や@ pag3のような他の人は、それを「ビルディングブロック」と表現し、WinUIプラットフォームとその製品はまさにそれと同じです-UIのビルディングブロック。

@SavoySchuler

ブルー>ピンク

ティール>ブルー

あなたはこのようなことをすることができます、キューブ全体の類似のスキーム

私もこれらが大好きです！ 素晴らしい選択、@ mdtauk！

これは私がしばらく前に別のプロジェクトのために作ったデザインですが、結局それを必要としませんでした。 ここに提出することにしました！ フルーエントデザインシステムの原則の多くを紹介しているため、ここでは非常にうまく機能します。
光-立方体の内側からの輝き。
深さ-これは、目に見える深さの3D立方体です。
素材-クールなアクリルの外観をしています。
スケール-大きな立方体内の小さな立方体は、サイズが対照的です。

また、見た目もかっこよく、ややユニークだと思います。 これにより、ここでのいくつかの設計の問題が一般的なものとして回避されます。 六角形/立方体のロゴがたくさんあるので、区別するのは難しいかもしれません（このデザインは一般的ではないと思います）。 また、真ん中のライトビットは他の補完的なデザインやパターンに使用できます。 次に例を示します。

フィードバックをお待ちしています！

@NoahFellerすごいですね！ 明るい背景を配置するための暗いバージョンはありますか？

@yaichenbaumに感謝します。 （この説明を投稿する直前にコメントしてくれました笑）

。
。
。
。

フルーエント・デザインに関連するこのグリッド構造を見たことがあると確信しています。 白い背景では、デザインのすぐ後ろに影が必要か、立方体の色が黒になります。 もう少し実験してみます！

フルーエント・デザインに関連するこのグリッド構造を見たことがあると確信しています。 白い背景では、デザインのすぐ後ろに影が必要か、立方体の色が黒になります。 もう少し実験してみます！

@ ratishphilip- @ ryandemopoulos 、 @ stmoy 、そして私自身は、このデザインがいかに自己完結型であるかを本当に気に入っています。

フィードバックをお寄せいただきありがとうございます。

これがより洗練されたロゴです。

これは前のロゴの別の見方です。 ここでの私の目標は、立方体のコアを表示するために立方体の一部が切り取られていることを示すことです（地球図に示されているように）

これは前のロゴの別の見方です。 ここでの私の目標は、立方体のコアを表示するために立方体の一部が切り取られていることを示すことです（地球図に示されているように）

私が最初に目にするのはプレイシンボルです

これは@NoahFellerのFluentキューブに基づく別のものです

これがカットなしの前のロゴです

@NoahFellerのキューブの別の

@NoahFellerのキューブの別の

これにより山括弧のバランスが少し崩れると思いませんか？

@NoahFellerのキューブの別の

これにより山括弧のバランスが少し崩れると思いませんか？

確かにそうですが、立方体の面に一致しています。 カラーリングスタイルを試してみたかっただけです。

そして、友達間の少しの非対称性は何ですか😄

私の最も誇らしい仕事ではありませんが、 @ NoahFellerのアイデアに括弧を追加してみました。 適切に行われた場合、おそらく、しかし私が心配しているように、それは忙しい/過剰に設計されているように見えますか？

@SavoySchulerに何をしようとしていたかわかります。 アイコンは角かっこを必要とせず、それ自体で立つのに十分強力だと思います。 私は間違いなくデザインを繰り返し（単純化および/または変更）、いくつかの異なるバージョンをアップロードします。ブラケットのあるものとないものがあります。 修正することはできますが、アイコンの回転があまり良くないように感じます🙂。 アップロードすることで、私は人々がこれに似たデザインを望んでいるかどうかを判断しようとしていました。 フィードバックは良かったようですので、これからも頑張っていきます。 提案をありがとう。

@NoahFellerのキューブの別の

ブラケットの2つの色合いが大好きです！

4096

1024

256

128

64

32

16

4096

1024

256

128

64

32

16

4096

1024

256

128

64

32

16

私たちはあなたがここでしたことを本当に好きです！ 側面に角かっこを付けて、これがどのように見えるかを示すために使用できる忠実度の高いバージョンがある可能性はありますか？ 私たちは次のようなものを想像しています：

@SavoySchulerどうぞ！ 待って申し訳ありませんが、このスレッドはかなり速く動いているようです！

単色バージョン

@itsmichaelwest >どうぞ！ 待って申し訳ありませんが、このスレッドはかなり速く動いているようです！

すみません...😛

ここにいくつかありますが、マイケルウェストのカラートリートメントを使用しています...

4096

1024

256

128

64

32

16

1024キューブのみ

4096キューブのみ

@SavoySchuler @itsmichaelwestや他の人が私に特に何かを求めていない限り、私はこれらのバリエーションで終わったと思いますか？

https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1
_ここに私のロゴのいくつかが入っているFigmaファイルへのリンクがあります_

@ mdtauk-すべての入力とバリエーションに感謝します。 簡単な質問-多くのデザインは「キューブ内のキューブ」です。 この二重立方体は何を伝えることを目的としていますか？

@itsmichaelwestは当初、ロゴのベースとしてXAMLアイコンを使用することを提案し、彼のデザインは最初の提出ラウンドで選択されました。

私はキューブをWindowsアプリ構築のコア部分であるコアと見なしているため、キューブの一部を目立たせることでコアの概念を説明することにしました。 私はまた、これが組み込むためのスペースであることを示すために、「ボイド」スペースを持っていることをいじくり回しました。

しかし、キューブとブラケットのデザインを「所有可能」で明確なものにすることは、他の何千ものキューブベースの図像の中で、何らかの役割を果たします。

ダーク/ライトバージョン。 まだ少し青い色に取り組んでいます。 いつものように、フィードバックは大歓迎です。

@yaichenbaumあなたが投稿したキューブのモノクロバージョンがどのように見えるかを見たかったのですが、私はアーティストではないので、Paintで文字通りこれを大雑把にモックアップしました：:)

これは、モノクロバージョンがどのように見えるかを予測するものですか、それともモノクロバージョンがどのように見えるかについて別の考えがありますか？

検討中の場合は完全に再描画したいのですが、これが私の考えで簡単に編集したものです。これらは16pxスケールしかないため、完全に再描画する必要があります。

私のデザインの素早い（まだ完成していない）単色のモックアップ。 かなり流暢です😄。

まったく新しい方向性で、非常に流暢で、さまざまな色を簡単に使用して、盗品やステッカーなどに合わせることができます。このデザインは、ビルディングブロックと、中央に隠されたビルディングブロックを示しています。 興味があれば、背景を明るくするために他の色で表示することもできます。

また、アウトラインの有無にかかわらず、3Dバージョンもあります。

@yaichenbaumあなたが投稿したキューブのモノクロバージョンがどのように見えるかを見たかったのですが、私はアーティストではないので、Paintで文字通りこれを大雑把にモックアップしました：:)

これは、モノクロバージョンがどのように見えるかを予測するものですか、それともモノクロバージョンがどのように見えるかについて別の考えがありますか？

@SavoySchulerこれで大丈夫ですか？

単色

4096

1024

256

128

64

32

16

最終的な質問

@itsmichaelwestと@mdtaukの最後の2つの選択は、それぞれから1つの提案になりました。 数人のチームメンバーとの2時間近くの審議を終えたばかりで、簡単ではありませんでした。 決定する前に、最後に皆さんにお願いします...

@itsmichaelwest

あなたのロゴについては、2Dブラケットと3Dキューブがどのように一緒にぶら下がっているのかについていくつかの懸念があります。 これらのコンポーネントがよりまとまりのあるものになるのに役立つ、考えられる変更はありますか？ 何が必要なのか正確にはわかりません。間隔や色など、少しバラバラに感じられるだけです。

@mdtauk

ここでのあなたのロゴについて、何人かのポーリングされた個人は、立方体の中の括弧が「I」や「J」のような文字であるはずだと思って混乱していると答えました。 別の言い方をすれば、括弧の感覚が失われるのではないかという懸念がありました。 最新のアップデートでは少し薄くすると良くなったようですが、ブラケットのように感じさせるためにできることがあるかどうかはわかりません。

また、必要に応じて、単色のテイクにくぼんだブラケット線と塗りつぶされたブラケット線の両方を表示したいと思います。

両方

最終的な提出物については、ぜひご覧ください。

• 黒と白の両方の背景に対するカラーバージョンとモノクロバージョン
• 16x16px、64x64px、および高解像度サイズ

ありがとうございました

私たちはたくさんの質問をしたことを知っています。 このプロセス全体を開始したとき、検討するための優れたオプションがこれほど多くあり、提出物の品質が非常に優れていることを知りませんでした。

皆さんは皆、バーを非常に高く上げたので、私たちは今、すべての小さなピクセルと曲線をくすぐっています。 私たちがとてもうるさいのは、皆さんが私たちに金をくれたからです。

これらの最終的な要求のいずれかが多すぎて質問できない場合は、理解しています。 継続的な努力にかかわらず、私たちはあなたと他の何人かにふさわしい「ありがとう」を送ります。 あなたがここで行った貢献を担う盗品。

@mdtaukと@itsmichaelwestの両方におめでとうございます。
あなたがそれをIとJとして見ている人々にあなたが言及した問題は、左ブラケットに2色を使用すると、それが上部の反射のように見えるという事実に関係している可能性があります。 おそらく、ブラケット全体に同じ色を使用すると、この「反射」の問題が修正され、もう一方のブラケットはJとして表示されなくなります。

@SavoySchuler

@itsmichaelwest
あなたのロゴについては、2Dブラケットと3Dキューブがどのように一緒にぶら下がっているのかについていくつかの懸念があります。 これらのコンポーネントがよりまとまりのあるものになるのに役立つ、考えられる変更はありますか？ 何が必要なのか正確にはわかりません。間隔や色など、少しバラバラに感じられるだけです。

私はこれについて提案がありますが、それはマイケルが解決策を提案することになるでしょう。

角かっこの陰影は、立方体の陰影と一直線に並んでいます。

おめでとうございます！ ちょっとしたフィードバック/アイデア： @itsmichaelwestのデザインでは、ブラケットは、Googleの外観に近い「ピル」の形ではなく、部分的にのみ丸くする必要があると感じています。 （@mdtaukに投稿したばかりのように）また、 @ mdtaukのデザインでブラケットが思います。 また、濃い紫色のビットが少し下に伸びているように見えるので、グローをもう少し球形にしたいと思うかもしれません。 素敵なデザイン、私が考えたいくつかの可能な改良。

@yaichenbaum Jのように見えた括弧は、@mdtaukのロゴ上）。 一部のチームメンバーは、それがあまりにもJっぽいと感じました。 個人的には、最新バージョンが少し間引かれているので、少し良くなったと思いました。 小さいバージョンでブラケットが見えるように、それらを十分に厚く保ちたいという願望があることを私は知っています。

とにかく、私はデザイナーではなく、テレビで遊ぶことすらしていません。 それらをより括弧で囲まれたように見せるための他の方法はいくつもあります。 @mdtaukにお任せします。

しかし、これらのデザインはすっごく良いです。 この時点で細目について話している。

ロゴが拡大するにつれて線を細くする余地があります。 カーブを引き締めて、立方体とブラケットのエッジをより尖らせることもできます。

3つの色合いがブラケットのような外観を妨げていますか？

@mdtauk角かっこをグラデーションに変更した場合はどうなりますか？ そうすれば、それでもより多くの1つの色がありますが、それらは互いによりよく溶け込み、より統一された形状になります。

...また、 @ mdtaukのデザインでブラケットが思います。 また、濃い紫色のビットが少し下に伸びているように見えるので、グローをもう少し球形にしたいと思うかもしれません。 素敵なデザイン、私が考えたいくつかの可能な改良。

つや消しの「アクリル」立方体の中に色付きの立方体があるという考えをほのめかすために、円形ではなくダイヤモンドのグラデーションを使用しました。

@mdtauk角かっこをグラデーションに変更した場合はどうなりますか？ そうすれば、それでもより多くの1つの色がありますが、それらは互いによりよく溶け込み、より統一された形状になります。

それに関する問題は、ブラケットが立方体の表面にあるという考えを維持することですが、私はそれをもう少し調整し、まっすぐにして、いくつかを薄くしようとします。

...また、 @ mdtaukのデザインでブラケットが思います。 また、濃い紫色のビットが少し下に伸びているように見えるので、グローをもう少し球形にしたいと思うかもしれません。 素敵なデザイン、私が考えたいくつかの可能な改良。

つや消しの「アクリル」立方体の中に色付きの立方体があるという考えをほのめかすために、円形ではなくダイヤモンドのグラデーションを使用しました。

なるほど、IMOに実際に伝えるには未定義なので、少し変更できるかもしれません。 あなたはそれが改善されることができるかどうか疑問に思うだけで、そうする必要はありません。

@mdtauk私にとって、ブラケットのさまざまな色/色合いが好きでした。 さまざまな色を失うことなく、それらをよりブラケットのように見せるための方法があれば、私はそれを見たいと思います。 しかし、それが役立つかどうかを確認するために、さまざまなシェーディングと少ない色で試してみる価値があると思います。

@mdtauk角かっこをグラデーションに変更した場合はどうなりますか？ そうすれば、それでもより多くの1つの色がありますが、それらは互いによりよく溶け込み、より統一された形状になります。

また、立方体がほぼこれらの3色になり、角かっこで立方体が白または黒と対比できるようになるまで、立方体の各色の輝きが強くなるのもクールに見えるかもしれません。 そこにアイデアを投げるだけです。

@mdtauk私にとって、ブラケットのさまざまな色/色合いが好きでした。 さまざまな色を失うことなく、それらをよりブラケットのように見せるための方法があれば、私はそれを見たいと思います。 しかし、それが役立つかどうかを確認するために、さまざまなシェーディングと少ない色で試してみる価値があると思います。

私もそれらが好きでした。2つの異なる色合いがあるだけでそれらが分割され、左ブラケットの下半分が右ブラケットと同じ高さになり、IとJが付いた「abc」ブロックのように見えます。

これは少し改善するのに役立つかもしれませんが、私の意見では、以前の見栄えを台無しにします。

ブラケットの問題の一部は、背後にたくさんの色と照明がある3D形状であり、それらは単なる単色なので、メッシュもしないことだと思います。 どちらのデザインでも少しおかしいように見えますが、ブラケットがキューブ上にあるとより目立ちます。

@mdtauk私にとって、ブラケットのさまざまな色/色合いが好きでした。 さまざまな色を失うことなく、それらをよりブラケットのように見せるための方法があれば、私はそれを見たいと思います。 しかし、それが役立つかどうかを確認するために、さまざまなシェーディングと少ない色で試してみる価値があると思います。

4096

単色

@ryandemopoulosこれは正しい方向に動いていますか？

@mdtaukと@itsmichaelwest、おめでとうございます。
これまでのところ素晴らしいデザイン！

ブラケットの問題の一部は、背後にたくさんの色と照明がある3D形状であり、それらは単なる単色なので、メッシュもしないことだと思います。 どちらのデザインでも少しおかしいように見えますが、ブラケットがキューブ上にあるとより目立ちます。

逆として機能するかどうかわからない

@ryandemopoulosこれは正しい方向に動いていますか？

私はただ一つの意見ですが、ええ、それは私にはもっと括弧で囲まれているように見えます。 より鋭いエッジが助けになったと思います。 モノクロバージョンの場合、ブラケットはまだ非常に厚く見えます-ちょうど概説したブラケットで、このようにどのように見えるでしょうか？ （最新のジオメトリを使用する場合を除く）

逆として機能するかどうかわからない

ええ、あなたは正しいです。 これを取り戻します⬇。 テストしていただきありがとうございます。

また、立方体がほぼこれらの3色になり、角かっこで立方体が白または黒と対比できるようになるまで、立方体の各色の輝きが強くなるのもクールに見えるかもしれません。 そこにアイデアを投げるだけです。

私の意見では、ブラケットはXAMLのロゴと同じ形状を少し丸みを帯びて保持する必要があります

これが私の提案です

@ryandemopoulosこれは正しい方向に動いていますか？

私はただ一つの意見ですが、ええ、それは私にはもっと括弧で囲まれているように見えます。 より鋭いエッジが助けになったと思います。 モノクロバージョンの場合、ブラケットはまだ非常に厚く見えます-ちょうど概説したブラケットで、このようにどのように見えるでしょうか？ （最新のジオメトリを使用する場合を除く）

32pxと16pxのサイズでは、かっこを読みやすくするために塗りつぶす必要がありますが、大きいサイズの場合、これはどのようになりますか？

私の意見では、ブラケットはXAMLのロゴと同じ形状を少し丸みを帯びて保持する必要があります

これが私の提案です

@ratishphilip左角かっこは垂直方向に小さいですか、それとも陰影が知覚の違いを引き起こしていますか？

@ryandemopoulosこれは正しい方向に動いていますか？

私はただ一つの意見ですが、ええ、それは私にはもっと括弧で囲まれているように見えます。 より鋭いエッジが助けになったと思います。 モノクロバージョンの場合、ブラケットはまだ非常に厚く見えます-ちょうど概説したブラケットで、このようにどのように見えるでしょうか？ （最新のジオメトリを使用する場合を除く）

32pxと16pxのサイズでは、かっこを読みやすくするために塗りつぶす必要がありますが、大きいサイズの場合、これはどのようになりますか？

@stmoyのこのジオメトリにタグを付けます。

@ryandemopoulosこれは正しい方向に動いていますか？

私はただ一つの意見ですが、ええ、それは私にはもっと括弧で囲まれているように見えます。 より鋭いエッジが助けになったと思います。 モノクロバージョンの場合、ブラケットはまだ非常に厚く見えます-ちょうど概説したブラケットで、このようにどのように見えるでしょうか？ （最新のジオメトリを使用する場合を除く）

32pxと16pxのサイズでは、かっこを読みやすくするために塗りつぶす必要がありますが、大きいサイズの場合、これはどのようになりますか？

正直なところ、私はどちらが好きかわかりません-塗りつぶし、またはアウトライン。 もう少し凝視する必要があります。 :)高解像度でも両方とも機能すると思います。 （そして、より低い解像度では、塗りつぶしが唯一の本当の選択であることに同意します）

@ryandemopoulos @SavoySchuler @stmoy

4096

1024

256

128

64

32

16

単色

@ratishphilip左角かっこは垂直方向に小さいですか、それとも陰影が知覚の違いを引き起こしていますか？

両方のブラケットは同じサイズです...

これは3Dブラケット付きの別のものです

概要はこちら

これは3Dブラケット付きの別のものです

これは私が以前に見た奇妙な視点を確実に解決します。 よくできました！

これは3Dブラケット付きの別のものです

これは私が以前に見た奇妙な視点を確実に解決します。 よくできました！

立方体がきれいに回転しておらず、上下に対角線があります

これは3Dブラケット付きの別のものです

これにより、IとJがあるように見える問題も修正されます。

立方体がきれいに回転しておらず、上下に対角線があります

：Dええ少し回転...それを私の通知に持ってきてくれてありがとう@mdtauk ...簡単に修正できます。

また、一番内側の角（立方体の端に接する角）の丸みを取り除き、シャープにすることも考えています。

こちらが更新されたロゴです

こんにちは解像度のロゴ

これ（またはその暗い対応物）は美しいです。 グラデーションは流暢な要素を混ぜ合わせているので気に入っています。

たぶん、上記も2 2 2キューブに分割し、これを組み込んでください。なんて素晴らしいアイデアでしょう。 多分もう少し目立つように色を変更します。

ただし、これはApacheCordovaの意味合いを与えてくれます。

特にそれらの光沢のある黒いブラケット。

特にそれらの光沢のある黒いブラケット。

@weitzhandlerこれはどうですか？

@SavoySchulerは2つの予備的なロゴをTwitterに投稿しましたが、回答から得た主なコメントは、Windowsのようには感じられないということです。 これは同じロゴですが、MicrosoftBlueの色です。 これが役立つかしら？

左角かっこと右角かっこは、XAML構文（ < > ）でも同じサイズであるため、サイズが同じに見えるはずです。 したがって、サイズが異なるように光学的に見えるようにすることは、私には奇妙に見えます（つまり、左角かっこは右角かっこよりも大きく見えます）。 私は@ratishphilipが今それらの括弧を表示している方法を好みます。

@ Felix-Dev
@ratishphilipのブラケットは立方体の上にオーバーレイされており、実際には立方体の側面に一致していません。 比喩的な解釈ではなく、文字通りの表現もあります。 つまり、実際に角かっこを使用することも、角かっこを表すこともできます。

すべてのロゴが青色である必要はありませんが、これは理にかなっています。 Win UIについて考えるとき、私はWindowsユーザーインターフェイスについて考えます。 また、青をWindowsに関連付けます。
@mdtaukの最後のロゴは、私の意見ではWindowsを呼び出しており、独自のアイデンティティを持っています。他の多くのキューブロゴと比較して、それが何を意味するのかを認識できます。

@SavoySchulerは2つの予備的なロゴをTwitterに投稿しましたが、回答から得た主なコメントは、Windowsのようには感じられないということです。 これは同じロゴですが、MicrosoftBlueの色です。 これが役立つかしら？

私はこの@mdtaukが本当に好きです！ 私の意見では大きな改善。 この状況では、光る外観よりも反射的な外観の方が優れていると思います。 たぶん、右側を少し軽くするか、より類似したグラデーションにします。 しかし、それ以外は素晴らしい仕事です。

この暗いグラデーションの方が良いですか？

こんにちは解像度のロゴ

@mdtauk @ratishphilipデザインのブラケットの終わりをブラケットに実装しようとするとどうなりますか？ 角かっこは、両方が同じように終わっていれば、文字による混乱が少なくなると思います。

@mdtaukのデザインを選択する場合は、ブラケットを@ratishphilipのブラケットのようにしたいと@ mdtauk @ ratishphilipの角かっこを使用してロゴのバージョンも作成してください。

@mdtaukのデザインを選択する場合は、ブラケットを@ratishphilipのブラケットのようにしたいと@ mdtauk @ ratishphilipの角かっこを使用してロゴのバージョンも作成してください。

@ratishphilipの角かっこは、3D空間では意味がありません。 それらはただそこに浮かんでいて、影は立方体に適切に投影されません。 @mdtaukのdesgnのポイントの一部は、角かっこが立方体を包み込むことです。

@NoahFellerブラケットIMOは、同じサイズのXAMLのブラケットを反映している必要があります。 これはロゴに反映されている必要があります。 @mdtaukのデザインで私が抱えている問題は、分離されたブラケットを見ると（特に小さい画像サイズで）、ブラケットサイズの印象が次のようになることです。

（左角かっこは右角かっこに比べて明らかに大きくなっています。XAMLではそうではありません。）一部の画像解像度では、

これは私にとってかなり明白であり、率直に言って私を失望させます。 ブラケットペア<>はXAMLで非常に目立つので、そのままキューブ上で「たたく」か、少なくともこれを十分に考慮することが正当化されると思います。

@NoahFellerブラケットIMOは、同じサイズのXAMLのブラケットを反映している必要があります。 これはロゴに反映されている必要があります。 @mdtaukのデザインで私が抱えている問題は、ブラケットを_isolated_で見ると、特に小さい画像サイズで、次のようにブラケットサイズの印象を得るということです。

（左角かっこは右角かっこに比べて明らかに大きくなっています。XAMLではそうではありません。）一部の画像解像度では、

これは私にとってかなり明白であり、率直に言って私を失望させます。 ブラケットペア<>はXAMLで非常に目立つので、そのままキューブ上で「たたく」か、少なくともこれを十分に考慮することが正当化されると思います。

@mdtaukの3Dブラケットのデザインが良い方法だと思いますが、左のブラケットが右のブラケットと同じように終わると、3D効果があっても、同じサイズに見えるようになります。要点を述べるためだけに醜い例。

@NoahFellerブラケットIMOは、同じサイズのXAMLのブラケットを反映している必要があります。 これはロゴに反映されている必要があります。 @mdtaukのデザインで私が抱えている問題は、ブラケットを_isolated_で見ると、特に小さい画像サイズで、次のようにブラケットサイズの印象を得るということです。

（左角かっこは右角かっこに比べて明らかに大きくなっています。XAMLではそうではありません。）一部の画像解像度では、

これは私にとってかなり明白であり、率直に言って私を失望させます。 ブラケットペア<>はXAMLで非常に目立つので、そのままキューブ上で「たたく」か、少なくともこれを十分に考慮することが正当化されると思います。

@mdtaukの3Dブラケットのデザインが良い方法だと思いますが、左のブラケットが右のブラケットと同じように終わると、3D効果があっても、同じサイズに見えるようになります。要点を述べるためだけに醜い例。

君たちが何を意味するのかわかります。 あなたはおそらく正しいです。 これは対称でありながら3Dのクイックバージョンです。 それは非常に未完成です（影がない、ブラケットが大きすぎる、色付けが良いかもしれないなど）が、私が何をしようとしているのかについての一般的な考えを得ることができます。 2つの方法で見ることができる一種のクールな目の錯覚効果。 もちろん、デザインをどの方向に進めるかを決めるのは完全に@mdtauk次第です。

@ratishphilipの角かっこは、3D空間では意味がありません。 それらはただそこに浮かんでいて、影は立方体に適切に投影されません。 @mdtaukのdesgnのポイントの一部は、角かっこが立方体を包み込むことです。

@NoahFellerブラケットは、3D空間では意味があります。 下の赤い矢印で示されている方向に立方体を見ると、角かっこは次のようになります。

この暗いグラデーションの方が良いですか？

@mdtauk小さな提案...左角かっこが立方体の表面に一致している場合、角かっこ中央の2つの角の角の半径はゼロである必要があります...立方体の端と同じです。

私たちはそれをしました。

コミュニティ-あなたは素晴らしいです、そして私はそれを十分に強調することはできません。 非常に文字通り、審議の_時間_後に、私たちは1つを決定しました。 これは、 @ itsmichaelwestと@mdtaukのデザインの組み合わせです。

色：

（注：これらのコーナー半径を持つシャドウバージョンが見つからなかったため、キューブシャドウはここに反映されていません）

モノクロ：

（注：対称ブラケットと非対称ブラケットについては、下部セクションの項目2を参照してください）

考え

@ryandemopoulosが言ったように、「このロゴは

最後のいくつかのステップについてデザイナーに電話する

完全に完了したわけではありませんが、近づいています。 これらは私たちが縛っているルーズエンドです：

1. 私たちはこの配色が好きですが、それでもいくつかの異なるカラーバリエーションを検討する必要があります（そしてそれをさまざまな背景の影/輝きと混ぜ合わせます）。

2. 2つの非常に優れたバージョンを受け取りました。1つは対称ブラケット付きで、もう1つは非対称ブラケット付きです。 私たちは非対称に傾いています（右に示すように）。 考え？

1. 盗品をデザインする必要があります。 シャツ、ステッカー、バッグ、おそらく物理的なモデルなど。明らかなものは常にありますが、私たちは_本当に_クールなものを思い付くことができると思います。 😄

私たちはそれをしました。

コミュニティ-あなたは素晴らしいです、そして私はそれを十分に強調することはできません。 非常に文字通り、審議の_時間_後に、私たちは1つを決定しました。 これは、 @ itsmichaelwestと@mdtaukのデザインの組み合わせです。

@itsmichaelwestと@mdtauk、おめでとうございます！

私たちはそれをしました。

コミュニティ-あなたは素晴らしいです、そして私はそれを十分に強調することはできません。 非常に文字通り、審議の_時間_後に、私たちは1つを決定しました。 これは、 @ itsmichaelwestと@mdtaukのデザインの組み合わせです。

@itsmichaelwestと@mdtauk、おめでとうございます！

@ratishphilipあなたは私たちがここに来るのを手伝ってくれているようですので、あなたの影響力と影響力をおめでとうございます。 これを固定する前に、提案されている配色のいくつかを見ていきます。 😊素晴らしい仕事とありがとう！

@ratishphilipの角かっこは、3D空間では意味がありません。 それらはただそこに浮かんでいて、影は立方体に適切に投影されません。 @mdtaukのdesgnのポイントの一部は、角かっこが立方体を包み込むことです。

@NoahFellerブラケットは、3D空間では意味があります。 下の赤い矢印で示されている方向に立方体を見ると、角かっこは次のようになります。

@ratishphilip 3Dで機能しないデザインについての私のコメントが何を意味するのか疑問に思っている場合は、ここで説明します。 デザインでは、影が立方体を照らす光源と一致していません。 彼らは反対の方向を向いています。 左角かっこが立方体の上面に垂直である場合は、後ろに長い影を付ける必要があります。 現在、それは意味をなさない影のある引き伸ばされたブラケットのように見えます。 他のブラケットの影を見ると、間違った方向を向いているように見えます。 また、ブラケットは奇妙に見え、そのような角度で変形します。 錯覚の目的は、ブラケットが見ている角度で見栄えがすることです。 なぜそんなに歪んでいるのかわかりません。 元のブラケット形状（右の画像に表示）は単なるアイコンであるため、参照フレームはありません。 私は超臨界であるという意味ではありません。あなたがさらに優れたデザイナーになることができるように、フィードバックを提供したいだけです。

@ratishphilipの角かっこは、3D空間では意味がありません。 それらはただそこに浮かんでいて、影は立方体に適切に投影されません。 @mdtaukのdesgnのポイントの一部は、角かっこが立方体を包み込むことです。

@NoahFellerブラケットは、3D空間では意味があります。 下の赤い矢印で示されている方向に立方体を見ると、角かっこは次のようになります。

@ratishphilip 3Dで機能しないデザインについての私のコメントが何を意味するのか疑問に思っている場合は、ここで説明します。 デザインでは、影が立方体を照らす光源と一致していません。 彼らは反対の方向を向いています。 左角かっこが立方体の上面に垂直である場合は、後ろに長い影を付ける必要があります。 現在、それは意味をなさない影のある引き伸ばされたブラケットのように見えます。 他のブラケットの影を見ると、間違った方向を向いているように見えます。 また、ブラケットは奇妙に見え、そのような角度で変形します。 錯覚の目的は、ブラケットが見ている角度で見栄えがすることです。 なぜそんなに歪んでいるのかわかりません。 元のブラケット形状（右の画像に表示）は単なるアイコンであるため、参照フレームはありません。 私は超臨界であるという意味ではありません。あなたがさらに優れたデザイナーになることができるように、フィードバックを提供したいだけです。

@NoahFellerに感謝します。 フィードバックに感謝します。

@NoahFellerは、ロゴがどのようになると期待していたのですか？

@NoahFellerは、ロゴがどのようになると期待していたのですか？

おそらくそれに近いものに見えるでしょう（影はおそらくそれほど暗くはないでしょう）が、問題は、3D空間で正確にレンダリングされたデザインが見栄えが良くないことです。 前に言ったように、ブラケットは奇妙に圧縮されているように見え、ビューの方向に適していません。 「カメラ」ビューと平行に浮かぶ適切な形状のブラケットと、正確に投影された影を使用すると、より適切に機能することがわかりました。 または、ブラケットが立方体などに埋め込まれているのを見るのはクールかもしれません。 IMOのデザインは、現在の形ではそれほどうまく機能しません。 しかし、良いニュースは、いくつかの異なる方法で間違いなくより良い方向に変更できることです。

最終設計についての考え

最後の調整が行われている間、私はデザインについて言及したいことがいくつかあります。 まず、アクリルの立方体とグローの組み合わせが使用されているのを見るのは本当にクールです。 また、3Dキューブの上にある無地のブラケットについて少し心配しています。 立方体が発光していて、立方体の側面に指向性のある光があるように見えるので、角かっこが単色であることは意味がありません。 おそらく、光源に一致するわずかなグラデーションの外観が必要です（粘着性があるように見えるほどのグラデーションではなく、現実的です）。 それ以外の場合は、3D空間ではまったく意味がなく、見落とします。 私が最後に聞きたかったのは、ブラケットをこのように対称にすることを検討しますか（ @ SavoySchuler 、@ stmoy）？

先ほど投稿したときに言ったように、これは非常にラフなデザインです（影がない、ブラケットが大きすぎる、色が本当に改善される可能性があるなど）。 それでも、ブラケットが非対称で形状が異なることについて、ここやTwitterで見た多くの問題に対処し、以前と同じように立方体を包み込みながらそうします。 右角かっこが@mdtaukの青い立方体（上の写真に示されている）ではなく、輝きのあるアクリルの立方体に追加されますが、この変更をさらに実験してみるというアイデアを

また、@ itsmichaelwestと@mdtaukもおめでとう

まず、 @ itsmichalwestと@mdtaukにおめでとう、そして彼のfigmaファイルを共有してくれた@mdtaukに大いに感謝します!!!

@SavoySchulerのコメントについて：

1. 私たちはこの配色が好きですが、それでもいくつかの異なるカラーバリエーションを検討する必要があります（そしてそれをさまざまな背景の影/輝きと混ぜ合わせます）。

これが@mdtaukの素晴らしいデザインに対する私の

ティール、ブルー、ピンクをウィンドウのテーマブルーのバリエーションに切り替えて、より「ウィンドウ」の雰囲気を出しました。

最終的なアイコンを見て本当に興奮しています！ 本当に洗練されているように見えます！ 特に@mdtaukと@NoahFellerは、私が将来行うあらゆるデザインに役立つであろう多くの素晴らしいアイデアと視点を共有しました。

左の画像は@chingucodingの@mdtaukのデザインのテイクです。 右の画像は、ブラケットが対称である私の改訂版です（対称とは、高さだけでなく、ご覧のとおり形状も意味します）。 それらを並べて見ると、非対称性は私を完全に失望させます。 私の意見では、対称性はバランスをもたらし、アイコンはそれほど複雑ではないと感じます。 私が見た多くの山かっこは、実際には端が斜めになっているのに対し、左角かっこのように平らであるため、この変更によって読みやすさが損なわれることはありません（おそらく反対）。 六角形を6つの三角形と考えると、角度の付いた端がよりエレガントに形状を支え、アイコンにトップGIFバージョンのより幾何学的な性質を与えます。 以下は、 @ chingucodingの両方のデザインの改訂版と未改訂版の違いを示すいくつかのGIFです。 みなさんのご意見をお聞かせください。 @chingucodingも素晴らしい仕事です。

@NoahFellerは、以前の提出物の1つと同じになりません（角かっこを同じ色にすることによって）

@NoahFellerは、以前の提出物の1つと同じになりません（角かっこを同じ色にすることによって）

ある種。 マルチカラーのブラケットは、立方体を包み込んでいるように見えるので、少し異なります。 色の違いはやや重要です。 前に述べたように、 @ mdtaukのブラケットは3Dで意味をなすのにはるかにうまく機能します。 また、 @ mdtaukのブラケットは少し太くなっています。 しかし、ええ、あなたはそれを2つのデザインの組み合わせと考えることができます。 私はそれぞれの括弧の実装を改善しようとしていました。 幸せな媒体🙂。

ああ、私はこのバージョンがこのページのいくつかのデザインで紹介されているのを見たキューブデザイン内にキューブを持っていることを完全に忘れました。 統合することは本当にクールな側面であり、その背後にいくつかのクールな意味があると思います。 以下は、 @ stmoyに応答してキューブデザイン内で彼のキューブを説明するときにです：

@ mdtauk-すべての入力とバリエーションに感謝します。 簡単な質問-多くのデザインは「キューブ内のキューブ」です。 この二重立方体は何を伝えることを目的としていますか？

@itsmichaelwestは当初、ロゴのベースとしてXAMLアイコンを使用することを提案し、彼のデザインは最初の提出ラウンドで選択されました。

私はキューブをWindowsアプリ構築のコア部分であるコアと見なしているため、キューブの一部を目立たせることでコアの概念を説明することにしました。 私はまた、これが組み込むためのスペースであることを示すために、「ボイド」スペースを持っていることをいじくり回しました。

しかし、キューブとブラケットのデザインを「所有可能」で明確なものにすることは、他の何千ものキューブベースの図像の中で、何らかの役割を果たします。

これは、 @ mdtuakの緑/青/紫のデザインに基づくキューブデザイン内の対称ブラケットキューブです。

私の意見では、ブラケットの幅は外側の立方体の幅の1/4にする必要があります。 内側の立方体は、外側の立方体の端から、立方体の幅の1/4の距離にブラケットを配置する、外側の立方体の半分のサイズである必要があります。

これは、 @ mdtuakの緑/青/紫のデザインに基づくキューブデザイン内の対称ブラケットキューブです。

ブラケットを微調整して少し近づけました。 このように少し良く見えると思います。

@SavoySchulerこれはあなたが行きたい色ですか？

対称括弧は間違いなくはるかに優れています。 内側の角も丸みを帯びたコンセプトが見たいです。

対称括弧は間違いなくはるかに優れています。 内側の角も丸みを帯びたコンセプトが見たいです。

完全に同意する。 そうでなければ、それらが山かっこであると言うのは難しいです。 内側の角の意味を明確にできますか？

クールな新しい色の組み合わせ@mdtauk！ あなたはいくつかの素晴らしい仕事をしました。 山かっこを左右対称にするかどうか、ご意見はありませんか？ @ Felix-Dev、@ elalexg 、および@goranalkovicが、対称ブラケットをどのように好むかについてここに投稿しているのを見てきました。 あなたが対照的な視点を持っているかどうか私は興味があります。 @ Felix-Devの投稿はコンテキストとして以下にあります。

@NoahFellerブラケットIMOは、同じサイズのXAMLのブラケットを反映している必要があります。 これはロゴに反映されている必要があります。 @mdtaukのデザインで私が抱えている問題は、ブラケットを_isolated_で見ると、特に小さい画像サイズで、次のようにブラケットサイズの印象を得るということです。

（左角かっこは右角かっこに比べて明らかに大きくなっています。XAMLではそうではありません。）一部の画像解像度では、

これは私にとってかなり明白であり、率直に言って私を失望させます。 ブラケットペア<>はXAMLで非常に目立つので、そのままキューブ上で「たたく」か、少なくともこれを十分に考慮することが正当化されると思います。

VisualStudioパープル

クールな新しい色の組み合わせ@mdtauk！ あなたはいくつかの素晴らしい仕事をしました。 山かっこを左右対称にするかどうか、ご意見はありませんか？ @ Felix-Dev、@ elalexg 、および@goranalkovicが、対称ブラケットをどのように好むかについてここに投稿しているのを見てきました。 あなたが対照的な視点を持っているかどうか私は興味があります。 @ Felix-Devの投稿はコンテキストとして以下にあります。

@NoahFeller対称にするということは、ブラケットをキューブから分離することを意味します。 私は同じサイズのブラケットを使用したバージョンを作成しました（ただし、形状は対称ではありません）。決定を下すチームは、非対称性を維持することに力を注いでいるようです。

ブラケットをXAML / XMLからの山括弧の文字通りの表現であると見なす場合は、定型化されたアプローチにきっと不満を感じるでしょう。

しかし、それらの形状がブラケットの象徴であるが、キューブ自体がロゴである場合、非対称性はブラケットを示唆し、興味深いロゴになるように十分に様式化されています。

ブラケットを立方体に配置したまま対称にすることは、立方体を回転させることを意味しますが、これは求められていません。これは、XAMLロゴのインスピレーションから離れたもう1つの動きです。

色

@ mdtauk-あなたは

@mdtaukの最新の提出物（まもなく評価します）を除いて、これらは私たちがこれまでで最も気に入っている3つの色の組み合わせです。 彼らは皆、私たちが緊密に連携しようとしているWindowsまたは開発ツールのブランドカラーのいずれかにうなずきます。

最後の調査として、このデザインをMicrosoftの公式カラーでうまく機能させることができるかどうかを確認したいと思います（可能な場合）。 私はこれをオフラインで調査してきましたが、投稿できることを誇りに思うものはまだありません。 ここにいる人がいない限り、上記の配色から選択します。

ブラケット/高さの形状に関しては、私たちの関心は色を最もよく補完するものにあります。 これまでのところ、上の左と中央の画像がこれを最もよく行うと思いますが、それは決して上の右のアイテムまたはこれから逸脱する代替の色の提出を除外するものではありません。

色

@ mdtauk-あなたは

@mdtaukの最新の提出物（まもなく評価します）を除いて、これらは私たちがこれまでで最も気に入っている3つの色の組み合わせです。 彼らは皆、私たちが緊密に連携しようとしているWindowsまたは開発ツールのブランドカラーのいずれかにうなずきます。

最後の調査として、このデザインをMicrosoftの公式カラーでうまく機能させることができるかどうかを確認したいと思います（可能な場合）。 私はこれをオフラインで調査してきましたが、投稿できることを誇りに思うものはまだありません。 ここにいる人がいない限り、上記の配色から選択します。

ブラケット/高さの形状に関しては、私たちの関心は色を最もよく補完するものにあります。 これまでのところ、上の左と中央の画像がこれを最もよく行うと思いますが、それは決して上の右のアイテムまたはこれから逸脱する代替の色の提出を除外するものではありません。

私もMicrosoftFour Squareのロゴの色を使おうとしましたが、立方体の寸法を維持しながら、それらを一緒に見栄えよくすることができませんでした。

どのツールを使用して作業していますか？ 私はFigmaを使用しています。これは、Microsoftがよく知っているツールだと思いますが、必要に応じてIllustratorに転送できますか？

対称性/非対称性@mdtaukに関する視点を共有していただきありがとうございます。

@NoahFeller対称にするということは、ブラケットをキューブから分離することを意味します。 私は同じサイズのブラケットを使用したバージョンを作成しました（ただし、形状は対称ではありません）。決定を下すチームは、非対称性を維持することに力を注いでいるようです。

ブラケットを立方体に配置したまま対称にすることは、立方体を回転させることを意味しますが、これは求められていません。これは、XAMLロゴのインスピレーションから離れたもう1つの動きです。

角かっこを対称にすると、角かっこを立方体から分離する必要があるという意味がわかりません。 また、ブラケットを対称に保つために立方体を回転させる必要があるとはどういう意味かわかりません。 私があなたのデザインを繰り返したとき、私はそれらのどちらもする必要はありませんでした、私はあなたのブラケットの高さと形をわずかに変更して対称性を達成しました⬇。 私があなたの言っていることを誤解しない限り、あなたの声明のそれらの部分は正しくないようです。

@elalexgはまた、彼のコメントでその点を明確にしました。

@mdtaukの3Dブラケットのデザインが良い方法だと思いますが、左のブラケットが右のブラケットと同じように終わると、3D効果があっても、同じサイズに見えるようになります。要点を述べるためだけに醜い例。

私はあなたのデザインを修正したことで彼に部分的に触発されました。

また、角かっこが山かっこをどのように象徴しているかわかりません。 それらは、一方が他方より少し大きいだけの山かっこであるように見えます。 @ Felix-Devが言ったように、元のXAMLブラケットは対称であるため、対称性は実際には以前のXAMLデザインに近く、離れることはないように見えます。

しかし、ロゴを定型化することで、あなたが何を意味するのかがわかります。 サイズの異なるブラケットを見るのは私や他の人にとって不自然に感じますが、あなたがどのように異なって見えるかを完全に見ることができます。 ロゴは、テクスチャ、輝き、さまざまな色などで十分に複雑で、それほど関心を払う必要はないように感じますが、それ以外の場合の考え方をもう一度確認できます。

本当に、どちらに行くかを決めるのは@SavoySchulerと彼のチーム

参考までに、（最終的な）最終的なロゴが最終的にどのようなものであっても、実際のバージョンを自分でデザイン（3D）および3Dプリントすることを計画しています。 半透明のフィラメントを使用して、アクリル効果をエミュレートします（以下の例）。 興味のある方がいらっしゃいましたら、必ず結果の写真をシェアさせていただきます！

参考までに、（最終的な）最終的なロゴが最終的にどのようなものであっても、実際のバージョンを自分でデザイン（3D）および3Dプリントすることを計画しています。 半透明のフィラメントを使用して、アクリル効果をエミュレートします（以下の例）。 興味のある方がいらっしゃいましたら、必ず結果の写真をシェアさせていただきます！

素晴らしい。 ロゴに基づいてこのような物理オブジェクトを作成することについては、すでに社内で少し話しました。 あなたが思いついたものを見るのが待ちきれません！

Microsoftブランドの色も試してみましたが、うまくいきませんでした。結局、これはWin（dows）UIなので、配色はWindowsだと思います。
@mdtaukは、

ブラケットの対称性/非対称性に関するすべてのコメントを見ると、ロゴに別のユニークな外観を与え、どういうわけか立方体を少し良く引き出しているように見えるので、非対称のデザインに傾いています。

角かっこを対称にすると、角かっこを立方体から分離する必要があるという意味がわかりません。 また、ブラケットを対称に保つために立方体を回転させる必要があるとはどういう意味かわかりません。 私があなたのデザインを繰り返したとき、私はそれらのどちらもする必要はありませんでした、私はあなたのブラケットの高さと形をわずかに変更して対称性を達成しました⬇。 私があなたの言っていることを誤解しない限り、あなたの声明のそれらの部分は正しくないようです。

また、角かっこが山かっこをどのように象徴しているかわかりません。 それらは、一方が他方より少し大きいだけの山かっこであるように見えます。 @ Felix-Devが言ったように、元のXAMLブラケットは対称であるため、対称性は実際には以前のXAMLデザインに近く、離れることはないように見えます。

しかし、ロゴを定型化することで、あなたが何を意味するのかがわかります。 サイズの異なるブラケットを見るのは私や他の人にとって不自然に感じますが、あなたがどのように異なって見えるかを完全に見ることができます。 ロゴは、テクスチャ、輝き、さまざまな色などで十分に複雑で、それほど関心を払う必要はないように感じますが、それ以外の場合の考え方をもう一度確認できます。

本当に、どちらに行くかを決めるのは@SavoySchulerと彼のチーム

立方体の面の側面に揃えるために、立方体の「マーク」が必要でした。 左角かっこのエンドストロークを斜めにカットすることで、立方体の輪郭が不自然になり、回転から外れているように感じます。

しかし、 @ SavoySchulerとチームが設計を採用し、それを解釈して、チームが必要としているものに成形するのは今です。

すべての色を取り除いたAdobeIllustratorのバージョンを仕上げているところなので、出発点として使用できます。

これが、zip形式のIllustratorファイルです。
最終的なロゴShapes.zip
_編集：塗りつぶされた単色バージョンが追加されたIllustratorファイルの更新_

16

32

64

128

256

1024

4096

@mdtaukを明確にしてくれてありがとう。 以前の投稿で説明したキューブデザイン内で微妙なキューブを実現するために、このようにしました。 ラインキャップの角度が45°なので、正方形の対角線上にあるので不自然に感じません。 私はあなたが何を意味するのか分かります。 形状を六角形に合わせるのを優先し、立方体として合わせるのを優先したと思います。どちらの方法でも少し妥協があります（立方体のデザイン内の立方体との対称性のバランスと、文字の追加とラップの改善）。 とにかく、説明ありがとうございます！

@mdtaukを明確にしてくれてありがとう。 以前の投稿で説明したキューブデザイン内で微妙なキューブを実現するために、このようにしました。 ラインキャップの角度が45°なので、正方形の対角線上にあるので不自然に感じません。 私はあなたが何を意味するのか分かります。 形状を六角形に合わせるのを優先し、立方体として合わせるのを優先したと思います。どちらの方法でも少し妥協があります（立方体のデザイン内の立方体との対称性のバランスと、文字の追加とラップの改善）。 とにかく、説明ありがとうございます！

どちらのアプローチも他のアプローチよりも優れているわけではなく、核となるのは異なるアイデアだけです。 あなたが言うように、私はこれがXAMLロゴの背後にある本来の意図として、奥行きと質感を備えた立方体であるという事実を失いたくありませんでした。

これが、zip形式のIllustratorファイルです。
最終的なロゴShapes.zip
_編集：塗りつぶされた単色バージョンが追加されたIllustratorファイルの更新_

16

32

64

128

256

1024

4096

やあ友達！ 最初に送信したときに作成した元のマルチカラーとブルーのロゴデザインの両方を、zipフォルダーに1つの.aiファイルで保存したいと考えています。 彼らは素晴らしく見えます！ 私たちを助けてくれてありがとう、私たちはあなたの仕事がとても好きなので、そのままにしておきたいです:)ありがとう

@embenderうまくいけばこれらはあなたが望むものです😃

ブルーロゴnoshadow.zip

マルチカラーダークLogo.zip

マルチカラーライトLogo.zip

@SavoySchuler @embender最終的なロゴと色でFigmaを更新しました。これらには、 膨らませたはずの影が含まれています。

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

それは私だけですか、それとも小さな灰色の立方体がぼやけて見えますか？ それは単なる画像圧縮アーティファクトか何かですか？

それは私だけですか、それとも小さな灰色の立方体がぼやけて見えますか？ それは単なる画像圧縮アーティファクトか何かですか？

以前に投稿したグレースケールのロゴ？

画像はピクセルグリッド上で鮮明に見えるように設計されているため、100％ズームで表示すると鮮明になります。

@ mdtauk-すべての貢献と迅速な対応に改めて感謝します。 このプロセスの間、あなたはかけがえのない存在でした。 単色のロゴを提供していただきありがとうございます-それらは盗品によく似合うと思います！

それほど問題がなければ、非対称のブラケットを含むロゴのアウトラインバージョンを示すアセットを送っていただけませんか。 このようなものですが、最新のデザインに更新されています：

また、輪郭の太さについてどう思いますか？ アウトラインの太さがロゴを小さなピクセルサイズに維持するのに役立つことを確認することについての会話があったことは知っていますが、盗品の場合、細い線がより効果的であるかどうか疑問に思います。

私は、線が各面の外縁まで伸びる非対称バージョンのロゴが本当に好きです。 NS。
マルチカラーライトLogo.zip

これにより、各面がそれ自体で一貫性を保つことができ、立方体を回転させた場合に非表示の面がどのように見えるかを想像することができます。

その点で、ルービックキューブにデザインを使用した場合はクールかもしれません。

@stmoyスケールアップするときにアウトラインを少し細くしましたが、16と32の場合は、1ピクセルの厚さに保ちたいと思いました。

とにかく、私はFigmaに薄いモノラインウェイトアイコンを追加しました。

それは私だけですか、それとも小さな灰色の立方体がぼやけて見えますか？ それは単なる画像圧縮アーティファクトか何かですか？

以前に投稿したグレースケールのロゴ？

画像はピクセルグリッド上で鮮明に見えるように設計されているため、100％ズームで表示すると鮮明になります。

ああ、ばかげた私とDPIスケーリング！ 😛

ロゴが完成しました

こんにちは、素晴らしいコミュニティです！ あなたが先週見たと確信しているように、私たちは間違いなく、間違いなく、100％、私たちが非常に興奮しているロゴに実際に着陸したことを確認しました！ この家を運転してくれた皆さんに心から感謝します。 みんながここに入れたお気に入りの作品をすべて組み合わせたものを作りたかったのです。 私たちはこれがそれを行うと信じています。

報告しましょう

ここに古いXamlロゴがあります：

@itsmichaelwestが歴史に新鮮な命を吹き込むとき、あなたは素晴らしい何かを手に入れます：

そこから、私たちはコミュニティに目を向けました。 再色付けとスタイリングを探求する（ほぼ）さらに100件の提出の後、ブラケットを自己完結させるためのこのシンプルでありながらエレガントなひねりに夢中になりました。 @embenderが言ったように、言い換えると、「括弧の高さが異なるのが好きです。少し抽象的になり、科学に芸術を描きます」。これは、UIが融合するものです。芸術と科学が1つにまとめられています。」

色については、ユーザーコミュニティが話し、「Windowsのように感じられる」ものを要求しました。 @mdtaukは、私たちのコミュニティを表すこのおなじみの青をもう一度想像するのを簡単にしました：

もちろん、この簡単な要約では、ここで40人近くの寄稿者からの約300件のやり取りを要約し、Twitterとオフラインでさらに多くの情報を提供しています。 短編小説はこれです：皆さんなしではこれを行うことはできませんでした。皆さんの作品の少しを見て、皆さんのストーリーが私たちが一緒に作成したものに反映されていることを願っています。 それはどういうわけか現代的でレトロに見えると同時に、ヒップでありながら歴史的で正確で非対称に見えます。 これはちょっとした会話の一部であり、それは仕様によるものです。 😊

楽しみにしている

この共同作業の多様性と私たちが見たすべてのカラフルなバリエーションを考えると、あなたが私たちに与えたすべてのアイデアで物事を生き生きと保つことができなかったのはなぜですか？ 色とテーマを実験的に試すことに興奮しています。 楽しいデザイン作品を共有し、お祝いの月、休日を考え出し、共有するテーマのバリエーションをリリースしようとしているので、 Twitterに注目してください！ 😊

また、エキサイティングな盗品のデザインの反復を開始します。 必ずMicrosoftIgniteのブースに立ち寄って、以下のステッカーの1つを手に入れてください。

スワッグリンク？

個人的な盗品購入リンクを利用できるようにするリクエストがあったのを見ました。 盗品のラインナップが完成したらすぐに、これを実現できるかどうかを調べて、このスレッドに報告します。 それまでは問題の解決を延期します！

共有する盗品があります！

コミュニティチーム、私はあなたが大声ではっきりと聞いた。 あなたは、社内チームのメンバーがMicrosoft Ignite、ステージ、そして世界中で揺れ動くのと同じ盗品を購入するチャンスを望んでいました。 私たちはあなたのためにそれを実現することができる会社を通して私たちの盗品を設計して注文することを選びました。

本日、100点以上の最終注文を行いました。 各チームメンバーはどちらかを選択する必要がありました。 多くの人が両方をとても気に入りました、私たちは一方を取り、もう一方を自分で注文しました（私を含む）！

ご不明な点がございましたらお知らせください。 私はいくつかのメモがあります：

• あなたが私たちの「1000号-ありがとう！」の勝者だったとしたら
• パーカーの最低注文数は6です。最低注文数のないものと簡単に交換したり、グループ注文フォームをまとめたりすることができます。
• 今週/ホテルへの発送を注文した場合、11月4日から8日にフロリダ州オーランドで開催されるMicrosoft Igniteで、これらを着用するのに間に合うように入手できます。

WinUIパーカー注文リンク

WinUIシャツ注文リンク

その最終的なロゴは素晴らしいものになりました。 本当にポップです。