всем привет! Персональный менеджер по Windows IXP (ранее Composition), который хотел добавить мои идеи к миксу :), вот некоторые из них, с которыми я возился - дайте мне знать, что вы думаете!

Ваши материалы невероятны, @embender. Особенно мне нравятся последний и первый.

Быстро смоделировал значок WinUI, который не будет лишним для других продуктов в пакете.

Невероятно, @iconredesign! Мне нравится, как вы используете оттенки на значке для вызова областей приложения.

Чтобы избежать путаницы со значком Microsoft Word (ниже), что бы вы подумали об использовании некоторых цветов системы Fluent Design или чего-то подобного?

Абсолютно! Я пытался сохранить цвет темы WinUI, но мне пришло в голову, что, возможно, при малейшем взгляде они могут выглядеть одинаково.

Я посмотрю на представленные рекомендации и отправлю исправление. Спасибо!

@iconredesign

Абсолютно! Я пытался сохранить цвет темы WinUI, но мне пришло в голову, что, возможно, при малейшем взгляде они могут выглядеть одинаково.

Я посмотрю на представленные рекомендации и отправлю исправление. Спасибо!

Хорошие новости: вы можете помочь нам стандартизировать новые цвета тем. В этом отношении наши руководящие принципы намеренно неактуальны, чтобы мы могли свободно создавать что-то потрясающее!

@SavoySchuler

Раскачиваться

Надеюсь увидеть несколько рубашек, которые можно будет купить, как только логотип станет официальным.

@SavoySchuler

Раскачиваться

Надеюсь увидеть несколько рубашек, которые можно будет купить, как только логотип станет официальным.

@shaggygi , заметил! Какой дизайн заставит вас носить одну из наших рубашек каждую неделю в течение следующих нескольких лет? Моя планка добычи по крайней мере так высока. 😉

@SavoySchuler Мне не нравится слишком кричащий 😄. Обычно я ношу рубашку с GitHub каждые пару недель. Простой финальный логотип был бы хорош ... вероятно, достаточно для того, чтобы другим было любопытно спросить, что значит объяснять / продвигать.

Думаю, для дизайнера важно предложить полный манифест, так что вот он.

Логотип, конечно же, вызывает ассоциации с другими программными продуктами Microsoft. Это проясняет организацию, стоящую за ним, а иконография имитационного пользовательского интерфейса четко определяет, для чего это приложение. WinUI> отличается от продукта Office, использование скобок и косой черты вместо буквы заметно отличает его и позволяет избежать совпадения по буквам. В целом, значок четко сообщает, что 1) это продукт Microsoft, 2) это инструмент на основе кода для дизайна пользовательского интерфейса и 3) это НЕ продукт Office.

Плоский дизайн включает в себя элемент, в котором основной цвет темы приложения переносится на его фон. Образно говоря, это «основа» приложения, которая соответствует схеме дизайна такого приложения, как Excel. Визуально можно сделать вывод, что «WebUI - это основа дизайна пользовательского интерфейса, которая покоится на вершине. Он сделал это возможным».

Во время моего краткого исследования WinUI, чтобы убедиться, что мой логотип действительно представляет продукт, я увидел флагманское изображение, демонстрирующее образец интерфейса, демонстрирующий широту элементов интерфейса. Серые оттенки были удалены из этого изображения символически, чтобы достичь 1) простоты окраски, чтобы избежать уродливого дизайна, 2) это просто отличие оттенка от белого, а также нейтральный, и 3) для выделения иерархий, которые еще больше усиливают его торговлей Дизайн пользовательского интерфейса (который мне лично нравится) и 4) дифференцированные оттенки серого означают, что эта метафора будет работать независимо от размера отображаемого значка, и, что наиболее важно, его размера на панели задач.

Итак, что касается стандартизации, какие цвета лучше для представления пользовательского интерфейса Microsoft, чем цвета, уже используемые для представления дизайна? Он уже отлично сочетается с белым.

Надеюсь, вам понравится, и если у вас есть проблемы, не стесняйтесь их поднимать!

Я прошу прощения, если вы чувствуете, что я застрял на этом дизайне, поэтому я готов обновить его, если он более уместен.

@iconredesign
Идея, лежащая в основе вашего дизайна, хороша, но есть проблемы с исполнением.

Во-первых, почему у скругленных углов 3 радиуса? Выберите один для основного кадра, а другой для коробки с> внутри и с карточками.

Во-вторых, цвета нуждаются в некоторой корректировке, не имеет смысла иметь светлый оттенок сверху, а затем темный под ним.

В-третьих, я полагаю, вы пытались создать тень с несколькими темными квадратами с непрозрачностью? Это было бы хорошо для чего-то более абстрактного, но в большинстве случаев это не так.

Кроме того, дизайн выглядит так, будто вы взяли значок, векторизовали его в Illustrator и немного изменили материал (как было мое первое впечатление).

Вот почему мне нужно постороннее мнение, потому что я неуязвим, чтобы застрять в голове.

Учту ваши предложения и доработаю. Спасибо!

Обратите внимание, что падающая тень еще рано, поэтому финал не будет выглядеть таким беспорядочным. Это буквально нетронуто по сравнению с тем, что изначально должно было быть просто макетом.

Привет, @SavoySchuler , мне было интересно, в чем миссия WinUI в ваших словах? Я спрашиваю, потому что было бы хорошо пробудить эти мысли с помощью нового логотипа. Спасибо!

@iconredesign

Обратите внимание, что падающая тень еще рано, поэтому финал не будет выглядеть таким беспорядочным. Это буквально нетронуто по сравнению с тем, что изначально должно было быть просто макетом.

Разве нажатие одной кнопки для получения тени не проще, чем создание прямоугольника, выбор цвета, уменьшение непрозрачности и последующее его копирование? 😄

Решение всех вопросов:

1 - Объединены все радиусы и исправлена ​​верхняя часть значка, что было большой оплошностью. Карты были исправлены, чтобы использовать прямые углы интерфейса.

2 - Панель навигации теперь темнее и имеет тот же оттенок, что и первый пункт меню в списке.

3 - Наконец, нажал на вышеупомянутую «одну кнопку» после того, как поторопился с этой частью для первоначального макета, поэтому теперь тень должна выглядеть лучше.

Ищете что-то, чего может не хватать на значке, но я думаю, что пока все в порядке.

@iconredesign
Теперь с исправлениями немного лучше 🙂

IDK, может быть, только я, а может попробовать новое направление? Это слишком напоминает мне значок Word ...

Вы просили, я доставил! Другой вариант, так что> является частью интерфейса, а элементы поднимаются с листа, поэтому элемент вызова все еще в игре. Синий - это синий цвет WinUI.

@iconredesign
Улучшение, но теперь мы пошли слишком плоскими и слишком острыми углами. Плавный переход к (небольшим) градиентам, теням и закругленным углам.

Серые / белые поля представляют пункты меню или?

Изменить: также подумайте о небольших размерах (как упоминалось в первом сообщении), не уверен, насколько это будет дешифровано :)

Этот вариант рассчитан на небольшие размеры. При таком размере вы не можете эффективно использовать градиенты и закругленные углы из-за того, что все сжимается, и эти элементы исчезают.

Будьте уверены, что этот дизайн отлично виден на панели задач. Главный элемент - это раскрывающееся меню на панели навигации.

@iconredesign
Тогда сделайте "большую" версию: D

Также вы можете использовать градиенты даже на меньших размерах, это все равно будет заметно;)
Примеры: значки Visual Studio (код), Sublime Text, Adobe Suite, ...

Я определенно заинтересован в изучении нескольких направлений! Должен отметить, что мне очень нравится это сообщение от @iconredesign :

Есть несколько вещей, которые мне нравятся:

• Соответствие значкам Microsoft Office Suite является дополнением к набору значков. Визуально вы знаете, кто предлагает товар и вызывает доверие.
• Метафора приложения отличная. Полоса прокрутки и всплывающее окно вне корневого окна - это четкие вызовы нашего набора элементов управления, нового и старого.
• Текст> добавляет ясности концепции, что это инструменты для разработчиков.

Идеи для концепта:

• Основная проблема, по-видимому, заключается в слиянии с цветовой схемой Word. Что-то приятное в дизайнах @embender , которые, переходя в двухцветную цветовую схему, ее первый и третий дизайн могут успешно использовать цвет, не заходя слишком близко к территории значков Office. Может ли этот дизайн включать пару цветов, например зеленый / фиолетовый @embender или что-то еще?
• «Контент приложения» можно перенастроить, а также он меньше похож на Word - возможно, что-то, что показывает сетку или использует ProgressRing? Приложение «Xaml Controls Gallery» в Магазине Windows покажет всю нашу коллекцию элементов управления пользовательского интерфейса и их значков.

Предварительный просмотр значков элементов управления из приложения Xaml Controls Gallery:

Возможно, некоторые из представленных здесь изображений можно использовать для вдохновения? На все это можно щелкнуть, чтобы увидеть реальное визуальное поведение элементов управления пользовательского интерфейса.

@SavoySchuler было бы неплохо, если бы они тоже получили некоторую обработку Fluent, текущий стиль для меня выглядит как значки панели инструментов VS2015 / 17 😄

Завтра сделаю макет и выложу

Может быть, только часть </> текущего значка,

Или ретро старого, как насчет модернизации знакомой иконки, например

Прошу простить меня за неряшливые зарисовки.

Также, как и в случае с

Я голосую за то, чтобы он был твердым, минимальным и простым. Пожалуйста, никаких градиентов, я чувствую себя 97 ''.

@SavoySchuler Значок W прекрасен, но вместо этого кричит MS Office Word, mabe вместо W что-то еще, </> или что-нибудь странное и знакомое.

Эй, чуть не забыл упомянуть, текущий логотип мне тоже подходит!

Возможно, нам стоит держаться подальше от нового стиля иконок Office. Эти значки являются частью семейства продуктов Office 365, поэтому для меня не имеет смысла использовать их для всего, что связано с Microsoft.

Имейте в виду, создавать хорошо масштабируемые значки действительно очень сложно (как вы, ребята, только что узнали, надев их на футболку :)). Я бы порекомендовал обратиться к команде разработчиков Microsoft, чтобы узнать, есть ли кто-нибудь, кто может нам в этом помочь.

Я попробовал, вдохновленный очень простым логотипом .NET Core. Они на самом деле не кричат ​​о фреймворке пользовательского интерфейса, так что это может быть проблемой. С другой стороны, он мог бы вписаться в другие логотипы фреймворка, такие как семейство .NET.

Концепция 1

Концепция 2

Концепция 3

@ neils9001 FWIW, мне очень нравится концепция 1; хорошая идея на вдохновение есть. (Я предпочитаю текст WinUI в одной строке, а не концепцию 2). Concept 3 тоже довольно хорош; кажется масштабируемым, простым и изящным.

Я думаю, что если мы уже здесь, думаем о значках и брендинге для WinUI, возможно, мы могли бы также рассмотреть «вторую половину», системные API (пакет Microsoft.Windows.SDK.Contracts NuGet), давайте назовем его WinAPI.

Я мог представить себе дизайн значков в стиле Office с текстом «UI» или «API», а для пользовательского интерфейса все остальное было бы чем-то вроде одного из этих абстрактных беглых искусств (что-то вроде этих ), а «API» мог бы будь одним или несколькими винтиками ... беглыми винтиками.

Может быть, строгий логотип, маленькая метка может быть просто логотипом Windows и текстом «UI» или «API» рядом с ним. Плюс, конечно, артистическая часть с абстрактными плавными вещами и винтиками.

@MySelfMaruf лично мне бы хотелось, чтобы WinUI не был привязан к Windows. ТБХ Я бы хотел, чтобы имя не было Win. Чтобы быть мысленно открытым для будущего расширения пользовательского интерфейса .NET Core, который работает в любом .NET Core (или даже в среде .NET Standard).
См. Этот запрос функции.

На самом деле у меня были похожие мысли о концепции пользовательского интерфейса @petroemil

Вот очищенная и отредактированная первая моя попытка:

Я хочу составить черновик второй заявки, которая отделена от окон, согласившись с @weitzhandler, что было бы неплохо не связывать стиль этого и Windows или Microsoft напрямую.

@AmNotADev

@weitzhandler, что было бы неплохо не связывать стиль this и Microsoft напрямую

Я имел в виду Windows, а не Microsoft.

На самом деле у меня были похожие мысли о концепции пользовательского интерфейса @petroemil

Я хочу составить черновик второй заявки, которая отделена от окон, согласившись с @weitzhandler, что было бы неплохо не связывать стиль этого и Microsoft напрямую.

Согласовано. Может быть, было бы интересно подумать о чем-нибудь .Net Core UI или .Net UI. Однако я бы рекомендовал теперь связать эти значки с брендом Office. Только бренд Office на данный момент использует небольшой вырез. с дроппанелью.

Кроме того, если это приведет к полному ребрендингу и именованию - как мы могли бы лучше интегрировать Windows Community Toolkit?

WinUI
Инструментарий сообщества WinUI?

Мне плохо, но я все же согласен с этим @weitzhandler

Чтобы объяснить, почему я пошел по этому пути для своего первого черновика, это не просто фирменный стиль офиса, другие платформы Microsoft используют эти стили логотипов, включая Skype, OneDrive и Microsoft Teams (в Skype и OneDrive отсутствует вырез, но в Teams есть Это).

Я подумал, что это будет интересный эксперимент, прежде чем я попробую что-то еще, посмотреть, как будет выглядеть фирменный логотип в этом стиле. cc @ niels9001

@ niels9001 @weitzhandler WinUI не является эксклюзивным для .NET, это также фреймворк пользовательского интерфейса для нативных приложений, и я, возможно, даже вспомнил что-то о будущей поддержке Python? Не говоря уже о том, что это также базовая платформа для таких вещей, как Xamarin, Uno или предстоящие решения React Native.

Всегда интересно видеть, как сообщество работает над иконографией! ✨

Я придумал ранний черновик, который, как мне кажется, может неплохо масштабироваться в различных медиа / товарах. В центре находится округлый куб, каждая грань которого закрашена разными цветами - в настоящее время выбирается из палитры бренда Windows, это, очевидно, можно изменить.

Знаки больше / меньше окружают куб. Они не видны при меньших размерах, вместо этого они сосредоточены на кубе.

Логотип также может быть выделен в коммерческих целях. Придумал, как это может выглядеть на футболке.

По-прежнему незавершенная работа, отзывы очень приветствуются. 😊 Меня беспокоит, что это кажется слишком абстрактным, но я позволю сообществу судить об этом!

@itsmichaelwest налетает и, как всегда, отлично справляется со своей работой :)

Я делал наброски некоторых идей, и я начну пытаться воплотить их в более совершенные идеи.

Вот один, основанный на логотипе Visual Studio

Вот логотип, вдохновленный сайтом Fluent Design

Усовершенствованные значки в масштабе 16 и 32 пикселей

На самом деле у меня были похожие мысли о концепции пользовательского интерфейса @petroemil

Я хочу составить черновик второй заявки, которая отделена от окон, согласившись с @weitzhandler, что было бы неплохо не связывать стиль этого и Microsoft напрямую.

Согласовано. Может быть, было бы интересно подумать о чем-нибудь .Net Core UI или .Net UI. Однако я бы рекомендовал теперь связать эти значки с брендом Office. Только бренд Office на данный момент использует небольшой вырез. с дроппанелью.

Кроме того, если это приведет к полному ребрендингу и именованию - как мы могли бы лучше интегрировать Windows Community Toolkit?

WinUI
Инструментарий сообщества WinUI?

В долгосрочной перспективе, не следует ли в дизайне использовать именование пользовательского интерфейса Windows (win)?

На самом деле у меня были похожие мысли о концепции пользовательского интерфейса @petroemil

Я хочу составить черновик второй заявки, которая отделена от окон, согласившись с @weitzhandler, что было бы неплохо не связывать стиль этого и Microsoft напрямую.

Согласовано. Может быть, было бы интересно подумать о чем-нибудь .Net Core UI или .Net UI. Однако я бы рекомендовал теперь связать эти значки с брендом Office. Только бренд Office на данный момент использует небольшой вырез. с дроппанелью.

Кроме того, если это приведет к полному ребрендингу и именованию - как мы могли бы лучше интегрировать Windows Community Toolkit?

WinUI
Инструментарий сообщества WinUI?

Благодарю за отзыв @ niels9001. 🦙❤

Однако Windows Community Toolkit - это больше, чем просто пользовательский интерфейс (хотя наши элементы управления и работа с XAML - самая большая часть того, что используется). Я еще не уверен, насколько здесь имеет смысл кобрендинг, тем более что команда WinUI не управляет Toolkit, мы отдельные организации. Так что это будет более широкое обсуждение в другом месте.

Что касается ввода в дизайн, мне очень понравился существующий значок книги, так как это библиотека элементов управления ... 😛

Тем не менее, есть некоторые дизайны, которые заставляют меня думать, что я, возможно, могу передумать ... Согласен, мы должны держаться подальше от шаблона дизайна Office.

Привет, @SavoySchuler , мне было интересно, в чем миссия WinUI в ваших словах? Я спрашиваю, потому что было бы хорошо пробудить эти мысли с помощью нового логотипа. Спасибо!

Это потрясающий вопрос, @saraclay! У нас нет официальной миссии для WinUI, поскольку он постоянно развивается для удовлетворения потребностей нашего сообщества, но наша цель для WinUI 3 такова:

«WinUI 3 предоставит современную платформу представления Windows большему количеству разработчиков, быстрее и более открытым способом».

Я могу еще немного распаковать содержимое, если это поможет - я просто хочу быть уверенным, что не загроможу творческий дух техническими деталями. Просто дай мне знать! 😊

Вот мой взгляд на текущий логотип книги, стилизованный под значки Office Fabric. Я также взял на себя смелость создать концепции для "WinAPI", как упоминал ранее @petroemil .

WinUI Fabric

WinAPI Fabric [A]

WinAPI Fabric [B]

По теме нейминга

На самом деле у меня были похожие мысли о концепции пользовательского интерфейса @petroemil

Я хочу составить черновик второй заявки, которая отделена от окон, согласившись с @weitzhandler, что было бы неплохо не связывать стиль этого и Microsoft напрямую.

Согласовано. Может быть, было бы интересно подумать о чем-нибудь .Net Core UI или .Net UI. Однако я бы рекомендовал теперь связать эти значки с брендом Office. Только бренд Office на данный момент использует небольшой вырез. с дроппанелью.
Кроме того, если это приведет к полному ребрендингу и именованию - как мы могли бы лучше интегрировать Windows Community Toolkit?
WinUI
Инструментарий сообщества WinUI?

В долгосрочной перспективе, не следует ли в дизайне использовать именование пользовательского интерфейса Windows (win)?

Я вижу много отличных дискуссий по поводу наименования продуктов. Это отличные вопросы, которые стоит задать!

Как отметил @petroemil , WinUI не является эксклюзивным для .NET. Это современная инфраструктура пользовательского интерфейса для собственных приложений Windows, которую можно использовать в нескольких средах разработки, включая React Native, а также в качестве базовой платформы для таких вещей, как Xamarin и Uno.

Наша цель - предоставить вам самый быстрый, простой и открытый способ создания пользовательского интерфейса мирового класса. Думайте о «победе» в «WinUI» как о «🏆UI». Вы думаете, что я шучу, но мы постоянно этим занимаемся в нашей команде 🏆Dev (WinDev).

Если кто-нибудь сможет придумать способ перевести 🏆 в законный логотип, вы сделаете неделю

Я также хотел бы отметить, что значки Fabric (я вижу, что здесь они упоминаются как «значки Office») _не_ ограничены MS Office. Например, «Ваш телефон» и новый терминал Windows используют значки Fabric, несмотря на то, что они никак не связаны с Office.

Кажется, что стиль Fabric ориентирован на кроссплатформенные службы, включая Your Phone, Terminal (поскольку он содержит Ubuntu) и Azure (веб-сайт использует Fabric). Если WinUI также должен быть (приходить) кроссплатформенным, было бы идеально связать WinUI с другими кроссплатформенными службами.

@yoshiask Я с таким же вдохновением отправился на несколько постов выше твоих! Я тоже пытался сказать то же самое о Fabric, но вы добрались до дома лучше, чем я.

Мне нравится, как получилось ваше, но они кажутся немного компактнее, чем нынешние логотипы Fabric.

@AmNotADev Не могли бы вы

@yoshiask ширина "фоновой" части логотипа, похоже, не соответствует ни одной из пропорций других логотипов Fabric, она выглядит немного ... сжатой? Я бы сделал его немного шире, чтобы общий логотип выглядел более квадратным.

У меня была противоположная проблема, и я сделал свой слишком широким, чтобы соответствовать.

Ах, справедливо. Думаю, я соответствовал пропорциям текущего дизайна, когда работал над ним, и забыл изменить его обратно.

Например, вот моя правка к предыдущему представлению, сделанная мной, если я исправлю размер и расположение.

Ширина фиксирована («андеркарт», это неправильный оттенок синего, упс. Я не хочу спамить, поэтому пока оставлю это)

Переделайте дизайн @AmNotADev , используя мой шаблон Fabric.

@SavoySchuler

Это почти похоже на Word Art в PowerPoint

Масштабированные версии, такие как Office, стиль Windows 10 Fluent Icon (включая акриловый шум), сохраняющий метафору книги.

Плоские и монохромные версии того же дизайна, что и раньше, плюс макет футболки. Ткань на ткани!

Привет!

Вот мои ранние дизайнерские идеи.
Что вы думаете?

Всем привет!
Это моя идея для WinUI

По теме нейминга

На самом деле у меня были похожие мысли о концепции пользовательского интерфейса @petroemil

Я хочу составить черновик второй заявки, которая отделена от окон, согласившись с @weitzhandler, что было бы неплохо не связывать стиль этого и Microsoft напрямую.

Согласовано. Может быть, было бы интересно подумать о чем-нибудь .Net Core UI или .Net UI. Однако я бы рекомендовал теперь связать эти значки с брендом Office. Только бренд Office на данный момент использует небольшой вырез. с дроппанелью.
Кроме того, если это приведет к полному ребрендингу и именованию - как мы могли бы лучше интегрировать Windows Community Toolkit?
WinUI
Инструментарий сообщества WinUI?

В долгосрочной перспективе, не следует ли в дизайне использовать именование пользовательского интерфейса Windows (win)?

Я вижу много отличных дискуссий по поводу наименования продуктов. Это отличные вопросы, которые стоит задать!

Как отметил @petroemil , WinUI не является эксклюзивным для .NET. Это современная инфраструктура пользовательского интерфейса для собственных приложений Windows, которую можно использовать в нескольких средах разработки, включая React Native, а также в качестве базовой платформы для таких вещей, как Xamarin и Uno.

Наша цель - предоставить вам самый быстрый, простой и открытый способ создания пользовательского интерфейса мирового класса. Думайте о «победе» в «WinUI» как о «🏆UI». Вы думаете, что я шучу, но мы постоянно этим занимаемся в нашей команде 🏆Dev (WinDev).

Если кто-нибудь сможет придумать способ перевести 🏆 в законный логотип, вы сделаете неделю

Я хотел бы заранее извиниться за свои дизайнерские способности, пожалуйста, используйте свое воображение, когда вы посмотрите на следующий эскиз :

Что, если бы логотипом была монета, медаль (а не кубок / трофей)?

В случае WinUI это может быть серебряная монета с золотой палитрой внутри? Или внешняя кривая палитры может быть более совершенным кругом, а оставшаяся часть круга может быть заполнена серебряной фигурой.

А WinAPI может быть серебряной монетой с относительно тонким зубчатым колесом по краю с множеством зубцов - вопреки иллюстрации ниже.

Одной стороной медали может быть либо текст UI / API либо символ </> / { # } (хотя символов внутри символов может быть слишком много символизм), а на другой стороне может быть логотип Windows.

Это требует немного воображения, но я могу представить, что это действительно хорошо выглядит.

Еще несколько примеров из интернета:

• Такой дизайн зубчатой ​​монеты был у меня в голове: ссылка
• И поскольку я уже был там, ища примеры, я понял, что монета BitCoin тоже выглядит довольно круто: ссылка

Вот моя концепция

На основе пары скетчей @mdtauk

@SavoySchuler Изменить имя для Hybrid + UI = HybrUI
Пользовательский интерфейс для всех платформ. HybrUI на GitHub.

СПАСИБО ЗА УДИВИТЕЛЬНЫЕ ИДЕИ: Цвета и тема XML также открыты для вариаций!

Я думаю, что мы, возможно, немного подтолкнули опрос, имея уже существующий логотип, поскольку многие из этих дизайнов относятся к теме XML. Это нормально! Но XML также _ всего лишь один_ из языков программирования, которые вы можете использовать. То же и с цветовой гаммой - не нужно придерживаться синего и белого цветов!

Если вы можете придумать модные и модные идеи, которые разрушают эти темы и / или цвета, вам предлагается поделиться ими!

При этом переименование WinUI не является целью этих усилий, но если идея вашего логотипа зависит от переименования, пожалуйста, не стесняйтесь отправлять его в любом случае. Просто знайте, что логотипы с названием «WinUI», вероятно, привлекут больше внимания со стороны тех, кто будет делать окончательный выбор.

Вы все лучшие. Это невероятно! 🏆

@IUsername - Какой невероятный поворот времени и невероятный дизайн !! 🎺 Что ты думаешь, @MikeHillberg? Это находит отклик в вашем творческом духе? @mdtauk и @embender также использовали несколько экспериментальных цветовых схем выше.

Я видел использование изображений куба и скобок как XAML, а не как XML в более широком смысле. Но да, WinUI - это больше, чем XAML, поэтому может быть лучше выйти за рамки иконографии XAML.

Я пробовал сосредоточиться на аспекте книги / библиотеки и аспекте XAML (как и сейчас, XAML - единственная среда пользовательского интерфейса, которую использует WinUI, а WPF и GDI вводят XAML в свои фреймворки)

Вот мои бирюзовые идеи сегодня, увеличенные в 3 раза из 64 пикселей. ВЕСЕЛЬЕ!

Честно говоря, я не вижу ничего плохого в том, чтобы придерживаться сине-серой цветовой схемы. Синий и фиолетовый (особенно синий) кажутся наиболее тесно связанными с Windows, поэтому я не вижу проблем с сохранением синего цвета логотипа WinUI. (Если только "Windows" и "Win" не удалены из названия.)

Другое мнение: интерфейсы Fluent Design в значительной степени сосредоточены на одном цвете акцента, будь то цвет приложения или цвет акцента пользователя. Большинство цветов в приложении Fluent используют только нейтральные и вариации акцентного цвета. Цветовая палитра WinUI должна отражать это, придерживаясь только одного акцентного цвета, плюс такие нейтральные, как черный, белый и серый.

Вот идея, сведенная к минимуму.

Microsoft, похоже, идет в новом направлении со своими иконками. Обновленные значки Office и новые значки Fabric (как я видел, их кто-то здесь упоминал) имеют много общих элементов, которые помогают им стать частью единого языка дизайна. Я заметил, что многие из них обладают глубиной, яркими цветами, абстрактно представляют свои услуги и построены из того, что я называю блоками. Возьмите значок Excel. Блоки ярко окрашены в зеленый цвет (холодным, почти пиксельным градиентом), и они абстрактно представляют ячейки в электронной таблице. Это глубина с квадратом, содержащим букву «E», отбрасывающим тень на прямоугольник под ним. Я обязательно включил эти элементы в свой дизайн.

Я хотел отклониться от структуры значков Office, которые я изображал в приведенном выше примере. Поскольку WinUI не является службой Office, квадрат с текстом, плавающий над прямоугольной панелью, не был тем направлением, которое я выбрал для своих проектов. Вместо этого я решил использовать некоторые из элементов, упомянутых выше, что дает много места для творчества, в то же время классифицируя значок как продукт Microsoft.

Для цветов в моем дизайне я хотел использовать однотонный градиент (показанный на многих значках Office / Fabric). Поскольку я не являюсь экспертом в том, как получить сочетание цветов, которые хорошо сочетаются друг с другом, я просто использовал цвета из значка Outlook. Это сработало, потому что я хотел, чтобы дизайн был синим (как в оригинале). Я действительно просто хотел донести общую идею, и эти оттенки работали.

Во многих своих проектах я использовал блоки для абстрактного представления пользовательского интерфейса. Чтобы добиться этого в некоторых из моих проектов, я использовал неопределенную сетку, подходящую для любого макета, который может быть разработан с использованием компонентов WinUI. Это было похоже на один из лучших способов представить библиотеку компонентов и интерфейсов, которые могут быть созданы с ее помощью.

Во многих своих проектах я использовал глубину, показанную с помощью тени. Для некоторых из них необходимо улучшить эффект глубины, но, как я уже сказал ранее, они должны передать общую идею.

А вот некоторые из моих начальных набросков, если кому-то из вас интересно:

У меня есть четыре дизайна, каждый из которых имеет несколько итераций, которые показаны выше. Я расскажу немного подробнее о каждом изображенном.

1. Модернизированная версия оригинального логотипа. Мне очень нравится метафора книги и библиотеки в оригинале. Обложку можно истолковать как отображение абстрактного пользовательского интерфейса. Так что он содержит несколько метафор, что довольно круто. Текст выполнен в стиле, аналогичном новому значку Терминала. Закладка демонстрирует глубину, которая была важна для меня, потому что это главный атрибут иконок Fabric и Fluent Design.

2. Если понимать название WindowsUI буквально, то этот дизайн показывает пользователя над интерфейсом в стиле Windows.

3. Вертикальная навигация - важная часть пользовательского интерфейса Windows, представленная во многих приложениях и на сайтах. Этот дизайн представляет собой упрощенную версию в стиле, аналогичном логотипу Windows Terminal (как по форме, так и по тому, как они оба подчеркивают основной элемент интерфейса. Для значка терминала это вкладки, а не вертикальная навигация). Цвета, вероятно, следует немного перепутать, чтобы текст был более разборчивым. Я думал, что это очень хорошо соответствует языку дизайна Windows.

4. Я попытался продемонстрировать крайнюю абстракцию пользовательских интерфейсов (и составляющих их компонентов) с помощью различных итераций этого дизайна. Они довольно простые, но выглядят круто.

@NoahFeller - я реально

@stmoy Это тоже одно из моих любимых. Идея сетки заключалась в моем способе представления пользовательского интерфейса в очень упрощенной и абстрактной форме. Я также думал, что он представляет собой структуру WinUI. Я согласен с вашей точкой зрения. Возможно, более схожие цветовые оттенки помогут сделать его менее шумным. Я изо всех сил старался реализовать блоки, чтобы они соответствовали стилю других значков Fabric (ваш телефон, терминал, значки Office). У меня есть версия значка в нижнем левом углу моего первого изображения, на котором нет сетки. Я попробую несколько разных вариантов, потому что мне не нравится внешний вид этого. Цвета и расположение прямоугольников можно улучшить. Я также подумываю немного расширить закладку. Спасибо за ответ!

@itsmichaelwest , что символизирует куб в вашем дизайне? Для меня это больше похоже на 3D, AR, символ пробела, чем на UI Framework на основе разметки.

@itsmichaelwest , что символизирует куб в вашем дизайне? Для меня это больше похоже на 3D, AR, символ пробела, чем на UI Framework на основе разметки.

@danzil , я не уверен, но может это кубик от Fluent представляет материал?

@stmoy @NoahFeller Я был вдохновлен попыткой объединить некоторые из тех элементов, которые вы использовали для своих логотипов, вместе с книжной идеей оригинала и вашим примером №1.

@stevenbrix AFAIK команда Fluent Design перешла от кубических дизайнов к более простым контурам, демонстрирующим размерность.

Надеюсь, я не опоздал на вечеринку!

Вот вклад с моей стороны

Это мои мысли за этим

• WinUI в первую очередь предназначен для Windows, поэтому логотип является производным от логотипа Windows.
• Поскольку пользовательский интерфейс остается на переднем плане, взаимодействуя с пользователем, здесь синий компонент представляет пользовательский интерфейс, так как он находится перед другими (серыми) компонентами логотипа.
• Добавлены прозрачность и тень к синему компоненту для представления Fluent Design.
• Слегка закруглил углы, чтобы сделать его чуть более отполированным.

Что еще можно с этим сделать

• символ> можно добавить к синему компоненту, чтобы выделить WinUI

Надеюсь, тебе понравится.

Предложения приветствуются.

@ratishphilip Идея похожа на ту, которую я использовал для набросков, но я не мог заставить ее хорошо работать в небольших размерах, когда она конкретизировалась.

@mdtauk , ты прав. В действительно маленьких размерах не получится прозрачность, тени.

Вот еще одна концепция, аналогичная моей предыдущей статье, но вдохновленная приглашением Microsoft от 2 октября. :)

Если повернуть логотип против часовой стрелки на 45 градусов, вы увидите в логотипе элемент>.

@itsmichaelwest , что символизирует куб в вашем дизайне? Для меня это больше похоже на 3D, AR, символ пробела, чем на UI Framework на основе разметки.

@danzil Куб - это

Я подумал, что было бы хорошо, если бы логотип WinUI каким-то образом представлял то, что он предоставляет: набор элементов управления и стилей XAML.

Не очень доволен этим, но если кто-то вдохновится на что-то с этим, я бы с удовольствием это увидел!

Будет ли / нужно ли синхронизировать эти логотипы? И должны ли они все использовать имя WinUI, если оно должно быть всеобъемлющим для пользовательского интерфейса Windows и XAML?

@mdtauk Да, мы

Хронология обновления: анонсируем пятерку лучших на следующей неделе!

Уважаемое сообщество, ваши идеи невероятны! Каждый раз, когда я ожидаю, что вы поднимете планку, вы поднимите ее выше. Мы очень рады работать со всеми вами над таким проектом. 😊

Мы планируем в начале следующей недели телеграфировать о наших 5 лучших выборах, чтобы у каждого была возможность поставить на них последние спины, прежде чем мы сузим его до одного 9 сентября .

А пока мы продолжим присоединяться к вам для мозгового штурма и творчества!

Единое семейство значков - все они основаны на сетке 16 пикселей, поэтому при увеличении масштаба детали могут становиться более тонкими, как я продемонстрировал в предыдущих идеях логотипа, которые я опубликовал.

Вот еще один

Концепция, лежащая в основе этого

• WinUI состоит из кода + XAML. Код представлен фигурными скобками, а XAML - символом>.
• Он также представляет собой квадрат со скругленными углами, обозначающий окно со скругленными углами.

Другая версия этого акцента на XAML

Я быстро хотел продемонстрировать, как один из моих дизайнов можно адаптировать для значков WinUI, которые сопровождают основной логотип. Моей целью в дизайне 1 было модернизировать существующую иконку в стиле Fabric / Fluent. Я стремился к свежему и новому, но знакомому виду. Та же стратегия была использована для сопутствующих значков. Очевидно, я внес несколько изменений, но я сделал все возможное, чтобы оставить базовую структуру каждого из значков WinUI нетронутой при использовании подхода модернизации. Таким образом, если эти значки развернуты, пользователи по-прежнему будут понимать, что они представляют, и их общий вид связывает их вместе как часть единой службы. Совместное использование более общих элементов с другими новыми значками показывает, что они представляют продукт Microsoft. Поскольку некоторые части значков были сделаны толще (надписи и другие детали), они действительно неплохо масштабируются.

Вот импровизированная версия моей предыдущей работы.

Мой взгляд на логотип

Простая модернизация текущего логотипа, я чувствую, что некоторые из приведенных выше концепций, хотя и красиво выглядят, слишком сильно отклоняются от идеи значка WinUI. Хотя значок мог бы быть чем-то вроде коробки, ноутбук резюмирует его гораздо лучше.

Дизайн относительно прост и сделан с учетом масштабирования, с закругленными углами и тонкими градиентами. Здесь присутствуют некоторые элементы из других инструментов разработки (связанных с Microsoft), например < и > из значка терминала.

Деталь (64px + версия):

Логотип с надписью _WinUI_

Я взял предыдущую идею, изменил цвета и добавил примеры логотипов Toolkit и Gallery.

Вот еще один вариант моего предыдущего логотипа

Другая концепция

Импровизация предыдущего логотипа

Мне очень нравится этот ратишфилип!

Меня никогда не радовал тот факт, что символ > выглядит как «закрывающий тег». IE. меня беспокоит, что этот символ появляется в коде там, где что-то есть ...

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

Но ваша последняя иконка (и другие подобные ей) стилизованы так, чтобы отвлечь внимание от косой черты.

Интересно, не могли бы вы стилизовать его немного дальше ... возможно, вы могли бы поставить круглую точку в нижней части косой черты, чтобы она выглядела немного больше как восклицательный знак!

Восклицательные знаки актуальны и отображаются в комментариях XAML, как в ...

<!-- WinUI is awesome -->

Чтобы проиллюстрировать масштабирование из моих предыдущих идей логотипа, вот значки 16 пикселей и 128 пикселей - вы можете видеть изменения в пропорциях, увеличение детализации.

_Я также скорректировал высоту I части значков, чтобы они отбрасывали тень на U-часть _

Импровизация предыдущего логотипа

@ratishphilip Надеюсь, вы не против, но я решил попробовать улучшить вашу идею ...

_Редактировать: восстановлены чередующиеся символы скобок из оригинального дизайна_

@ratishphilip Надеюсь, вы не против, но я решил попробовать улучшить вашу идею ...

Без проблем :)

@ratishphilip Надеюсь, вы не против, но я решил попробовать улучшить вашу идею ...

Без проблем :)

@ratishphilip Спасибо. Как вы видите, что этот логотип расширяется для элементов управления XAML / WinUI Gallery и Windows Community / WinUI Toolkit?

@mdtauk Вот моя концепция галереи, библиотеки и инструментария WinUI

@mdtauk Вот моя концепция галереи, библиотеки и инструментария WinUI

@ratishphilip Спасибо, и вот мои

@mdtauk

Хотя это выглядит интересно, он выглядит слишком загруженным из-за слишком большого количества перекрывающихся элементов и теней. Только мои 0,02 доллара

@mdtauk

Хотя это выглядит интересно, он выглядит слишком загруженным из-за слишком большого количества перекрывающихся элементов и теней. Только мои 0,02 доллара

Лично я согласен, но я просто взял идею в том виде, в котором она была представлена, и добавил детали

Вот еще несколько концепций. Программа WinUI Toolbox довольно грубая ...

Эти концепции основаны на значке инструментов разработчика.

Вот еще один

Еще одна попытка

Вот еще один

Это похоже на плохой муар, тень слишком сильная, а полосы плохо отражают высоту.

Еще одна попытка

Они более аккуратные, но логотип библиотеки и логотипы галереи очень похожи, а панель инструментов не выглядит так, как будто она вписывается в квадратную сетку, поэтому бесполезна при размере 16 x 16 пикселей.

Хронология обновления: анонсируем пятерку лучших на следующей неделе!

Уважаемое сообщество, ваши идеи невероятны! Каждый раз, когда я ожидаю, что вы поднимете планку, вы поднимите ее выше. Мы очень рады работать со всеми вами над таким проектом. 😊

Мы планируем в начале следующей недели телеграфировать о наших 5 лучших выборах, чтобы у каждого была возможность поставить на них последние спины, прежде чем мы сузим его до одного 9 сентября .

А пока мы продолжим присоединяться к вам для мозгового штурма и творчества!

Есть идеи, в какой день вы планируете свести на нет некоторые из этих идей?

Еще один заимствован из логотипа Microsoft Word.

Хронология обновления: анонсируем пятерку лучших на следующей неделе!
Уважаемое сообщество, ваши идеи невероятны! Каждый раз, когда я ожидаю, что вы поднимете планку, вы поднимите ее выше. Мы очень рады работать со всеми вами над таким проектом. 😊
Мы планируем в начале следующей недели телеграфировать о наших 5 лучших выборах, чтобы у каждого была возможность поставить на них последние спины, прежде чем мы сузим его до одного 9 сентября.
А пока мы продолжим присоединяться к вам для мозгового штурма и творчества!

Есть идеи, в какой день вы планируете свести на нет некоторые из этих идей?

Хронология обновления: анонсируем пятерку лучших на следующей неделе!
Уважаемое сообщество, ваши идеи невероятны! Каждый раз, когда я ожидаю, что вы поднимете планку, вы поднимите ее выше. Мы очень рады работать со всеми вами над таким проектом. 😊
Мы планируем в начале следующей недели опубликовать 5 наших лучших выборов, чтобы у каждого была возможность поставить на них последние спины, прежде чем мы сузим круг до одного 9 сентября.
А пока мы продолжим присоединяться к вам для мозгового штурма и творчества!

Есть идеи, в какой день вы планируете свести на нет некоторые из этих идей?

@mdtauk Я встречаюсь с @ryandemopoulos сегодня днем ​​(3 сентября), и тогда у нас будет либо пятерка лучших, либо более конкретные временные рамки, с которыми я могу отчитаться. 😄

@SavoySchuler Привет, Савой, спасибо за обновление! Приятно видеть, как сообщество так активно занимается этим :)!

Мне действительно нравится множество концепций, особенно те, в которых Галерея, Библиотека и Инструментарий имеют похожий внешний вид. Мы даже расширили это, чтобы согласовать пользовательские интерфейсы приложений Community Toolkit и Gallery, чтобы иметь единое сообщение для новых разработчиков UWP.

Мне было интересно, есть ли у вас кто-нибудь из команды дизайнеров, просматривающий представленные материалы? Затенение цвета (для доступности) и масштабируемость - вещи, которые действительно важны, и дизайнеры, как правило, имеют больше опыта в этих вещах, чем мы, разработчики :)!

Вот несколько идей Wordmark и соглашения об именах. WinUI _________, поэтому кажется, что все принадлежит большой семье.

Любые _flavours_ WinUI должны иметь одинаково простое соглашение об именах, поэтому WinUI _for_ _____

@SavoySchuler Привет, Савой, спасибо за обновление! Приятно видеть, как сообщество так активно занимается этим :)!

Мне действительно нравится множество концепций, особенно те, в которых Галерея, Библиотека и Инструментарий имеют похожий внешний вид. Мы даже расширили это, чтобы согласовать пользовательские интерфейсы приложений Community Toolkit и Gallery, чтобы иметь единое сообщение для новых разработчиков UWP.

Мне было интересно, есть ли у вас кто-нибудь из команды дизайнеров, просматривающий представленные материалы? Затенение цвета (для доступности) и масштабируемость - вещи, которые действительно важны, и дизайнеры, как правило, имеют больше опыта в этих вещах, чем мы, разработчики :)!

Отличный вопрос, @ niels9001! В нашей команде есть эксперты по дизайну и доступности, а также необходимая глобальная проверка соответствия - все это гарантирует доступный и подходящий логотип для всех. 😊 Я жду, пока мы не выберем наших лучших кандидатов, прежде чем применять этот процесс, поскольку в противном случае это могло бы вызвать ненужные подслушивания для 121 потрясающей и уникальной заявки, которую мы видели до сих пор!

Я не думаю, что кто-то из нас ожидал, что единый дизайн будет взят как есть, конечно, все они служат своего рода доской настроения, которую специалисты по дизайну Microsoft возьмут, слепят и создадут окончательный дизайн / фреймворк, на котором будут логотипы в будущем. и значки могут быть основаны на.

Тот факт, что те из нас, кто внесли свой вклад, будут влиять друг на друга, мы надеемся, будет означать окончательный дизайн, продемонстрирует узнаваемые фрагменты из многих идей 🙂

Я не думаю, что кто-то из нас ожидал, что единый дизайн будет взят как есть, конечно, все они служат своего рода доской настроения, которую специалисты по дизайну Microsoft возьмут, слепят и создадут окончательный дизайн / фреймворк, на котором будут логотипы в будущем. и значки могут быть основаны на.

Отличный призыв, @mdtauk! Это правильно - мы можем изменить окончательный выбор на основе отзывов из вышеперечисленных ресурсов, но я также был бы рад продемонстрировать оригинальную работу члена сообщества, поэтому нам нужно будет посмотреть, что ждет нас в будущем для нашего окончательного выбора .

Тот факт, что те из нас, кто внесли свой вклад, будут влиять друг на друга, мы надеемся, будет означать окончательный дизайн, продемонстрирует узнаваемые фрагменты из многих идей 🙂

Что касается этого, я, безусловно, буду поощрять вариации и альтернативные варианты пятерки лучших после того, как мы их разместим! 🙂

@SavoySchuler Будете ли вы включать отзывы о 5

@SavoySchuler Будете ли вы включать отзывы о 5

@mdtauk Еще один отличный вопрос! В течение последних нескольких недель я внутренне опрашивал 86 человек по нашей (сейчас) 121 заявке. Из-за большого объема я не смогу дать исчерпывающий отзыв, но я могу обобщить некоторые личные заметки по последним 5 и призвать особо заинтересованные стороны сделать то же самое. Я не решался предоставлять обратную связь во время этого открытого раунда, поскольку я осторожен, чтобы создать какие-либо ограничения, которые препятствуют творчеству этой темы, но я также понимаю, что, желая оценить ваше направление, я синтезировал некоторые общие отзывы ниже:

• Угловые кронштейны + конструкции в виде куба / шестиугольника являются почти универсальными. Стилистически эти дизайны просты, уникальны, узнаваемы по всему спектру логотипов и хорошо масштабированы для нескольких размеров. По общему мнению, я заметил, что угловые скобки (хотя и спорны для некоторых) говорят о нашей истории и указывают на продукт, основанный на программном обеспечении, в то время как куб / шестиугольник отдает дань уважения экосистеме Fluent Design System и абстрактно передает вещи в духе цвет, глубина, освещение, материал и т. д.
• Классическая библиотечная книга, абстрактное «окно приложения» в стиле Office и круговой дизайн .NET относительно связаны между собой в качестве предварительных победителей. Я считаю, что это связано с сходством, прецедентом и знакомостью с логотипами других продуктов экосистемы разработчиков Windows. Они также имеют тенденцию быть простыми, четкими и ясными.
• В противоположность первому пункту, логотипы, которые стилистически сложны с несколькими полосатыми оттенками и компонентами, вызывают беспокойство в отношении масштабирования для небольших размеров, не выглядя загруженными.

И обратная связь по любому, что не оправдывает ожиданий.

Что касается этого - не стесняйтесь писать мне в DM о любых материалах, которые вас особенно интересуют, и я могу посмотреть, что я могу вам предложить. 🙂

Я с нетерпением жду 5, которые пользуются популярностью у @SavoySchuler , и, надеюсь, некоторых комментариев по этим 5, которые

Да, @SavoySchuler , с нетерпением

Любые отзывы всегда приветствуются. Как уже упоминал @mdtauk , эти комментарии, несомненно, помогут нам двигаться в правильном направлении. Надеюсь, совместные усилия всех нас приведут к получению лучшего логотипа для WinUI.

Я хотел добавить, что видел, как некоторые дизайны на веб-сайте Fluent Design были адаптированы / настроены для работы в качестве логотипа WinUI (например, верхнее изображение). Та же история с некоторыми иконками Fluent (я подумал, что свет или материал могут быть хорошей отправной точкой). Я подумал, что некоторым из вас могут показаться интересными нижние изображения . Они демонстрируют глубину и аспекты нового стиля дизайна значков Microsoft. Они могут вдохновить финалистов на размышления о своих проектах в трехмерном пространстве.

_Слои и глубина логотипа_

_Сетка логотипа_

_ Глубина и косая черта из сборки 2019_

_Текущее и обновленное Fluent Imagary_

_Может быть ранние версии значков Office_

Я знаю, что это немного поздно, но крайний правый значок на предпоследнем изображении (тот, что с черным фоном и белыми значками) также очень хорошо подойдет для значка WinUI. Это просто, чисто и работает с цветами (я мог видеть разные оттенки синего) или как есть с дизайном контура.

Я знаю, что это немного поздно, но крайний правый значок на предпоследнем изображении (тот, что с черным фоном и белыми значками) также очень хорошо подойдет для значка WinUI. Это просто, чисто и работает с цветами (я мог видеть разные оттенки синего) или как есть с дизайном контура.

Я рано решил заняться чем-то подобным.

MERCH мокапы для удовольствия! (Одного из моих дизайнов)

Кроме того, эта толстовка выглядит очень удобной, и теперь я как бы хочу ее. Я собираюсь воздержаться от покупок свитшотов сейчас, лол.

Сказочное сообщество, мы подошли к результатам первого тура!

Внутри и снаружи опрос был достаточно ясным, чтобы мы пришли к лидирующему числу 1! Но прежде чем я что-нибудь скажу ...

Спасибо!

От имени всей команды WinUI благодарим вас! всем, кто сотрудничал и вносил свой вклад здесь и в наших социальных сетях. По цифрам у нас было ...

• 121 правка
• 30 авторов выпуска
• Опрошено 86 членов команды

Этого мы никогда не ожидали! Вы УДИВИТЕЛЬНЫЙ!

Предварительный новый логотип WinUI, представленный @itsmichaelwest!

Этот элегантный дизайн остается самым популярным в теме И почти единогласно был выбран всеми опрошенными членами команды. В этом логотипе слишком много всего, что можно полюбить, чтобы подробно описывать его здесь. Стиль, элегантность, масштабируемость, тематичность - все это потрясающе. Спасибо @itsmichaelwest за создание этого динамитного логотипа.

Невероятные призеры!

Чтобы вдохновить вас на риффы в дизайне @itsmichaelwest , вот наши другие фавориты ...

1. автор: @mdtauk

1. также @mdtauk

1. автор: @ niels9001

1. автор: @NoahFeller

1. автор: @ratishphilip

И почетное упоминание @IUsername за эти красочные и оригинальные материалы:

Еще раз поздравляю и всех благодарим!

Куда мы отправимся отсюда?

Нам бы очень хотелось увидеть риффы и вариации этого дизайна! Из-за Microsoft Ignite наш крайний срок перенесен на 8:00 по тихоокеанскому стандартному времени в пятницу, 6 сентября, поэтому мы будем принимать варианты отправки до полуночи по тихоокеанскому стандартному времени четверга, 5 сентября.

Для вдохновения это варианты логотипа @itsmichaelwest , которые мы хотели бы изучить как сообщество до тех пор:

1. Кронштейны?

Мы исследовали идею расширения WinUI за пределы языка разметки и, возможно, сделаем это в будущем, что будет означать выход за рамки этого синтаксиса «<>». Как вы думаете, может ли куб быть достаточно сильным, чтобы стоять самостоятельно? Если да, есть ли у кого-нибудь идеи, которые могли бы помочь в этом?

2. Текст внутри?

Для Microsoft Ignite мы будем делать шестиугольные наклейки. Этот дизайн идеально вписывается в эту форму, но нам нужно будет переместить текст «WinUI» в куб. Есть ли у кого-нибудь идеи, как сделать так, чтобы этот вариант выглядел великолепно?

3. Цвета?

Есть ли у кого-нибудь альтернативные цветовые предложения? Мы довольны синей темой, но и не особо женаты на ней. Мы открыты для изучения альтернативных предложений!

4. Автономный или + текст?

Нужен ли нам текст «WinUI» _ как часть_ логотипа или конструкция куба достаточно прочна, чтобы стоять сама по себе? С помощью <>? Без?

Если Куб будет выступать в качестве всеобъемлющего символа, ему нужно будет визуально обработать его, чтобы сделать его уникальным.

При 16 x 16 не так много места для чего-либо, кроме куба, поэтому такие вещи, как Toolkit и Gallery, должны быть умными, чтобы включить куб и многое другое в меньших размерах.

Становится ли этот логотип WinUI новым логотипом XAML? Поскольку XAML использует куб в скобках, почему это больше, чем просто XAML?

Вот цвета корпоративного бренда Microsoft

Утвержденные сочетания цветов

Универсальные цвета Windows

Поздравляю @itsmichaelwest!

Вот еще одна концепция, основанная на кубе и угловых скобках ...

Грубый концепт на основе @ratishphilip

Мы должны убедиться, что не запутались с логотипом Unity ...

@mdtauk Я об этом не подумал!
Честно говоря, я думаю, что угол куба достаточно разный, но в любом случае кажется, что мы уже выбрали 5 лучших идей.

У меня было еще несколько идей.

Вау, я так рад, что команде понравился мой логотип!

Обновления логотипа

Я искал альтернативные варианты куба, которые черпали вдохновение из других дизайнов в этой теме. Мне особенно понравилось использование @mdtauk цветов с веб-сайта Fluent , поэтому я разработал версию куба, в которой используются эти градиенты (_ это не окончательный вариант! _). Я также отказался от скобок, возможно, этот "свободный куб" может стоять сам по себе:

Наклейки

Вот пара идей наклеек. Первый сжимает куб и добавляет текст WinUI, а также ссылку на репозиторий. Второй добавляет на куб наложение с текстом WinUI. Не уверен, что работает лучше всего и нужна ли ссылка на репо.

Вторая наклейка также может работать как логотип социальной сети.

Будем продолжать развивать это. Спасибо всем, кто вдохновляет эту ветку! 😃

Версия этого логотипа в инструментарии

Несколько разных ракурсов концепции, основанной на одной из иконок @ratishphilip . Я включил версии с тенями и без них.

Круто .. Мне нравится это направление.

Просто для понимания ... что, по нашему мнению, представляет собой куб? Было бы неплохо иметь здесь небольшое объяснение.

Мне нравится ссылка на Fluent Design

Изначально я не отдавал предпочтение кубу, потому что сложно использовать этот символ в качестве логотипа или бренда. С помощью скобок он внутренне связывает его с XAML, и кто знает, какие еще парадигмы пользовательского интерфейса могут появиться в будущем.

Итак ... Я рассматривал куб как ядро, то есть куб внутри куба, как часть ядра.

В исходном логотипе XAML я считаю, что куб - это объект, как в объектно-ориентированном кодировании, или элемент XML / XAML.

Становится ли этот логотип WinUI новым логотипом XAML? Поскольку XAML использует куб в скобках, почему это больше, чем просто XAML?

@mdtauk Если я неправильно понял вопрос, дайте мне знать, но в настоящее время нет намерения заменять или обновлять классический логотип Xaml - это только для WinUI. Я также не уверен, что классический логотип Xaml активно используется в каких-либо целях, помимо устаревших статей документации. Если вы видели иначе, дайте мне знать!

@mdtauk Сообщение о цветах вашего бренда - отличный ресурс в этой теме. Спасибо, что были тяжеловесом в этой теме!

Вот еще одна концепция, основанная на кубе и угловых скобках ...

@ratishphilip - @ryandemopoulos , @stmoy и мне очень нравится, насколько самодостаточен этот дизайн. @mdtauk , тоже интересный переключатель цветов. Сейчас я исследую некоторые альтернативные цветовые комбинации этого. Если я смогу придумать что-нибудь достойное, я опубликую это.

Версия галереи добавлена ​​вместе с другими

Вот несколько логотипов из других фреймворков - так что мы можем постараться избежать создания подобных дизайнов.

Англар JS

Xamarin

Машинопись

Узел JS

Реагировать

Флаттер

Ионный

HTML / CSS / JS

Материальный дизайн

Swift UI

Обновление полуфинала

Мы только что снова завершили встречу, чтобы рассмотреть все, что произошло с момента последней встречи. Первое, что мы обсудили: Вау, вы все потрясающие! И быстро!

Во-вторых, нам понравились три дизайна (в дополнение к

1. > Я искал альтернативные варианты куба, которые черпали вдохновение из других дизайнов в этой теме. Мне особенно понравилось использование @mdtauk цветов с веб-сайта Fluent , поэтому я разработал версию куба, в которой используются эти градиенты (_ это не окончательный вариант! _). Я также отказался от скобок, возможно, этот "свободный куб" может стоять сам по себе:
   >

Нам очень нравится то, что вы здесь сделали! Есть ли шанс, что у вас есть высококачественная версия, которую вы могли бы использовать, чтобы показать нам, как это выглядит со скобками сбоку? Мы представляем себе что-то вроде этого:

1. @mdtauk и @ratishphilip , нам нравится жирный оранжевый цвет - оба, которые вы опубликовали! Мы хотели бы увидеть еще несколько вариантов расцветки, которые вы считаете потрясающими. Ниже я создал несколько альтернативных цветовых схем. В верхней части использованы цвета бренда Microsoft @mdtauk, опубликованные выше. Тот, что ниже, не соответствует какой-либо конкретной торговой марке, я только изучал. Есть ли у кого-нибудь комбинации цветов, которые вы считаете «популярными»? Я тоже не против градиентов - моих навыков пока нет!

1. @mdtauk , нам очень нравится то, что вы разместили! Есть ли шанс, что вы могли бы поделиться версиями этого, что а.) Не имеют текста и б.) Имеют черный фон (с текстом и без)?

@SavoySchuler Мне очень нравится то, что вы разместили.

1. @mdtauk , нам очень нравится то, что вы разместили! Есть ли шанс, что вы могли бы поделиться версиями этого, что а.) Не имеют текста и б.) Имеют черный фон (с текстом и без)?

🚨 Входящие большие изображения 🚨

Размеры включают 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, показанным здесь (в форме куба):

Это также дань уважения оригинальному логотипу Xaml:

Но другие, такие как я и @ pag3 , описывали его как «строительный блок», а платформу WinUI и ее предложения именно как строительные блоки для UI.

@SavoySchuler

Синий> Розовый

Бирюзовый> Синий

Вы можете сделать что-то вроде этого, Аналогичную схему для куба

Я тоже люблю это! Отличный выбор, @mdtauk!

Вот дизайн, который я сделал некоторое время назад для другого проекта, но в итоге он мне не понадобился. Решил выложить сюда! Здесь он работает очень хорошо, потому что демонстрирует многие принципы системы Fluent Design:
Свет - свечение внутри куба.
Глубина - это трехмерный куб с видимой глубиной.
Материал - Классный акриловый вид.
Масштаб - Маленькие кубики внутри большого куба контрастного размера.

Я также считаю, что это выглядит довольно круто и в чем-то уникально. Это позволяет избежать проблемы с некоторыми дизайнами здесь как с универсальными. Существует много логотипов шестиугольника / куба, поэтому может быть сложно отличаться (я думаю, что этот дизайн не является универсальным). Также световой бит посередине можно использовать для других дополнительных дизайнов и узоров. Вот пример:

Открыт для обратной связи!

@NoahFeller Выглядит потрясающе! У вас есть более темная версия для более светлого фона?

Спасибо @yaichenbaum. (Вы прокомментировали прямо перед тем, как я собирался опубликовать это объяснение, лол)

.
.
.
.

Я почти уверен, что видел эту сеточную структуру где-то, связанную с Fluent Design. На белом фоне дизайну либо нужна тень прямо за ним, либо цвет куба черный. Я обязательно поэкспериментирую!

Я почти уверен, что видел эту сеточную структуру где-то, связанную с Fluent Design. На белом фоне дизайну либо нужна тень прямо за ним, либо цвет куба черный. Я обязательно поэкспериментирую!

@ratishphilip - @ryandemopoulos , @stmoy и мне очень нравится, насколько самодостаточен этот дизайн.

Спасибо за ответ.

Вот более изысканный логотип.

Вот еще один вариант предыдущего логотипа. Моя цель здесь - изобразить, что часть куба была отрезана, чтобы показать ядро ​​куба (точно так же, как это показано на диаграммах земли).

Вот еще один вариант предыдущего логотипа. Моя цель здесь - изобразить, что часть куба была отрезана, чтобы показать ядро ​​куба (точно так же, как это показано на диаграммах земли).

Первое, что я вижу, это символ игры.

Вот еще один, основанный на кубе 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 > вот так! Приносим извинения за ожидание, эта тема, кажется, продвигается довольно быстро!

Извини ... 😛

Вот некоторые, но с использованием цветовой обработки Майкла Уэста ...

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 :)

Вы представляете, как будет выглядеть монохромная версия, или у вас есть другое представление о том, на что может напоминать монохромная версия?

Я хотел бы полностью перерисовать его, если он находится на рассмотрении, но вот быстрое редактирование с моей точки зрения. Они только в масштабе 16 пикселей, поэтому потребуется полностью его перерисовать.

Быстрый (не совсем законченный) монохромный макет моего дизайна. Довольно бегло 😄.

Совершенно новое направление, которое действительно свободно и может легко использовать разные цвета для размещения на swag, стикерах и т. Д. Этот дизайн указывает на строительные блоки, а также на скрытый в середине. Я могу показать другие цвета для более светлого фона, если людям интересно.

И еще 3д вариант, с контуром и без него.

@yaichenbaum Я хотел посмотреть, как может выглядеть монохромная версия куба, который вы разместили, но я не художник, поэтому я буквально смоделировал это грубо в Paint :)

Вы представляете, как будет выглядеть монохромная версия, или у вас есть другое представление о том, на что может напоминать монохромная версия?

@SavoySchuler Это нормально?

Одноцветный

4096

1024

256

128

64

32

16

ОКОНЧАТЕЛЬНЫЙ СПРОС

@itsmichaelwest и @mdtauk наши последние два выбора сводятся к одному предложению от каждого из вас. Мы только что завершили почти два часа обсуждения с несколькими членами команды, и это было нелегко! У нас есть последняя просьба к каждому из вас, прежде чем мы решим ...

@itsmichaelwest

Что касается вашего логотипа, есть некоторая озабоченность по поводу того, как 2d скобки и 3d кубы держатся вместе. Можете ли вы подумать о каких-либо изменениях, которые помогли бы этим компонентам представить себя более связно? Мы не уверены, что именно нужно - интервалы, цвета и т. Д. ... просто это кажется немного несвязным.

@mdtauk

Что касается вашего логотипа, несколько опрошенных ответили, что они были сбиты с толку, думая, что скобки внутри куба должны были быть такими буквами, как «I» и «J». Другими словами, было опасение, что они потеряли ощущение скобок. Казалось, что в самом последнем обновлении ситуация улучшилась, когда вы немного их поредели, но мы не уверены, можно ли что-нибудь сделать, чтобы они больше походили на скобки?

Мы также хотели бы видеть как полые, так и закрашенные скобки на монохромных дублях, если это необходимо:

Оба

Мы будем рады видеть любые окончательные материалы:

• Цветные и монохромные версии как на черном, так и на белом фоне
• В размерах 16x16px, 64x64px и в высоком разрешении.

Спасибо

Мы знаем, что просили о многом. Когда мы начали весь этот процесс, мы не знали, что у нас будет так много отличных вариантов для обсуждения и что качество представленных материалов будет таким невероятным.

Вы все подняли планку так высоко, что я обнаружил, что теперь мы придираемся к каждому маленькому пикселю и кривой. Причина, по которой мы так разборчивы, в том, что вы все дали нам золото.

Если какие-либо из этих последних запросов слишком велики, мы понимаем. Независимо от дальнейших усилий, мы отправим вам обоим и еще нескольким другим заслуженное «спасибо»! хабар, который несет в себе вклад, который вы сделали здесь.

Поздравляем @mdtauk и @itsmichaelwest.
Возможно, проблема, которую вы упомянули, когда люди видят в ней буквы I и J, связана с тем фактом, что использование двух цветов для левой скобки делает ее похожей на отражение наверху. Возможно, использование одного цвета для всей скобки решит эту проблему «отражения», и тогда другая скобка больше не будет восприниматься как J.

@SavoySchuler

@itsmichaelwest
Что касается вашего логотипа, есть некоторая озабоченность по поводу того, как 2d скобки и 3d кубы держатся вместе. Можете ли вы подумать о каких-либо изменениях, которые помогли бы этим компонентам представить себя более связно? Мы не уверены, что именно нужно - интервалы, цвета и т. Д. ... просто это кажется немного несвязным.

У меня есть предложение по этому поводу, но решение будет предложено Майклом.

Затенение на скобках совпадает с затенением на кубе.

Поздравляю, ребята! Немного отзывов / идей: я считаю, что в дизайне @itsmichaelwest скобки должны быть только частично закругленными, а не в форме таблетки, которая больше похожа на Google. (Как то, что вы только что разместили на @mdtauk). Также мне кажется, что способ обертывания скобок в дизайне @mdtauk можно улучшить, потому что мне это не кажется правильным. Также вы можете сделать свечение более сферическим по форме, потому что темно-пурпурный оттенок, кажется, простирается немного далеко вниз. Хороший дизайн, только несколько возможных усовершенствований, о которых я подумал.

@yaichenbaum Скобка, которая выглядела как J, была самой правой (на логотипе @mdtauk ); некоторые члены команды посчитали, что это слишком по-японски. Лично я подумал, что с последней опубликованной версией стало немного лучше, поскольку они были немного прорежены. Я знаю, что есть желание сделать их достаточно толстыми, чтобы можно было видеть скобки на маленьких версиях.

Во всяком случае, я не дизайнер и даже не играю в них по телевизору. Может быть множество других способов сделать их более квадратными; Я оставлю это до @mdtauk.

Хотя эти дизайны ооочень хороши. Здесь мы говорим о мелочах.

У меня есть возможность проредить линии по мере увеличения логотипа. Я также могу сделать изгибы более заостренными на кубе и кронштейне.

Мешают ли три оттенка цвета Брекет внешнему виду?

@mdtauk а что, если вы изменили скобки на градиент? Таким образом, у него по-прежнему будет больше одного цвета, но они будут сливаться друг с другом, лучше придавая ему более единую форму.

... Также мне кажется, что способ обертывания скобок в дизайне @mdtauk можно улучшить, потому что мне это кажется неправильным. Также вы можете сделать свечение более сферическим по форме, потому что темно-пурпурный оттенок, кажется, простирается немного далеко вниз. Хороший дизайн, только несколько возможных усовершенствований, о которых я подумал.

Я использовал ромбовидный градиент, а не круглый, чтобы намекнуть на идею наличия цветного куба внутри матового «акрилового» куба.

@mdtauk а что, если вы изменили скобки на градиент? Таким образом, у него по-прежнему будет больше одного цвета, но они будут сливаться друг с другом, лучше придавая ему более единую форму.

Проблема в том, чтобы сохранить идею о том, что скобки находятся на поверхности куба, но я постараюсь немного отрегулировать это, выпрямить и немного их проредить.

... Также мне кажется, что способ обертывания скобок в дизайне @mdtauk можно улучшить, потому что мне это кажется неправильным. Также вы можете сделать свечение более сферическим по форме, потому что темно-пурпурный оттенок, кажется, простирается немного далеко вниз. Хороший дизайн, только несколько возможных усовершенствований, о которых я подумал.

Я использовал ромбовидный градиент, а не круглый, чтобы намекнуть на идею наличия цветного куба внутри матового «акрилового» куба.

Я вижу, это слишком неопределенно, чтобы действительно говорить ИМО, поэтому, возможно, вы можете немного его изменить. Вам не обязательно, просто интересно, можно ли это улучшить.

@mdtauk Мне понравились разные расцветки / оттенки на скобках. Если есть способ сделать их более квадратными, не теряя при этом разные цвета, я бы хотел это увидеть. Но я полагаю, что стоит поиграть с разными оттенками и меньшим количеством цветов, чтобы увидеть, помогает ли это тоже.

@mdtauk а что, если вы изменили скобки на градиент? Таким образом, у него по-прежнему будет больше одного цвета, но они будут сливаться друг с другом, лучше придавая ему более единую форму.

Также может показаться круто, если куб будет иметь более сильное свечение каждого цвета до такой степени, что куб в значительной степени имеет эти три цвета, а скобки могут контрастировать между кубом, будь то белый или черный. Просто выбросить туда идеи.

@mdtauk Мне понравились разные расцветки / оттенки на скобках. Если есть способ сделать их более квадратными, не теряя при этом разные цвета, я бы хотел это увидеть. Но я полагаю, что стоит поиграть с разными оттенками и меньшим количеством цветов, чтобы увидеть, помогает ли это тоже.

Мне они тоже понравились, просто наличие двух разных оттенков разделяет их, а также делает нижнюю половину левой скобки такой же по высоте, что и правая, придавая ей вид блока «abc» с буквами I и J.

Это могло бы помочь немного улучшить его, но, на мой взгляд, портит то хорошее, что было раньше.

Я думаю, что часть проблемы с скобками заключается в том, что у вас есть трехмерная фигура с большим количеством цветов и освещения позади них, и они просто сплошного цвета, поэтому они также не сцепляются. Выглядит немного забавно с обоими дизайнами, но становится более заметным, когда скобки находятся на кубе.

@mdtauk Мне понравились разные расцветки / оттенки на скобках. Если есть способ сделать их более квадратными, не теряя при этом разные цвета, я бы хотел это увидеть. Но я полагаю, что стоит поиграть с разными оттенками и меньшим количеством цветов, чтобы увидеть, помогает ли это тоже.

4096

Один цвет

@ryandemopoulos Это движется в правильном направлении?

Поздравления @mdtauk и @itsmichaelwest.
Отличный дизайн!

Я думаю, что часть проблемы с скобками заключается в том, что у вас есть трехмерная фигура с большим количеством цветов и освещения позади них, и они просто сплошного цвета, поэтому они также не сцепляются. Выглядит немного забавно с обоими дизайнами, но становится более заметным, когда скобки находятся на кубе.

Не уверен, что это работает как обратное

@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 Левая скобка по вертикали меньше или это затенение вызывает

Оба кронштейна одного размера ...

Вот еще с 3д кронштейном

Вот схема

Вот еще с 3д кронштейном

Это определенно решает ту странную перспективу, которую я видел ранее. Отлично сделано!

Вот еще с 3д кронштейном

Это определенно решает ту странную перспективу, которую я видел ранее. Отлично сделано!

Куб не вращается чисто, сверху и снизу видны диагональные линии.

Вот еще с 3д кронштейном

Это также решает проблему с тем, что он выглядит так, как будто у него есть I и J.

Куб не вращается чисто, сверху и снизу видны диагональные линии.

: D да, небольшое вращение ... спасибо, что обратил на это мое внимание @mdtauk ... можно легко исправить.

Я также подумываю удалить округлость из самого внутреннего угла (который касается края куба) и сделать его острым.

Вот обновленный логотип

Логотип Hi Res

Этот (или его темный аналог) прекрасен. Мне нравится градиент, потому что он смешивает элемент Fluent.

Может быть, вышеупомянутое тоже следует разделить на 2 2 2 куба, включая это , какая отличная идея! Может быть, изменил бы цвета, чтобы они немного выделялись.

Однако это дает мне коннотацию Apache Cordova :

Особенно эти глянцевые черные скобки.

Особенно эти глянцевые черные скобки.

@weitzhandler Как насчет этого?

@SavoySchuler разместил два предварительных логотипа в твиттере, и главный комментарий, который я взял из ответов, заключается в том, что он не очень похож на Windows. Вот тот же логотип, но в цвете Microsoft Blue. Интересно, помогает ли это?

Я думаю, что левая и правая скобки должны выглядеть идентично друг другу по размеру, поскольку они также имеют одинаковый размер в синтаксисе XAML ( < > ) . Следовательно, их визуальная визуализация, отличающаяся по размеру, мне кажется странной (т.е. левая скобка выглядит больше правой). Я предпочитаю, как @ratishphilip сейчас отображает эти скобки.

@ Феликс-Дев
Скобки @ratishphilip накладываются на куб, фактически не

Несмотря на то, что не каждый логотип должен быть синим, это имеет смысл. Когда я думаю о Win UI, я думаю о пользовательском интерфейсе Windows. Еще я ассоциирую синий цвет с виндой.
Этот последний логотип от @mdtauk , на мой взгляд, вызывает Windows и имеет свою индивидуальность, и я смогу распознать, что он означает, по сравнению со многими другими логотипами кубов.

@SavoySchuler разместил два предварительных логотипа в твиттере, и главный комментарий, который я взял из ответов, заключается в том, что он не очень похож на Windows. Вот тот же логотип, но в цвете Microsoft Blue. Интересно, помогает ли это?

Мне очень нравится этот @mdtauk! На мой взгляд, большое улучшение. Я думаю, что в этих обстоятельствах лучше иметь больше отражающего взгляда, чем сияющего. Может быть, просто сделайте правую сторону немного светлее или сделайте более похожий градиент. Но кроме этой отличной работы.

Этот темный градиент лучше?

Логотип Hi Res

@mdtauk что, если вы попытаетесь реализовать конец скобок в дизайне @ratishphilip в своих скобках? Думаю, скобки будут меньше путать буквы, если они оба оканчиваются одинаково.

Если бы был выбран дизайн @ratishphilip - скобки должны казаться одинакового размера. @mdtauk Пожалуйста, также создайте версию вашего логотипа с скобками @ratishphilip .

Если бы был выбран дизайн @ratishphilip - скобки должны казаться одинакового размера. @mdtauk Пожалуйста, также создайте версию вашего логотипа с скобками @ratishphilip .

Скобки @ratishphilip не имеют смысла в трехмерном пространстве. Они там просто плавают, а тени не отбрасываются на куб должным образом. Отчасти суть дизайна @mdtauk заключается в том, что скобки охватывают куб.

@NoahFeller Скобки, IMO, должны отражать скобки XAML, которые имеют одинаковый размер. Это должно быть отражено в логотипе. Проблема, с которой я сталкиваюсь с изолированные скобки, особенно на изображениях меньшего размера, я получаю такое впечатление от размеров скобок:

(Левая скобка явно больше правой. В XAML это просто не так.) В некоторых разрешениях изображений, т. Е.

это довольно бросается в глаза и, честно говоря, сбивает меня с толку. Пары скобок <> настолько заметны в XAML, что я считаю оправданным «просто шлепать» их по кубу как есть или, по крайней мере, уделять этому много внимания.

@NoahFeller Скобки, IMO, должны отражать скобки XAML, которые имеют одинаковый размер. Это должно быть отражено в логотипе. Проблема, с которой я столкнулся с

(Левая скобка явно больше правой. В XAML это просто не так.) В некоторых разрешениях изображений, т. Е.

это довольно бросается в глаза и, честно говоря, сбивает меня с толку. Пары скобок <> настолько заметны в XAML, что я считаю оправданным «просто шлепать» их по кубу как есть или, по крайней мере, уделять этому много внимания.

Я думаю, что дизайн 3D-скобок лучший вариант , но если левая скобка заканчивается так же, как правая, она будет выглядеть того же размера, даже с 3D-эффектом, я прикрепляю симпатичную уродливый пример, чтобы подчеркнуть суть дела.

@NoahFeller Скобки, IMO, должны отражать скобки XAML, которые имеют одинаковый размер. Это должно быть отражено в логотипе. Проблема, с которой я столкнулся с

(Левая скобка явно больше правой. В XAML это просто не так.) В некоторых разрешениях изображений, т. Е.

это довольно бросается в глаза и, честно говоря, сбивает меня с толку. Пары скобок <> настолько заметны в XAML, что я считаю оправданным «просто шлепать» их по кубу как есть или, по крайней мере, уделять этому много внимания.

Я думаю, что дизайн 3D-скобок лучший вариант , но если левая скобка заканчивается так же, как правая, она будет выглядеть того же размера, даже с 3D-эффектом, я прикрепляю симпатичную уродливый пример, чтобы подчеркнуть суть дела.

Я понимаю, что вы имеете в виду. Возможно ты прав. Вот быстрая версия, симметричная и все еще трехмерная. Он очень незавершенный (без теней, скобки слишком большие, раскраска могла бы быть лучше и т. Д.), Но вы можете получить общее представление о том, что я собираюсь сделать. Что-то вроде классного эффекта оптической иллюзии, на который можно смотреть двояко. Конечно, это полностью зависит от @mdtauk, чтобы решить, в каком направлении

Скобки @ratishphilip не имеют смысла в трехмерном пространстве. Они там просто плавают, а тени не отбрасываются на куб должным образом. Отчасти суть дизайна @mdtauk заключается в том, что скобки охватывают куб.

@NoahFeller скобки действительно имеют смысл в трехмерном пространстве. Если вы посмотрите на куб в направлении, показанном красной стрелкой ниже, скобки будут выглядеть так:

Этот темный градиент лучше?

@mdtauk Небольшое предложение ... Если левая скобка соответствует поверхности куба, тогда два угла в середине скобки должны иметь нулевой угловой радиус ... такой же, как край куба.

Мы сделали это.

Сообщество - вы великолепны, и я не могу этого подчеркнуть. Буквально после нескольких часов размышлений мы выбрали одно. Это комбинация дизайнов @itsmichaelwest и @mdtauk :

Цвет:

(примечание: тень куба здесь не отражена, так как я не смог найти затененную версию с такими угловыми радиусами)

Монохромный:

(примечание: см. пункт 2 нижнего раздела относительно симметричных и асимметричных скобок)

Мысли

Как выразился @ryandemopoulos : «Этот логотип крутой. Он каким-то образом выглядит одновременно современным и ретро,

Обращение к дизайнерам за нашими последними шагами

Мы еще не закончили, но мы ближе. Вот некоторые свободные концы, которые мы связываем:

1. Нам нравится эта цветовая схема, но нам все еще нужно изучить несколько разных цветовых вариантов (и смешать это с тенями / свечением на разном фоне).

2. Мы получили две действительно хороших версии: одну с симметричными скобами, а другую с асимметричными скобами. Мы склоняемся к асимметричности (как показано справа). Мысли?

1. Нам нужно разработать кое-что. Рубашки, наклейки, сумки, возможно, физическая модель и т. Д. Всегда есть очевидное, но я уверен, что мы могли бы придумать что-нибудь действительно классное. 😄

Мы сделали это.

Сообщество - вы великолепны, и я не могу этого подчеркнуть. Буквально после нескольких часов размышлений мы выбрали одно. Это комбинация дизайнов @itsmichaelwest и @mdtauk :

Поздравляем @itsmichaelwest и @mdtauk!

Мы сделали это.

Сообщество - вы великолепны, и я не могу этого подчеркнуть. Буквально после нескольких часов размышлений мы выбрали одно. Это комбинация дизайнов @itsmichaelwest и @mdtauk :

Поздравляем @itsmichaelwest и @mdtauk!

@ratishphilip Я вижу, что вы много работали, помогая нам добраться сюда, поэтому поздравляю вас за ваше влияние и влияние. Я собираюсь рассмотреть несколько предложенных вами цветовых схем, прежде чем мы остановимся на этом. 😊 Отличная работа и спасибо!

Скобки @ratishphilip не имеют смысла в трехмерном пространстве. Они там просто плавают, а тени не отбрасываются на куб должным образом. Отчасти суть дизайна @mdtauk заключается в том, что скобки охватывают куб.

@NoahFeller скобки действительно имеют смысл в трехмерном пространстве. Если вы посмотрите на куб в направлении, показанном красной стрелкой ниже, скобки будут выглядеть так:

@ratishphilip, если вам интересно, что я имел в виду,

Скобки @ratishphilip не имеют смысла в трехмерном пространстве. Они там просто плавают, а тени не отбрасываются на куб должным образом. Отчасти суть дизайна @mdtauk заключается в том, что скобки охватывают куб.

@NoahFeller скобки действительно имеют смысл в трехмерном пространстве. Если вы посмотрите на куб в направлении, показанном красной стрелкой ниже, скобки будут выглядеть так:

@ratishphilip, если вам интересно, что я имел в виду,

Спасибо @NoahFeller. Цените ваш отзыв.

@NoahFeller, это такой, какой вы ожидали от логотипа?

@NoahFeller, это такой, какой вы ожидали от логотипа?

Вероятно, это будет выглядеть примерно так (тень, вероятно, не будет такой темной), но проблема в том, что дизайн не выглядит хорошо, если его точно отрисовать в трехмерном пространстве. Как я уже сказал ранее, скобки выглядят странно сжатыми и не соответствуют направлению обзора. Я мог видеть, что он работает лучше с правильно сформированными скобами, плавающими параллельно обзору «камеры», и с точным отбрасыванием теней. Или было бы здорово увидеть скобы, утопленные в куб, или что-то в этом роде. ИМО, ваш дизайн не работает так хорошо в его нынешнем виде. Но хорошая новость в том, что это определенно можно изменить к лучшему по-разному.

Мысли о финальном дизайне

Пока происходят последние изменения, я хочу упомянуть несколько вещей о дизайне. Во-первых, действительно здорово видеть, как используется комбинация акриловый куб + свечение. Также меня немного беспокоят сплошные цветные скобки наверху 3D-куба. Куб излучает свет, и кажется, что сбоку от куба есть направленный свет, поэтому не имеет смысла, чтобы скобки были сплошного цвета. Вероятно, они должны иметь легкий градиентный вид, который соответствует источникам освещения (не настолько градиент, чтобы он выглядел липким, только чтобы он был реалистичным). В противном случае это вообще не имеет смысла в трехмерном пространстве и выглядит неуместным. Последнее, что я хотел спросить, это не могли бы вы ( @SavoySchuler , @stmoy) сделать скобки симметричными, как это?

Как я уже говорил ранее, когда размещал это, это очень грубый дизайн (без теней, скобки, вероятно, слишком большие, раскраску действительно можно улучшить и т. Д.). Тем не менее, он решает многие проблемы, которые я видел здесь и в Твиттере, относительно того, что скобки асимметричны и имеют разную форму, и делает это, все еще оборачивая куб так же, как и раньше. Только представьте, что правая скобка расширяется на кубе @mdtauk . Мне кажется, это большое улучшение, потому что это изменение более отчетливо заставляет скобки выглядеть так, как они, а не буквы или что-то в этом роде. Также симметрия, когда это возможно, хороша и обеспечивает баланс! Очевидно, что стиль будет добавлен к акриловому кубу @mdtauk со светом, а не к его синему кубу (как показано на картинке выше), но готовы ли вы увидеть, как с этой модификацией экспериментируют дальше?

Также поздравляю @itsmichaelwest и @mdtauk!

Прежде всего, поздравляем @itsmichalwest и @mdtauk и огромное спасибо @mdtauk за то, что поделился своими файлами фигма !!!

Что касается комментария

1. Нам нравится эта цветовая схема, но нам все еще нужно изучить несколько разных цветовых вариантов (и смешать это с тенями / свечением на разном фоне).

Вот мой взгляд на потрясающий дизайн @mdtauk :

Я заменил бирюзовый, синий и розовый на вариации синего цвета темы Windows, чтобы придать ему больше ощущения «Windows».

Очень рад увидеть финальную иконку! Выглядит действительно безупречно! @mdtauk и @NoahFeller, в частности, поделились множеством невероятных идей и точек зрения, которые будут полезны для любого дизайна, который я буду делать в будущем.

На левом изображении @chingucoding взяла за основу дизайн дизайнов @chingucoding . Сообщите мне, что вы все думаете. Также отличная работа @chingucoding.

@NoahFeller , разве это не стало таким же, как одно из моих предыдущих представлений (сделав скобки одного цвета)

@NoahFeller , разве это не стало таким же, как одно из моих предыдущих представлений (сделав скобки одного цвета)

Вроде, как бы, что-то вроде. Разноцветные скобки придают им вид, будто они обертывают куб, поэтому он немного отличается. Цветовые различия несколько значительны. Как я упоминал ранее, скобки @mdtauk гораздо лучше скобки @mdtauk немного толще. Но да, вы можете думать об этом как о комбинации двух дизайнов. Я пытался улучшить реализацию скобок каждого. Золотая середина 🙂.

О, я совершенно забыл упомянуть, что в этой версии есть куб в дизайне куба, который я видел в нескольких дизайнах на этой странице. Я думаю, что это действительно крутой аспект для интеграции, и в нем есть какой-то интересный смысл. Вот что сказал @stmoy :

@mdtauk -

@itsmichaelwest изначально предлагал использовать значок XAML в качестве основы логотипа, и его дизайн был выбран в первом раунде подачи заявок.

Я смотрю на куб как на ядро, основную часть создания приложений для Windows, и поэтому я решил проиллюстрировать концепцию ядра, выделив часть куба. Я также поигрался с «пустым» пространством, чтобы показать, что это пространство для строительства.

Но превращение куба и кронштейна в нечто «собственное» и отличное среди тысяч других иконографий, основанных на кубах, играет определенную роль.

А вот симметричный куб-скоба в дизайне куба, основанном на зелено -синем / фиолетовом дизайне

Я считаю, что ширина скобок должна составлять 1/4 ширины внешнего куба. Внутренний куб должен быть вдвое меньше внешнего куба, поэтому скобки будут размещены на расстоянии 1/4 ширины куба от краев внешнего куба.

А вот симметричный куб-скоба в дизайне куба, основанном на зелено -синем / фиолетовом дизайне

Я подправил кронштейны, чтобы они были немного ближе. Думаю, вот так это выглядит немного лучше.

@SavoySchuler Это тот цвет, который вам нужен?

Симметричные скобки определенно намного лучше. Хотелось бы увидеть концепт, в котором внутренние углы тоже были бы закругленными.

Симметричные скобки, безусловно, намного приятнее. Хотелось бы увидеть концепт, в котором внутренние углы тоже были бы закругленными.

Полностью согласен. В противном случае трудно сказать, что это угловые скобки. Не могли бы вы пояснить, что вы подразумеваете под внутренними углами?

Прикольные новые цветовые сочетания @mdtauk! Вы проделали отличную работу. Мне было интересно, есть ли у вас мнение о том, должны ли угловые скобки быть симметричными по форме. Я видел здесь сообщения @ Felix-Dev, @elalexg и @goranalkovic о том, что они предпочитают симметричные скобки. Мне любопытно, есть ли у вас противоположная точка зрения. Сообщение @ Felix-Dev приведено ниже для контекста.

@NoahFeller Скобки, IMO, должны отражать скобки XAML, которые имеют одинаковый размер. Это должно быть отражено в логотипе. Проблема, с которой я столкнулся с

(Левая скобка явно больше правой. В XAML это просто не так.) В некоторых разрешениях изображений, т. Е.

это довольно бросается в глаза и, честно говоря, сбивает меня с толку. Пары скобок <> настолько заметны в XAML, что я считаю оправданным «просто шлепать» их по кубу как есть или, по крайней мере, уделять этому много внимания.

Visual Studio Purple

Прикольные новые цветовые сочетания @mdtauk! Вы проделали отличную работу. Мне было интересно, есть ли у вас мнение о том, должны ли угловые скобки быть симметричными по форме. Я видел здесь сообщения @ Felix-Dev, @elalexg и @goranalkovic о том, что они предпочитают симметричные скобки. Мне любопытно, есть ли у вас противоположная точка зрения. Сообщение @ Felix-Dev приведено ниже для контекста.

@NoahFeller Сделать их симметричными - значит отделить скобки от куба. Я создал версию с кронштейнами того же размера (но не симметричной по форме) - и команда, принимающая решения, похоже, придерживается асимметрии.

Если вы рассматриваете скобки как буквальное представление угловых скобок из XAML / XML, то вы наверняка обидитесь на стилизованный подход.

Но если их форма символизирует скобки, а сам Куб является логотипом, тогда асимметрия намекает на скобки, хотя при этом достаточно стилизована, чтобы быть интересным логотипом.

Сделать скобки симметричными, оставив их наложенными на куб, означало бы вращать куб, а об этом не просили, и это еще один шаг в сторону от идеи логотипа XAML.

Цвета

@mdtauk - вы были великолепны. Все, что нам нужно, это ваши файлы в векторном формате для логотипов ниже (предпочтительнее левая и центральная формы, если они есть). В противном случае, пожалуйста, не чувствуйте себя обязанным предоставлять нам больше своего времени, если вы не пожелаете. Мы не могли больше просить, не чувствуя себя виноватыми!

За исключением последних представлений @mdtauk (которые мы вскоре оценим), это три цветовые комбинации, которые нам нравятся больше всего. Все они кивают либо в пользу Windows, либо в пользу фирменных цветов наших инструментов разработчика, которым мы стремимся максимально соответствовать.

В качестве последнего исследования мы хотели бы увидеть, можно ли красиво использовать этот дизайн в официальных цветах Microsoft (если это вообще возможно). Я изучаю это в автономном режиме и еще не придумал ничего, что было бы с гордостью опубликовать. Если кто-то из присутствующих не может, мы будем выбирать из цветовых схем выше.

Что касается формы кронштейна / высоты, нас интересует то, что лучше всего дополняет цвета. Пока что я считаю, что левое и центральное изображения выше делают это лучше всего, но это никоим образом не исключает правый элемент выше или любые альтернативные цвета, которые отличаются от этого.

Цвета

@mdtauk - вы были великолепны. Все, что нам нужно, это ваши файлы в векторном формате для логотипов ниже (предпочтительнее левая и центральная формы, если они есть). В противном случае, пожалуйста, не чувствуйте себя обязанным предоставлять нам больше своего времени, если вы не пожелаете. Мы не могли больше просить, не чувствуя себя виноватыми!

За исключением последних представлений @mdtauk (которые мы вскоре оценим), это три цветовые комбинации, которые нам нравятся больше всего. Все они кивают либо в пользу Windows, либо в пользу фирменных цветов наших инструментов разработчика, которым мы стремимся максимально соответствовать.

В качестве последнего исследования мы хотели бы увидеть, можно ли красиво использовать этот дизайн в официальных цветах Microsoft (если это вообще возможно). Я изучаю это в автономном режиме и еще не придумал ничего, что было бы с гордостью опубликовать. Если кто-то из присутствующих не может, мы будем выбирать из цветовых схем выше.

Что касается формы кронштейна / высоты, нас интересует то, что лучше всего дополняет цвета. Пока что я считаю, что левое и центральное изображения выше делают это лучше всего, но это никоим образом не исключает правый элемент выше или любые альтернативные цвета, которые отличаются от этого.

Я тоже пытался использовать цвета логотипа Microsoft Four Square, но не смог заставить их хорошо смотреться вместе, сохраняя при этом размерность куба.

С каким инструментом вы работаете? Я использую Figma, так как считаю, что это инструмент, с которым знакомы Microsoft, но я могу перенести их в Illustrator, если это предпочтительнее?

Спасибо, что поделились своей точкой зрения на симметрию / асимметрию @mdtauk.

@NoahFeller Сделать их симметричными - значит отделить скобки от куба. Я создал версию с кронштейнами того же размера (но не симметричной по форме) - и команда, принимающая решения, похоже, придерживается асимметрии.

Сделать скобки симметричными, оставив их наложенными на куб, означало бы вращать куб, а об этом не просили, и это еще один шаг в сторону от идеи логотипа XAML.

Я не понимаю, что вы имеете в виду, говоря, что создание симметричных скобок означает, что их придется отделить от куба. Я также не совсем понимаю, что вы имеете в виду, говоря о необходимости вращать куб, чтобы скобки оставались симметричными. Мне не пришлось делать ничего из этого, когда я повторял ваш дизайн, я лишь немного изменил высоту и форму ваших скобок, чтобы добиться симметрии ⬇. Если я не неправильно истолковываю то, что вы говорите, эти части вашего утверждения кажутся неправильными.

@elalexg также разъяснил этот момент в своем комментарии:

Я думаю, что дизайн 3D-скобок лучший вариант , но если левая скобка заканчивается так же, как правая, она будет выглядеть того же размера, даже с 3D-эффектом, я прикрепляю симпатичную уродливый пример, чтобы подчеркнуть суть дела.

Он частично вдохновил меня на изменение вашего дизайна.

Я также не понимаю, как ваши скобки символизируют угловые скобки. Это просто угловые скобки, только одна немного больше другой. Как сказал @ Felix-Dev, исходные скобки XAML симметричны, поэтому может показаться, что симметрия на самом деле будет ближе к предыдущим конструкциям XAML, а не отходить от нее.

Я понимаю, что вы имеете в виду, когда хотите, чтобы логотип был стилизован. Мне и другим, о которых я говорил, кажется неестественным видеть кронштейны разного размера, но я полностью понимаю, как вы видите их по-другому. Мне кажется, что логотип достаточно сложный с текстурой, свечением, множеством разных цветов и т. Д. И не требует большего интереса, но опять же, я вижу, как вы думаете иначе.

На самом деле, @SavoySchuler и его команда должны решить, какой путь идти, я просто пытаюсь понять ваше обоснование. Еще раз спасибо за объяснение!

К вашему сведению, я планирую спроектировать (в 3D) и распечатать на 3D-принтере реальную версию того, чем станет (окончательный) окончательный логотип. Я собираюсь использовать полупрозрачную нить, чтобы имитировать акриловый эффект (пример ниже). Обязательно поделюсь фото результата, если кому-то будет интересно!

К вашему сведению, я планирую спроектировать (в 3D) и распечатать на 3D-принтере реальную версию того, чем станет (окончательный) окончательный логотип. Я собираюсь использовать полупрозрачную нить, чтобы имитировать акриловый эффект (пример ниже). Обязательно поделюсь фото результата, если кому-то будет интересно!

Потрясающие. Мы уже немного поговорили о создании таких физических объектов на основе логотипа; не могу дождаться, чтобы увидеть, что вы придумали!

Я также пробовал использовать цвета бренда Microsoft, и это не совсем сработало, я думаю, что цветовая схема, которую нужно использовать, - это Windows, поскольку это, в конце концов, пользовательский интерфейс Win (dows).
У @mdtauk была интересная идея с цветами Visual Studio, которая тоже могла иметь смысл.

Глядя на все комментарии о симметрии / асимметрии скобок, я больше склоняюсь к асимметричному дизайну, так как это придает логотипу еще один уникальный вид и каким-то образом, кажется, немного лучше вытягивает куб.

Я не понимаю, что вы имеете в виду, говоря, что создание симметричных скобок означает, что их придется отделить от куба. Я также не совсем понимаю, что вы имеете в виду, говоря о необходимости вращать куб, чтобы скобки оставались симметричными. Мне не пришлось делать ничего из этого, когда я повторял ваш дизайн, я лишь немного изменил высоту и форму ваших скобок, чтобы добиться симметрии ⬇. Если я не неправильно истолковываю то, что вы говорите, эти части вашего утверждения кажутся неправильными.

Я также не понимаю, как ваши скобки символизируют угловые скобки. Это просто угловые скобки, только одна немного больше другой. Как сказал @ Felix-Dev, исходные скобки XAML симметричны, поэтому может показаться, что симметрия на самом деле будет ближе к предыдущим конструкциям XAML, а не отходить от нее.

Я понимаю, что вы имеете в виду, когда хотите, чтобы логотип был стилизован. Мне и другим, о которых я говорил, кажется неестественным видеть кронштейны разного размера, но я полностью понимаю, как вы видите их по-другому. Мне кажется, что логотип достаточно сложный с текстурой, свечением, множеством разных цветов и т. Д. И не требует большего интереса, но опять же, я вижу, как вы думаете иначе.

На самом деле, @SavoySchuler и его команда должны решить, какой путь идти, я просто пытаюсь понять ваше обоснование. Еще раз спасибо за объяснение!

Я хотел, чтобы «отметки» на кубе совпадали со сторонами граней куба. Обрезание концевых штрихов левой скобки под диагональным углом создает ощущение неестественности для контура куба и создает ощущение, что он отключен от вращения.

Но теперь @SavoySchuler и команда должны взять дизайн, интерпретировать и преобразовать его в то, что команда хочет и нуждается в нем.

Я только заканчиваю версии Adobe Illustrator, лишенные всего цвета, чтобы они могли взять это за отправную точку.

Вот файл Illustrator, заархивированный
Final Logo Shapes.zip
_EDIT: обновлен файл Illustrator с добавленными версиями с заливкой в ​​одноцветном цвете_

16

32

64

128

256

1024

4096

Хорошо, спасибо за разъяснение @mdtauk. Я сделал это таким образом, чтобы получить тонкий куб в дизайне куба, о котором я говорил в предыдущем посте. Поскольку угол ограничителя линии составляет 45 °, он находится на диагональной линии квадрата, поэтому я не считаю это слишком неестественным. Я понимаю, что вы имеете в виду. Я думаю, что я отдавал приоритет подгонке формы в виде шестиугольника, в то время как вы отдавали приоритет подгонке ее как куба, и в любом случае есть небольшой компромисс (сбалансированная симметрия с кубом в дизайне куба против добавленного персонажа и лучшего обтекания). В любом случае, я очень ценю объяснение!

Хорошо, спасибо за разъяснение @mdtauk. Я сделал это таким образом, чтобы получить тонкий куб в дизайне куба, о котором я говорил в предыдущем посте. Поскольку угол ограничителя линии составляет 45 °, он находится на диагональной линии квадрата, поэтому я не считаю это слишком неестественным. Я понимаю, что вы имеете в виду. Я думаю, что я отдавал приоритет подгонке формы в виде шестиугольника, в то время как вы отдавали приоритет подгонке ее как куба, и в любом случае есть небольшой компромисс (сбалансированная симметрия с кубом в дизайне куба против добавленного персонажа и лучшего обтекания). В любом случае, я очень ценю объяснение!

Ни один из подходов не лучше другого, просто разные идеи в основе. Как вы говорите, я не хотел упускать из виду тот факт, что это куб с глубиной и текстурой, как изначальная идея логотипа XAML.

Вот файл Illustrator, заархивированный
Final Logo Shapes.zip
_EDIT: обновлен файл Illustrator с добавленными версиями с заливкой в ​​одноцветном цвете_

16

32

64

128

256

1024

4096

Эй приятель! мы хотели бы иметь как оригинальные разноцветные, так и синие дизайны логотипов, которые вы создали при первоначальной отправке, один файл .ai в заархивированной папке. они отлично выглядят! спасибо за помощь, нам очень нравится ваша работа, мы хотим оставить ее как есть :) еще раз спасибо

@embender Надеюсь, это именно то, что вам нужно 😃

Синий логотип без shadow.zip

Multi Color Dark Logo.zip

Многоцветный свет Logo.zip

@SavoySchuler @embender Я обновил Figma окончательными логотипами и цветами, включая тени, которые увеличили бы размер файла файлов Adobe Illustrator.

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

Это только у меня, или маленькие серые кубики выглядят нечеткими? Это просто артефакт сжатия изображения или что-то в этом роде?

Это только у меня, или маленькие серые кубики выглядят нечеткими? Это просто артефакт сжатия изображения или что-то в этом роде?

Логотипы в оттенках серого, которые я размещал ранее?

Изображения должны быть четкими при просмотре со 100% увеличением, так как они предназначены для четкости в пиксельной сетке.

@mdtauk - еще раз спасибо за ваш вклад и быстрые ответы. Вы были бесценны в этом процессе. Спасибо также за предоставленные монохромные логотипы - я думаю, они будут отлично смотреться на swag!

Если это не проблема, не могли бы вы прислать материалы, демонстрирующие контурную версию логотипа, включая асимметричные скобки? Примерно так, но обновленные до последних дизайнов:

Кроме того, что вы думаете о толщине контура? Я знаю, что были разговоры о том, чтобы толщина контура помогала поддерживать логотип с небольшими размерами пикселей, но что касается swag, мне интересно, будут ли более тонкие линии более эффективными?

Мне очень нравится асимметричная версия логотипа, где линии доходят до внешних краев каждой грани. Т.е.
Многоцветный свет Logo.zip

Это позволяет каждой грани быть связной по отдельности и позволяет вам представить, как бы выглядели скрытые грани, если бы куб был повернут.

На этой ноте было бы здорово, если бы дизайн использовался для кубиков рубика.

@stmoy Я немного

В любом случае, я добавил в Figma более тонкие значки веса Monoline.

Это только у меня, или маленькие серые кубики выглядят нечеткими? Это просто артефакт сжатия изображения или что-то в этом роде?

Логотипы в оттенках серого, которые я размещал ранее?

Изображения должны быть четкими при просмотре со 100% увеличением, так как они предназначены для четкости в пиксельной сетке.

Ах, глупый я и масштабирование DPI! 😛

Логотип завершен

Привет, замечательное сообщество! Как я уверен, вы видели на прошлой неделе, мы определенно, безусловно, без вопросов, на 100% по-настоящему приземлились на логотипе, который нам СУПЕР взволнован! Огромное спасибо всем за то, что приехали домой. Мы действительно хотели создать что-то, что объединило бы все любимые работы, которые все здесь вставили. Мы считаем, что это так.

Давайте подведем итоги

У нас есть старый логотип Xaml:

Когда @itsmichaelwest вдыхает новую жизнь в историю, вы получаете нечто замечательное:

Оттуда мы обратились к сообществу. После (почти) еще сотен представленных материалов, посвященных перекрашиванию и стилю, мы влюбились в этот простой, но элегантный способ удержать скобки. Как выразился @embender , перефразировав: «Мне нравится разная высота скобок. Это делает их немного абстрактными - рисует искусство в науке», и это то, с чем сливается UI - искусство и наука в одном лице ».

Что касается цвета - наше сообщество пользователей высказывалось и требовало чего-то, что все еще «ощущалось как Windows». @mdtauk позволил легко представить этот знакомый синий цвет, снова представляющий наше сообщество:

Конечно, в этом кратком резюме я сократил ~ 300 взаимодействий от почти 40 участников здесь и еще больше в Twitter и офлайн. Краткая история такова: мы не смогли бы сделать этого без вас всех, и я надеюсь, что вы все увидите, что часть вашей работы и ваша история отражаются в том, что мы создали вместе. Он каким-то образом выглядит одновременно современно и ретро, ​​модно, но в то же время исторически, точно и асимметрично. Это что-то вроде разговора, и это сделано специально. 😊

Жду с нетерпением

Учитывая, насколько разнообразными были эти совместные усилия и все красочные вариации, которые мы видели, как мы могли не поддерживать живость с помощью всех идей, которые вы нам дали? Мы рады поэкспериментировать с цветами и темой. Следите за Twitter, пока мы делимся веселыми дизайнерскими работами и пытаемся придумать праздничный месяц, праздник и выпустить тематические варианты, чтобы поделиться ими! 😊

Мы также собираемся приступить к созданию захватывающих дизайнов сувениров. Обязательно загляните к нашему стенду в Microsoft Ignite, чтобы забрать одну из этих наклеек ниже!

Swag Link?

Я видел, что были просьбы сделать доступными ссылки для покупки личных товаров. Как только у нас будет завершена наша линейка swag, я посмотрю, смогу ли я это сделать, и доложу в этой ветке. Я отложу закрытие вопроса до тех пор!

Нам есть чем поделиться!

Команда сообщества, я слышал вас громко и ясно. Вы хотели иметь возможность купить то же самое, что и члены нашей внутренней команды будут раскачивать в Microsoft Ignite, на сцене и по всему миру. Мы решили разработать и заказать нашу продукцию через компанию, которая может сделать это для вас.

Сегодня я разместил наш окончательный заказ на более 100 наименований. Каждый член команды должен был выбрать то или иное. Многим так понравились оба, мы взяли один, а другой заказали сами (я в том числе)!

Пожалуйста, дай мне знать, если возникнут какие-либо вопросы. У меня есть несколько заметок:

• Если бы вы стали победителем нашего «1000-го выпуска - Спасибо!»
• Минимальный заказ толстовок - 6. Вы можете легко поменять товар на один без минимума или составить форму группового заказа.
• Если вы закажете на этой неделе / ​​отправите товар в отель, вы можете получить их вовремя, чтобы присоединиться к нам в их ношении на Microsoft Ignite в Орландо, Флорида, с 4 по 8 ноября!

Ссылка для заказа толстовок WinUI

Ссылка для заказа рубашки WinUI

Последний логотип получился великолепным. Это действительно круто.