Microsoft-ui-xaml: إعادة تصميم الشعار وغنيمة

تم إنشاؤها على ٢٢ أغسطس ٢٠١٩  ·  312تعليقات  ·  مصدر: microsoft/microsoft-ui-xaml

[تحديث 10/18/19] لدينا شعار جديد وغنيمة جديدة!

مرحبا مجتمع رائع! شكراً جزيلاً لكم جميعاً لقيادة هذا المنزل. أردنا حقًا إنشاء شيء يجمع كل الأعمال المفضلة التي وضعها الجميع هنا. نعتقد أن هذا يفعل ذلك.

WinUI Logo

WinUI Logo Wireframe

لنستخبر

لدينا شعار Xaml القديم هنا:

Original Xaml Logo

عندما يبثitsmichaelwest حياة جديدة في التاريخ ، تحصل على شيء رائع:

WinUI_LogoExporation_V3_GitHub

من هناك ، لجأنا إلى المجتمع. بعد (تقريبًا) مائة طلب آخر لاستكشاف إعادة التلوين والتصميم ، وقعنا في حب هذا التطور البسيط والأنيق لاحتواء الأقواس ذاتيًا. كما قال embender ، مع إعادة صياغته ، "أحب الارتفاعات المختلفة بين قوسين. إنه يجعله مجردًا - يرسم بعض الفن على العلم ،" وهو ما تندمج به واجهة المستخدم - الفن والعلم مدمجان في واحد. "

New WinUI Logo - wireframe

أما بالنسبة للون - فقد تحدث مجتمع المستخدمين لدينا وطالب بشيء لا يزال "يشبه Windows". جعل mdtauk من السهل تخيل هذا اللون الأزرق المألوف الذي يمثل مجتمعنا مرة أخرى:

New WinUI Logo - color

بالطبع ، في هذا الملخص الموجز ، قمت باختصار 300 تفاعل تقريبًا من ما يقرب من 40 مساهمًا هنا ومجلدات أكثر على Twitter وغير متصل. القصة القصيرة هي كالتالي: لم نكن لنفعل هذا بدونكم جميعًا ، وآمل أن ترى جميعًا جزءًا بسيطًا من عملك وأن تنعكس قصتك في ما أنشأناه معًا. تبدو بطريقة ما حديثة وعصرية في نفس الوقت ، الورك ومع ذلك أيضًا تاريخية ودقيقة وغير متكافئة. إنه جزء من محادثة ، وهذا حسب التصميم. 😊

New WinUI Logo - wireframe and color

يتطلع

بالنظر إلى مدى تنوع هذا الجهد التعاوني وجميع الاختلافات الملونة التي رأيناها ، كيف لا يمكننا الحفاظ على حيوية الأشياء مع كل الأفكار التي قدمتها لنا؟ نحن متحمسون للتجربة مع الألوان والموضوع. تابع Twitter بينما نشارك أعمال التصميم الممتعة ونحاول ابتكار شهر احتفالي وعطلة وإصدار متغيرات ذات طابع خاص لمشاركتها! 😊

سنبدأ أيضًا في تكرار تصميمات غنيمة مثيرة. تأكد من التوقف عند كشكنا في Microsoft Ignite لالتقاط إحدى هذه الملصقات أدناه!

WinUI Logo Sticker

لدينا غنيمة للمشاركة!

فريق المجتمع ، سمعتك بصوت عال وواضح. لقد أردت الحصول على فرصة لشراء نفس غنيمة أعضاء فريقنا الداخليين الذين سيهزونهم في Microsoft Ignite ، على خشبة المسرح ، وفي جميع أنحاء العالم. لقد اخترنا تصميم وطلب غنيمة من خلال شركة يمكنها تحقيق ذلك من أجلك.

لقد قدمت طلبنا النهائي المكون من أكثر من 100 عنصر اليوم. يجب على كل عضو في الفريق اختيار واحد أو آخر. أحب الكثيرون كلاهما كثيرًا ، أخذنا أحدهما وأمرنا الآخر بأنفسنا (بما في ذلك)!

واسمحوا لي أن أعرف إذا كان لديك أي أسئلة. لدي بعض الملاحظات:

  • لقد كنت فائزًا في "العدد الألف - شكرًا لك!"
  • تتطلب القلنسوات حدًا أدنى للطلب هو 6. يمكنك بسهولة مبادلة المنتج بواحد بدون حد أدنى أو وضع نموذج طلب جماعي معًا.
  • إذا طلبت هذا الأسبوع / الشحن إلى فندقك ، فيمكنك الحصول عليها في الوقت المناسب للانضمام إلينا في ارتدائها في Microsoft Ignite في أورلاندو ، فلوريدا ، من 4 إلى 8 نوفمبر!

WinUI Hoodies طلب الارتباط

WinUI Hoodies

رابط ترتيب قميص WinUI

WinUI Shirts


[تم إغلاقه 9/12/19} إعادة تصميم الشعار!

يقوم فريق WinUI بتحديث شعارنا ويدعو المجتمع للانضمام إلينا في تجربة الأفكار الجديدة وخلقها وتكرارها!

متطلبات الشعار:

  • العصرية والورك والمهنية
  • قابل للتحجيم من حجم أصلي 64 × 64 بكسل إلى 16 × 16 بكسل وكبيرًا بشكل تعسفي مع استمرار التعرف عليه.

الجدول الزمني:

للحفاظ على نطاق الجهد ، نتطلع إلى تحديد التحديد النهائي بحلول السادس من سبتمبر .

أين سيتم استخدام هذا؟

  • العلامة التجارية للمنتج / الريبو
  • غنيمة
  • ملصقات
  • الوسائط (Twitter و GitHub وما إلى ذلك)

الاشياء القانوني:

نحن نقوم بترخيص تصميم مرجعي بموجب Creative Commons Attribution-No Derivatives 4.0 https://creativecommons.org/licenses/by-nd/4.0/ ، مما يعني أننا نريدك بحرية توزيع أي تصميم مرجعي يتم الوصول إليه تجاريًا أو غير تجاري. ومع ذلك ، لا نريد آلاف الأشكال المختلفة للشعار في حالة من السقوط في البرية ، ولهذا السبب اخترنا ترخيصًا يقيد القدرة على زيادة توزيع المواد المعدلة.

إذا كانت لديك تعديلات ، فيرجى إرسالها إلى مشروع GitHub الخاص بنا ، وسنقدم أي تعديلات يتم تقديمها بموجب ترخيص المشاع الإبداعي نفسه. كتذكير بموجب الترخيص ، لا يجوز استخدام المواد المرجعية للإشارة إلى أنها تحت رعاية Microsoft أو تأييدها أو منحها صفة رسمية أو يمكن استخدامها في سياقات غير قانونية. باختصار ، استخدم الفطرة السليمة عند الإشارة إلى أي من تصميمات الشعار - نحن متحمسون لمشاركتك ، لكننا سنتخذ الإجراءات إذا تم استخدامها بشكل غير لائق.

موارد:

  • الشعار الحالي:
    WinUI Library Logo

  • بلاط الريبو الحالي
    WinUI Repo Tile

hot team-Controls

التعليق الأكثر فائدة

من المثير دائمًا رؤية المجتمع يجتمع على الأيقونات! ✨

لقد توصلت إلى مسودة مبكرة أعتقد أنها يمكن أن تتسع بشكل جيد عبر مختلف الوسائط / السلع. يوجد في الوسط مكعب مستدير مع كل وجه مظلل بألوان مختلفة - تم اختياره حاليًا من لوحة العلامات التجارية لنظام التشغيل Windows ، ومن الواضح أنه يمكن تغيير ذلك.

العلامات الأكبر / الأقل من تحيط بالمكعب. هذه غير مرئية بأحجام أصغر ، بدلاً من التركيز على المكعب.

يمكن أيضًا تحديد الشعار لأغراض تجارية. استهزأ بفكرة كيف يمكن أن يبدو على قميص.

لا يزال العمل قيد التقدم ، ونقدر التعليقات كثيرًا. 😊 أشعر بالقلق من أن الأمر يبدو مجردًا إلى حد ما ، لكنني سأدع المجتمع يحكم على ذلك!

WinUI_LogoExporation_GitHub

ال 312 كومينتر

تحية للجميع! Windows IXP (التكوين سابقًا) PM هنا الذي أراد إضافة أفكاري إلى المزيج :) فيما يلي بعض الأفكار التي كنت أعبث بها - أخبرني برأيك!

WINUI
logo2
logo
logoagain

تقديماتك لا تصدق ،embender. أنا أحب بشكل خاص الأخير والأول.

WebUI
سخر بسرعة من أيقونة WinUI التي لن تكون في غير محلها متوقفة على المنتجات الأخرى داخل المجموعة.

لا يصدق ، iconredesign! أحب استخدامك للظلال في الرمز لاستحضار مناطق التطبيق.

لتجنب الخلط مع أيقونة Microsoft Word (أدناه) ، ما رأيك في اختيار بعض ألوان Fluent Design System أو شيء مشابه؟

Microsoft Word icon

على الاطلاق! كنت أحاول الحفاظ على لون سمة WinUI ، لكنه ظهر في رأسي أنه ربما في أبصر النظرات يمكن أن يبدوا متشابهين.

سألقي نظرة على الإرشادات المقدمة وأرسل مراجعة. شكرا!

تضمين التغريدة

على الاطلاق! كنت أحاول الحفاظ على لون سمة WinUI ، لكنه ظهر في رأسي أنه ربما في أبصر النظرات يمكن أن يبدوا متشابهين.

سألقي نظرة على الإرشادات المقدمة وأرسل مراجعة. شكرا!

إليك الأخبار السارة: يمكنك مساعدتنا في توحيد ألوان السمات الجديدة. إرشاداتنا فضفاضة عن قصد في هذا الصدد حتى نتمكن من الحصول على الحرية في جعل هذا رائعًا!

تضمين التغريدة

غنيمة

آمل أن ترى بعض القمصان متاحة للشراء بمجرد أن يصبح الشعار رسميًا.

تضمين التغريدة

غنيمة

آمل أن ترى بعض القمصان متاحة للشراء بمجرد أن يصبح الشعار رسميًا.

shaggygi ، لاحظ! ما نوع التصميم الذي سيجعلك ترتدي أحد قمصاننا كل أسبوع خلال السنوات القليلة المقبلة؟ شريط الغنيمة الخاص بي هو على الأقل هذا الارتفاع. 😉

تضمين التغريدة عادةً ما أرتدي قميص GitHub كل أسبوعين. سيكون الشعار النهائي البسيط رائعًا ... ربما يكفي فقط للآخرين ليكونوا فضوليين للسؤال عما يعنيه التوضيح / الترويج.

WebUI v2

أعتقد أنه من المهم للمصمم أن يقدم بيانًا كاملاً ، لذا ها هو.

الشعار ، بالطبع ، يستحضر منتجات برامج أخرى من Microsoft. يوضح هذا المؤسسة التي تقف وراءها ، وتحدد أيقونة واجهة المستخدم الوهمية بوضوح الغرض من هذا التطبيق. يفصل WinUI> نفسه عن منتج Office ، واستخدام الأقواس والشرط المائلة بدلاً من الحرف يجعله مختلفًا بشكل ملحوظ ويتجنب الخلط بالحرف. بشكل عام ، توضح الأيقونة ما يلي: 1) إنه أحد منتجات Microsoft ، 2) إنه أداة قائمة على رمز لتصميم واجهة المستخدم ، و 3) إنه ليس أحد منتجات Office.

يشتمل التصميم المسطح على العنصر الذي ينتقل إليه لون المظهر الرئيسي للتطبيق إلى خلفيته. وهو ، مجازيًا ، "أساس" التطبيق ، ويتماشى مع مخطط تصميم تطبيق مثل Excel. يمكن استخلاص استنتاج مرئيًا حيث "WebUI هو أساس تصميم واجهة المستخدم الذي يرتكز على القمة. لقد جعل ذلك ممكنًا".

أثناء بحثي الموجز عن WinUI للتأكد من أن شعاري يمثل المنتج فعليًا ، فقد دفعني إلى صورة رئيسية تعرض واجهة عينة تعرض اتساع عناصر الواجهة. تم رفع درجات الرمادي من تلك الصورة بشكل رمزي لإنجاز 1) بساطة التلوين لتجنب التصميم القبيح ، 2) إنه مجرد اختلاف في الظل عن اللون الأبيض وهو أيضًا محايد ، و 3) لتسليط الضوء على التسلسلات الهرمية التي تعززها أكثر من خلال تجارة تصميم واجهة المستخدم (الذي أحبه شخصيًا) ، و 4) النغمات المتمايزة للرمادي تعني أن هذه الاستعارة ستعمل بغض النظر عن الحجم الذي يتم عرض الرمز منه ، والأهم من ذلك ، حجمه في شريط المهام.

إذن ، فيما يتعلق بموضوع التوحيد القياسي ، ما هي الألوان الأفضل لتمثيل واجهة مستخدم Microsoft من الألوان المستخدمة بالفعل لتمثيل التصميم؟ إنه يتدفق بالفعل بشكل مثالي مع اللون الأبيض.

نتمنى أن تنال إعجابك ، وإذا كانت لديك مخاوف ، فلا تتردد في إثارتها!

أعتذر إذا شعرت أنني عالق في هذا التصميم ، على الرغم من ذلك ، لذا فأنا منفتح على التحديث إذا كان أكثر ملاءمة.

تضمين التغريدة
الفكرة وراء تصميمك جيدة ، لكن التنفيذ به مشاكل.

أولاً ، لماذا يوجد 3 أنصاف أقطار للزوايا الدائرية؟ اختر واحدة للإطار الرئيسي ، وأخرى للمربع الذي يحتوي على> بداخله والبطاقات.

ثانيًا ، تحتاج الألوان إلى بعض التعديل ، وليس من المنطقي وجود ظل فاتح في الأعلى ، ثم داكن تحته.

ثالثًا ، أفترض أنك كنت تحاول عمل ظل بمربعات مظلمة متعددة مع تعتيم؟ سيكون هذا جيدًا لشيء أكثر تجريدًا ، لكن في معظم الحالات لا يتم ذلك.

أيضًا ، يبدو التصميم وكأنك أخذت رمزًا ، وقمت بتوجيهه في Illustrator وغيرت الأشياء قليلاً (فقط كيف كان انطباعي الأول).

لهذا السبب أحتاج إلى رأي خارجي لأنني محصن من أن أعلق في رأسي.

سوف آخذ اقتراحاتك في الاعتبار وصقلها. شكرا!

لاحظ أن الظل المسقط لا يزال مبكرًا ، لذا لن يبدو النهائي غير منظم. لم يمسها حرفيا مما كان من المفترض في الأصل أن يكون مجرد نموذج بالحجم الطبيعي.

مرحبًا SavoySchuler ، كنت أتساءل ما هي مهمة WinUI في كلماتك؟ أسأل لأنه سيكون من الجيد استحضار هذه الأفكار عبر الشعار الجديد. شكرا!

تضمين التغريدة

لاحظ أن الظل المسقط لا يزال مبكرًا ، لذا لن يبدو النهائي غير منظم. لم يمسها حرفيا مما كان من المفترض في الأصل أن يكون مجرد نموذج بالحجم الطبيعي.

أليس النقر فوق زر واحد للحصول على ظل أسهل من إنشاء مستطيل واختيار لون وتقليل التعتيم ثم نسخه؟ 😄

WebUI v3

معالجة جميع القضايا:

1 - توحيد جميع أنصاف الأقطار ، وتثبيت الجزء العلوي من الأيقونة ، وهو ما كان سهواً كبيراً. تم تصحيح البطاقات لاستخدام الزوايا المستقيمة للواجهة.

2 - أصبح شريط التنقل الآن أكثر قتامة ، حيث يشترك في نفس الظل مثل عنصر القائمة الأول في القائمة.

3 - نقرت أخيرًا على "الزر الواحد" المذكور أعلاه بعد الاستعجال في هذا الجزء من أجل النموذج الأولي ، لذا يجب أن يبدو الظل المسقط أجمل الآن.

البحث عن شيء قد يكون مفقودًا من الرمز ، لكنني أعتقد أنه يبدو جيدًا في الوقت الحالي.

تضمين التغريدة
إنه أفضل قليلاً الآن مع الإصلاحات 🙂

IDK ، قد أكون أنا وحدي ، لكن ربما جرب اتجاهًا جديدًا؟ يذكرني برمز Word كثيرًا ...

WebUI variant

سألت ، لقد سلمت! بشكل مختلف ، لذا فإن> هو جزء من الواجهة ، ويتم رفع العناصر من الورقة بحيث يظل عنصر الاستحضار قيد التشغيل. الأزرق هو WinUI الأزرق.

تضمين التغريدة
يتحسن ، لكننا الآن أصبحنا مسطحين للغاية وزوايا حادة جدًا. يتحرك الطلاقة نحو التدرجات (الطفيفة) والظلال والزوايا المستديرة.

المربعات الرمادية / البيضاء تمثل عناصر القائمة أو؟

تحرير: فكر أيضًا في الأحجام الصغيرة (كما هو مذكور في المنشور الأول) ، ولست متأكدًا من مدى إمكانية فك تشفير هذا الحجم :)

تم تصميم هذا البديل مع مراعاة الأحجام الصغيرة. بهذا الحجم ، لا يمكنك حقًا استخدام التدرجات والزوايا الدائرية بفعالية نظرًا لكيفية تقليص كل شيء بحيث تختفي هذه العناصر.

كن مطمئنًا أن هذا التصميم مرئي تمامًا في شريط المهام. العنصر الرئيسي هو قائمة منسدلة من شريط التنقل.

تضمين التغريدة
اصنع نسخة "أكبر" ثم: د

أيضًا ، يمكنك استخدام التدرجات اللونية حتى مع الأحجام الأصغر ، وستظل ملحوظة ؛)
أمثلة: رموز Visual Studio (Code) ، Sublime Text ، مجموعة Adobe ، ...

أنا بالتأكيد على متن مع استكشاف عدة اتجاهات! يجب أن أشير إلى أنني أحب هذا الإرسال من iconredesign :

WebUI v3

هناك بعض الأشياء التي أحبها:

  • تعد المحاذاة مع أيقونات Microsoft Office Suite مكملة لمجموعة الرموز. بصريًا ، أنت تعرف من يقدم المنتج ويثير الثقة.
  • استعارة التطبيق ممتازة. يعد شريط التمرير والخروج من النافذة المنبثقة نداءات واضحة لمجموعة التحكم لدينا ، الجديدة والقديمة.
  • يضيف النص> وضوحًا لمفهوم أن هذه أداة للمطورين.

أفكار للمفهوم:

  • يبدو أن الشاغل الرئيسي هو الخلط مع نظام ألوان Word. هناك شيء لطيف في تصميماتembender ، والذي ، من خلال التفرع إلى نظام ألوان ثنائي اللون ، يمكن لتصميمها الأول والثالث الاستفادة بنجاح من اللون دون تضييع منطقة رمز Office القريبة جدًا. هل يمكن أن يتضمن هذا التصميم زوجًا من الألوان مثل الأخضر / البنفسجي الخاص بـ embender أو أي شيء آخر؟
  • يمكن إعادة تكوين "محتوى التطبيق" أيضًا بحيث يبدو أقل شبهاً بـ Word - ربما شيء يظهر شبكة أو يستخدم ProgressRing؟ سيعرض تطبيق "Xaml Controls Gallery" في متجر Windows مجموعتنا الكاملة من عناصر التحكم في واجهة المستخدم وأيقوناتها.

معاينة لرموز التحكم من تطبيق Xaml Controls Gallery:

Xaml Controls Gallery app screenshot

ربما يمكن استخدام بعض العناصر المرئية هنا للإلهام؟ يمكن النقر فوق كل هذه العناصر لرؤية السلوك الحقيقي المرئي لعناصر تحكم واجهة المستخدم أيضًا.

SavoySchuler سيكون لطيفًا إذا حصل هؤلاء على بعض المعالجة بطلاقة أيضًا ، النمط الحالي يشبه أيقونات شريط أدوات VS2015 / 17 بالنسبة لي 😄

سأقوم بعمل نموذج بالحجم الطبيعي غدًا وأقوم بنشره

ربما فقط الجزء </> من الرمز الحالي ،
image

أو ريترو قديم ، ماذا عن تحديث أيقونة مألوفة ، على سبيل المثال

Untitled

من فضلك اغفر رسوماتي القذرة.

أيضًا مثل iconredesign كثيرًا ، ربما استخدم خطًا مختلفًا متوافقًا مع WinUI للأقواس gt-lt ، وبالنسبة لي فقط جزء الأقواس نفسه سيكون كافياً ، لا حاجة للباقي.

أنا أصوت من أجل أن يكون متينًا وبسيطًا. لا تدرجات من فضلك ، تجعلني أشعر بـ 97 '.

SavoySchuler رمز W جميل ، لكنه يصرخ في MS Office Word ، mabe بدلاً من W شيء آخر ، </> أو أي شيء غريب الأطوار ومألوف بدلاً من ذلك.

مرحبًا ، نسيت أن أذكر ، الشعار الحالي يناسبني أيضًا!

ربما يجب أن نبتعد عن نمط أيقونة Office الجديد. تعد هذه الرموز جزءًا من مجموعة منتجات Office 365 - لذا لن يكون من المنطقي بالنسبة لي أن أضعها على كل ما يتعلق بـ Microsoft.

ضع في اعتبارك أن تصميم أيقونات بمقاس جيد أمر صعب حقًا (كما اكتشفتم يا رفاق أثناء وضعهم على قميص :)). أوصي بالتواصل مع فريق Microsoft Design لمعرفة ما إذا كان هناك أي شخص يمكنه مساعدتنا في ذلك.

لقد حاولت ، مستوحى من شعار .NET Core الأساسي للغاية. إنهم لا "يصرخون" حقًا في إطار عمل واجهة المستخدم ، لذلك قد تكون هذه مشكلة. من ناحية أخرى ، قد يتناسب مع شعار إطار عمل آخر مثل عائلة .NET.

المفهوم 1
Concept1

المفهوم 2
Concept2

المفهوم 3
Concept3

@ neils9001 FWIW ، أنا حقًا أحب المفهوم 1 ؛ فكرة جيدة عن الإلهام هناك. (أفضل نص WinUI كله في سطر واحد ، مقابل المفهوم 2). المفهوم 3 جيد جدًا أيضًا ؛ يبدو قابلاً للتطوير وبسيطًا وبسيطًا.

winui logo-01

أعتقد أننا إذا كنا هنا بالفعل ، ونفكر في الرموز والعلامات التجارية لـ WinUI ، فربما يمكننا أيضًا التفكير في "النصف الآخر" ، واجهات برمجة تطبيقات النظام (حزمة Microsoft.Windows.SDK.Contracts NuGet) ، لنسميها WinAPI.

يمكنني تخيل تصميم رمز يشبه Office مع النص على أنه "UI" أو "API" وبالنسبة لواجهة المستخدم ، سيكون الباقي شيئًا مثل أحد الفنون المجردة بطلاقة (شيء من هذا القبيل) ، ويمكن لـ "API" كن واحدًا من التروس الخام ... تروس بطلاقة.

ربما يكون الشعار الصارم ، التسمية الصغيرة مجرد شعار Windows والنص "UI" أو "API" بجواره. بالإضافة إلى الجزء الفني مع الأشياء المجردة بطلاقة والتروس.

MySelfMaruf شخصيًا أتمنى ألا يكون WinUI مرتبطًا بنظام Windows. TBH أتمنى أن يكون الاسم غير مربح. لكي تكون منفتحًا عقليًا للتوسع المستقبلي لواجهة .NET Core UI التي تعمل على أي .NET Core (أو حتى بيئة .NET Standard).
انظر طلب الميزة هذا .

كان لدي في الواقع أفكار مماثلة حول مفهوم "UI" petroemil

ها هي المحاولة الأولى التي قمت بتنظيفها وتحريرها:
256
image

أرغب في كتابة مسودة إرسال ثان منفصل عن windows ، والاتفاق مع weitzhandler على أنه قد يكون من الجيد تجنب ربط نمط هذا مع Windows أو Microsoft مباشرة.

تضمين التغريدة

weitzhandler أنه قد يكون فكرة جيدة تجنب ربط أسلوب هذا ومايكروسوفت مباشرة

كنت أشير إلى Windows وليس Microsoft.

كان لدي في الواقع أفكار مماثلة حول مفهوم "UI"petroemil

أرغب في صياغة مسودة إرسال ثانية منفصلة عن windows ، وأتفق مع

متفق. ربما شيء ما .Net Core UI أو .Net UI سيكون من المثير للاهتمام التفكير فيه. ومع ذلك ، أوصي الآن بضم هذه الرموز إلى علامة Office التجارية. فقط علامة Office التجارية حتى الآن تستخدم القطع الصغير. مع دروبانيل.

أيضًا ، إذا كان هذا سيؤدي إلى إعادة تسمية العلامة التجارية بالكامل - كيف يمكننا دمج مجموعة أدوات مجتمع Windows بشكل أفضل؟

WinUI
مجموعة أدوات مجتمع WinUI؟

سيئتي ، لكني أتفق مع ذلك ما زالweitzhandler

لشرح سبب اتباع هذا المسار لمسودتي الأولى ، فهذه ليست مجرد نمط للعلامة التجارية للمكتب ، فأنظمة Microsoft الأخرى تستخدم هذه الأنماط من الشعارات بما في ذلك Skype و OneDrive و Microsoft Teams (يفتقد Skype و OneDrive للقطع ، لكن Teams لديه هو - هي).

اعتقدت أنها ستكون تجربة رائعة لمعرفة الشكل الذي سيبدو عليه شعار العلامة التجارية ، بهذا النمط ، قبل أن أجرب أي شيء آخر. امين

@ niels9001weitzhandler WinUI ليس حصريًا لـ .NET ، إنه إطار عمل واجهة المستخدم للتطبيقات الأصلية أيضًا وربما أتذكر شيئًا عن دعم Python المستقبلي؟ ناهيك عن أنه أيضًا الإطار الأساسي لأشياء مثل Xamarin أو Uno أو حلول React Native القادمة.

من المثير دائمًا رؤية المجتمع يجتمع على الأيقونات! ✨

لقد توصلت إلى مسودة مبكرة أعتقد أنها يمكن أن تتسع بشكل جيد عبر مختلف الوسائط / السلع. يوجد في الوسط مكعب مستدير مع كل وجه مظلل بألوان مختلفة - تم اختياره حاليًا من لوحة العلامات التجارية لنظام التشغيل Windows ، ومن الواضح أنه يمكن تغيير ذلك.

العلامات الأكبر / الأقل من تحيط بالمكعب. هذه غير مرئية بأحجام أصغر ، بدلاً من التركيز على المكعب.

يمكن أيضًا تحديد الشعار لأغراض تجارية. استهزأ بفكرة كيف يمكن أن يبدو على قميص.

لا يزال العمل قيد التقدم ، ونقدر التعليقات كثيرًا. 😊 أشعر بالقلق من أن الأمر يبدو مجردًا إلى حد ما ، لكنني سأدع المجتمع يحكم على ذلك!

WinUI_LogoExporation_GitHub

itsmichaelwest تنقض وتقوم بعمل ممتاز كما هو الحال دائمًا :)

لقد كنت أرسم بعض الأفكار ، وسأبدأ بمحاولة إنشائها في أفكار أكثر مصقولة.
image

هنا واحد يعتمد على شعار Visual Studio
winUI logo idea 1

image

winUI logo idea 3

winUI logo idea 4

إليك شعار مستوحى من موقع Fluent Design

winUI logo idea 5

16 بكسل و 32 بكسل أيقونات مصقولة

image

كان لدي في الواقع أفكار مماثلة حول مفهوم "UI"petroemil

أرغب في صياغة مسودة إرسال ثانية منفصلة عن windows ، وأتفق مع

متفق. ربما شيء ما .Net Core UI أو .Net UI سيكون من المثير للاهتمام التفكير فيه. ومع ذلك ، أوصي الآن بضم هذه الرموز إلى علامة Office التجارية. فقط علامة Office التجارية حتى الآن تستخدم القطع الصغير. مع دروبانيل.

أيضًا ، إذا كان هذا سيؤدي إلى إعادة تسمية العلامة التجارية بالكامل - كيف يمكننا دمج مجموعة أدوات مجتمع Windows بشكل أفضل؟

WinUI
مجموعة أدوات مجتمع WinUI؟

من منظور طويل المدى ، هل يجب ألا يستخدم التصميم تسمية واجهة مستخدم Windows (win)؟

Artboard Copy
Artboard

winUI logo idea 7

كان لدي في الواقع أفكار مماثلة حول مفهوم "UI"petroemil

أرغب في صياغة مسودة إرسال ثانية منفصلة عن windows ، وأتفق مع

متفق. ربما شيء ما .Net Core UI أو .Net UI سيكون من المثير للاهتمام التفكير فيه. ومع ذلك ، أوصي الآن بضم هذه الرموز إلى علامة Office التجارية. فقط علامة Office التجارية حتى الآن تستخدم القطع الصغير. مع دروبانيل.

أيضًا ، إذا كان هذا سيؤدي إلى إعادة تسمية العلامة التجارية بالكامل - كيف يمكننا دمج مجموعة أدوات مجتمع Windows بشكل أفضل؟

WinUI
مجموعة أدوات مجتمع WinUI؟

أقدر المكالمة @ niels9001. 🦙❤

ومع ذلك ، فإن مجموعة أدوات مجتمع Windows هي أكثر من مجرد واجهة مستخدم (على الرغم من أن عناصر التحكم وعمل XAML يمثلان الجزء الأكبر مما يتم استخدامه). لست متأكدًا من مدى أهمية العلامة التجارية المشتركة هنا حتى الآن ، خاصة وأن فريق WinUI لا يدير مجموعة الأدوات ، فنحن مؤسسات منفصلة. لذا ، ستكون مناقشة أكبر في مكان آخر.

بالنسبة للإدخال في التصميمات ، فقد أحببت حقًا رمز الكتاب الحالي ، حيث إنها مكتبة من عناصر التحكم ... 😛

ومع ذلك ، هناك بعض التصميمات التي تجعلني أعتقد أنه ربما يمكنني تغيير رأيي ... هل توافق على أننا يجب أن نبتعد عن نمط تصميم Office.

مرحبًا SavoySchuler ، كنت أتساءل ما هي مهمة WinUI في كلماتك؟ أسأل لأنه سيكون من الجيد استحضار هذه الأفكار عبر الشعار الجديد. شكرا!

هذا سؤال رائع ياsaraclay! ليس لدينا مهمة رسمية لـ WinUI لأنها تتطور باستمرار لتلبية احتياجات مجتمعنا ، ولكن هدفنا لـ WinUI 3 هو:

"سيجلب WinUI 3 النظام الأساسي الحديث للعروض التقديمية لنظام Windows لمزيد من المطورين ، بشكل أسرع ، وبطريقة أكثر انفتاحًا."

يمكنني تفريغ المحتويات داخل هذا أكثر قليلاً إذا كان ذلك سيساعد - أريد فقط التأكد من عدم حشد الروح الإبداعية بالتفاصيل الفنية. فقط دعني اعرف! 😊

image

هذا هو رأيي في شعار الكتاب الحالي ، بأسلوب منمق ليبدو مثل أيقونات نسيج Office. كما أنني أخذت حريتي في إنشاء مفاهيم لـ "WinAPI" ، كما ذكر

WinUI Fabric
WinUI Fabric

نسيج WinAPI [A]
WinAPI Fabric 1

نسيج WinAPI [B]
WinAPI Fabric 2

حول موضوع التسمية

كان لدي في الواقع أفكار مماثلة حول مفهوم "UI"petroemil

أرغب في صياغة مسودة إرسال ثانية منفصلة عن windows ، وأتفق مع

متفق. ربما شيء ما .Net Core UI أو .Net UI سيكون من المثير للاهتمام التفكير فيه. ومع ذلك ، أوصي الآن بضم هذه الرموز إلى علامة Office التجارية. فقط علامة Office التجارية حتى الآن تستخدم القطع الصغير. مع دروبانيل.
أيضًا ، إذا كان هذا سيؤدي إلى إعادة تسمية العلامة التجارية بالكامل - كيف يمكننا دمج مجموعة أدوات مجتمع Windows بشكل أفضل؟
WinUI
مجموعة أدوات مجتمع WinUI؟

من منظور طويل المدى ، هل يجب ألا يستخدم التصميم تسمية واجهة مستخدم Windows (win)؟

أرى الكثير من الجدل الممتاز حول تسمية المنتج. هذه أسئلة رائعة يجب طرحها!

كما لاحظ petroemil ، فإن WinUI ليس حصريًا لـ .NET. إنه إطار عمل واجهة المستخدم الحديث لتطبيقات Windows الأصلية التي يمكن الاستفادة منها من خلال العديد من أطر التطوير بما في ذلك React Native بالإضافة إلى أنها الإطار الأساسي لأشياء مثل Xamarin و Uno.

هدفنا هو أن نقدم لكم جميعًا الطريقة الأسرع والأسهل والأكثر انفتاحًا لإنشاء واجهة مستخدم عالمية المستوى. فكر في كلمة "win" في "WinUI" على أنها "🏆UI". تعتقد أنني أمزح - لكننا نفعل هذا طوال الوقت مع فريق 🏆Dev (WinDev).

إذا كان بإمكان أي شخص التفكير في طريقة لترجمة 🏆 إلى شعار شرعي ، فستجعل أسبوع

أود أيضًا أن أشير إلى أن رموز النسيج (التي أشير إليها هنا باسم "أيقونات Office") _لا تقتصر على MS Office. على سبيل المثال ، يستخدم كل من Your Phone و Windows Terminal الجديد أيقونات Fabric ، على الرغم من حقيقة أنهما غير مرتبطين على الإطلاق بـ Office.

يبدو أن نمط Fabric موجه نحو الخدمات عبر الأنظمة الأساسية ، بما في ذلك Your Phone و Terminal (حيث يحتوي على Ubuntu) و Azure (يستخدم موقع الويب Fabric). إذا كان من المفترض أن يكون WinUI (يأتي) عبر الأنظمة الأساسية أيضًا ، فسيكون من المثالي ربط WinUI بخدمات أخرى عبر الأنظمة الأساسية.

yoshiask لقد ذهبت مع نفس الإلهام بضع مشاركات فوق

تعجبني الطريقة التي ظهرت بها شعاراتك ، لكنهم يشعرون بأنهم أكثر إحكاما من شعارات Fabric الحالية.

AmNotADev هل يمكنك توضيح "الاتفاق"؟ هل تقصد اللون الحكيم (في جزء "المحتوى") ، أم الفصل ("البطاقة" التي تحتوي على ">")؟

yoshiask لا يبدو أن عرض قسم "الخلفية" من الشعار يطابق أيًا من نسب شعارات Fabric الأخرى ، يبدو قليلاً ... مضغوط؟ سأجعله أعرض قليلاً بحيث يبدو الشعار العام أكثر تربيعًا.

كانت لدي المشكلة المعاكسة وجعلت مشكلتي أوسع قليلاً من أن أتطابق.

آه ، نقطة عادلة. أعتقد أنني طابقت نسب التصميم الحالي عندما كنت أعمل عليه ، ونسيت تغييره مرة أخرى.

مثل ، إليك تعديلي على الإرسال السابق بواسطتي إذا قمت بتعديل الحجم وتحديد المواقع.
256

تم إصلاح العرض ("البطاقة السفلية" ، إنها الظل الخاطئ للأزرق ، عفوًا. لا أريد إرسال رسائل غير مرغوب فيها ، لذا سأتركها الآن)
WinUI Fabric

تصميم RedidAmNotADev باستخدام قالب Fabric الخاص بي.
WinUI AmNotADev Blue
WinUI  AmNotADev Green

تضمين التغريدة
Win Combined
يبدو تقريبًا مثل PowerPoint Word Art

winUI logo idea 9

إصدارات متدرجة ، مثل Office ، نمط Windows 10 Fluent Icon (بما في ذلك ضوضاء أكريليك) ، مع الاحتفاظ باستعارة الكتاب.

Idea 9 _ all

image

إصدارات مسطحة وأحادية اللون من نفس التصميم الذي شاركته من قبل ، بالإضافة إلى نموذج القميص. إنه نسيج على قماش!
WinUI Fabric Mono
WinUI Literal Fabric

أهلا بك!

هذه هي أفكاري المبكرة في التصميم.
ماذا تعتقد؟
logos

أهلا!
هذه فكرتي لـ WinUI
winui

حول موضوع التسمية

كان لدي في الواقع أفكار مماثلة حول مفهوم "UI"petroemil

أرغب في صياغة مسودة إرسال ثانية منفصلة عن windows ، وأتفق مع

متفق. ربما شيء ما .Net Core UI أو .Net UI سيكون من المثير للاهتمام التفكير فيه. ومع ذلك ، أوصي الآن بضم هذه الرموز إلى علامة Office التجارية. فقط علامة Office التجارية حتى الآن تستخدم القطع الصغير. مع دروبانيل.
أيضًا ، إذا كان هذا سيؤدي إلى إعادة تسمية العلامة التجارية بالكامل - كيف يمكننا دمج مجموعة أدوات مجتمع Windows بشكل أفضل؟
WinUI
مجموعة أدوات مجتمع WinUI؟

من منظور طويل المدى ، هل يجب ألا يستخدم التصميم تسمية واجهة مستخدم Windows (win)؟

أرى الكثير من الجدل الممتاز حول تسمية المنتج. هذه أسئلة رائعة يجب طرحها!

كما لاحظ petroemil ، فإن WinUI ليس حصريًا لـ .NET. إنه إطار عمل واجهة المستخدم الحديث لتطبيقات Windows الأصلية التي يمكن الاستفادة منها من خلال العديد من أطر التطوير بما في ذلك React Native بالإضافة إلى أنها الإطار الأساسي لأشياء مثل Xamarin و Uno.

هدفنا هو أن نقدم لكم جميعًا الطريقة الأسرع والأسهل والأكثر انفتاحًا لإنشاء واجهة مستخدم عالمية المستوى. فكر في كلمة "win" في "WinUI" على أنها "🏆UI". تعتقد أنني أمزح - لكننا نفعل هذا طوال الوقت مع فريق 🏆Dev (WinDev).

إذا كان بإمكان أي شخص التفكير في طريقة لترجمة 🏆 إلى شعار شرعي ، فستجعل أسبوع

أود أن أعتذر مقدمًا عن مهاراتي في التصميم ، يرجى استخدام خيالك عندما تنظر إلى الرسم التخطيطي التالي :

ماذا لو كان الشعار عبارة عن عملة معدنية أو ميدالية (بدلاً من كأس / كأس)؟

في حالة WinUI ، يمكن أن تكون عملة فضية مع لوحة طلاء ذهبية بالداخل؟ أو يمكن أن يكون المنحنى الخارجي للوحة دائرة أكثر كمالا ويمكن ملء الجزء المتبقي من الدائرة بقطعة فضية.

ويمكن أن تكون WinAPI عملة فضية - على عكس الرسم التوضيحي أدناه - عجلة مسننة رفيعة نسبيًا على الحافة بها العديد من الأسنان.

win-ui-api-logo-sketch

يمكن أن يكون أحد وجهي العملة إما النص UI / API أو الرمز </> / { # } (على الرغم من أن الرموز داخل الرموز قد تكون أكثر من اللازم رمزية) ، والجانب الآخر يمكن أن يكون شعار Windows.

إنه يحتاج إلى القليل من الخيال ، لكن يمكنني أن أتخيل أن هذا في الواقع يبدو جيدًا.

بعض الأمثلة الإضافية من interwebs:

  • نوع تصميم العملة المسننة الذي كان لدي في رأسي: الرابط
  • وبما أنني كنت هناك بالفعل ، أبحث عن أمثلة ، أدركت أن عملة BitCoin تبدو رائعة أيضًا: الرابط

هنا مفهومي

WinUI-1

استنادًا إلى اثنين من رسوماتmdtauk
WinUI VS ScaledWinUI XAML Card

1

2

3

4

5

6

7

8

SavoySchuler تغيير اسم Hybrid + UI = HybrUI
واجهة المستخدم لجميع نماذج الصفائح. HybrUI على جيثب.

شكرًا لك على أفكارك الرائعة: الألوان وموضوع XML مفتوحان أيضًا للتنوع!

أعتقد أننا ربما دفعنا الاستطلاع قليلاً من خلال وجود شعار موجود مسبقًا لأن العديد من هذه التصميمات تشير إلى سمة XML. هذا جيد! لكن XML هي أيضًا _فقط واحدة_ من لغات البرمجة التي يمكنك استخدامها. نفس الشيء مع نظام الألوان - لا داعي للالتزام باللونين الأزرق والأبيض!

إذا كنت تستطيع التفكير في الأفكار العصرية التي تخرب هذه الموضوعات و / أو الألوان ، فنحن نشجعك على مشاركتها!

ومع ذلك ، فإن إعادة تسمية WinUI ليست هدفًا من هذا الجهد ، ولكن إذا كانت فكرة شعارك تتوقف على إعادة تسمية ، فلا تتردد في إرسالها على أي حال. برجاء العلم فقط أن الشعارات التي تحتوي على اسم "WinUI" من المحتمل أن تحظى باهتمام أكبر من أولئك الذين سيتخذون الخيارات النهائية.

لكم كل خير. هذا التحول لا يصدق! 🏆

winui_funky

IUsername - يا له من وقت لا يصدق وتصميمات لا تصدق !! 🎺 ما رأيك ياMikeHillberg؟ هل هذه تضرب على وتر حساس مع روحك الإبداعية؟ لدىmdtauk و embender أيضًا بعض مخططات الألوان التجريبية أعلاه.

رأيت استخدام صور المكعب والأقواس كـ XAML بدلاً من XML على نطاق أوسع. لكن نعم ، يعد WinUI أكثر من XAML ، لذا قد يكون الانتقال إلى ما وراء أيقونات XAML أفضل.

لقد حاولت التركيز على جانب الكتاب / المكتبة ، وجانب XAML (كما هو الحال الآن ، XAML هو إطار عمل واجهة المستخدم الوحيد الذي يستخدمه WinUI ، مع قيام WPF و GDI بإدخال XAML في أطر عملهم)

ها هي أفكاري الفيروزية اليوم ، مكبرة 3x من 64 بكسل. مرح!
WinUI_3x

بصراحة ، لا أرى أي خطأ في التمسك بنظام الألوان الأزرق والرمادي. يبدو أن اللونين الأزرق والأرجواني (خاصة الأزرق) هما الأكثر ارتباطًا بنظام Windows ، لذلك لا أرى مشكلة في الحفاظ على شعار WinUI باللون الأزرق. (ما لم تتم إزالة "Windows" و "Win" من الاسم.)

رأي آخر: تتركز واجهات Fluent Design بشكل كبير على لون لهجة واحدة ، سواء كان لون التطبيق أو لون تمييز المستخدم. تستخدم معظم الألوان في تطبيق Fluent فقط الألوان المحايدة والاختلافات في لون التمييز. يجب أن تعكس لوحة ألوان WinUI هذا من خلال التمسك بلون واحد فقط ، بالإضافة إلى الألوان المحايدة مثل الأسود والأبيض والرمادي.

هذه فكرة مقترنة بالحد الأدنى.
idea 11

Fabric Icons
يبدو أن Microsoft تسير في اتجاه جديد مع أيقوناتها. تشترك أيقونات Office المعاد تصميمها وأيقونات النسيج الأحدث (كما رأيت أن شخصًا ما أشار إليها هنا) بالعديد من العناصر التي تساعدهم على أن يكونوا جزءًا من لغة تصميم متماسكة. لقد لاحظت أن العديد منهم يدمج العمق ، وله ألوان نابضة بالحياة ، ويمثل بشكل تجريدي خدمتهم ، وهم مبنيون مما أسميه الكتل. خذ أيقونة Excel. الكتل ملونة باللون الأخضر النابض بالحياة (بأسلوب متدرج بارد تقريبًا بكسل) وتمثل بشكل تجريدي الخلايا في جدول بيانات. العمق مع المربع الذي يحتوي على الحرف "E" يلقي بظلاله على المستطيل الموجود أسفله. لقد حرصت على دمج هذه العناصر في تصاميمي.

أردت أن أبتعد عن هيكل أيقونات المكتب التي صورتها في المثال أعلاه. نظرًا لأن WinUI ليست خدمة Office ، فإن وجود مربع به نص عائم فوق جزء مستطيل لم يكن اتجاهًا اخترته لتصاميمي. بدلاً من ذلك ، قررت استخدام بعض العناصر التي ذكرتها أعلاه والتي تتيح مساحة كبيرة للإبداع مع تصنيف الرمز في نفس الوقت على أنه أحد منتجات Microsoft.

بالنسبة للألوان في تصميمي ، أردت دمج مظهر التدرج اللوني الصلب (كما هو موضح في العديد من أيقونات Office / Fabric). نظرًا لأنني لست خبيرًا في كيفية الحصول على مزيج من الألوان التي تعمل بشكل جيد معًا ، فقد استخدمت الألوان من أيقونة Outlook. لقد نجحت لأنني أردت أن تكون التصميمات زرقاء (مثل الأصل). أردت حقًا فقط توصيل الفكرة العامة وعملت تلك الظلال.

في العديد من تصميماتي ، استخدمت الكتل لتمثيل واجهة المستخدم بشكل تجريدي. لتحقيق ذلك في بعض تصميماتي ، استخدمت شبكة غير محددة وتتوافق مع أي تخطيط يمكن تصميمه باستخدام مكونات WinUI. بدت هذه واحدة من أفضل الطرق لتمثيل مكتبة المكونات والواجهات التي يمكن بناؤها معها.

لقد استخدمت العمق الموضح بالظل في العديد من تصاميمي لـ. يجب تحسين تأثير العمق على بعضها ، لكن كما قلت من قبل ، يجب أن تنقل الفكرة العامة.

Icons 2 Layout

Icons 1 Layout

وإليك بعض رسوماتي الأولية إذا كان أي منكم فضوليًا:

321
123

4 Logos

لدي أربعة تصميمات لكل منها تكرارات متعددة موضحة أعلاه. سأخوض في مزيد من التفاصيل مع كل واحد من الصور.

  1. نسخة حديثة من الشعار الأصلي. أنا حقًا أحب استعارة الكتاب والمكتبة للأصل. يمكن تفسير الغلاف على أنه يظهر واجهة مستخدم مجردة. لذلك فهو يحتوي على العديد من الاستعارات وهو أمر رائع نوعًا ما. يتم عمل النص بأسلوب مشابه لأيقونة Terminal الجديدة. تعرض علامة الكتاب العمق الذي كان مهمًا بالنسبة لي لأنه سمة رئيسية لأيقونات Fabric و Fluent Design.

  2. بأخذ اسم WindowsUI إلى حد ما حرفيًا ، يظهر هذا التصميم مستخدمًا فوق واجهة نمط Windows.

  3. يعد التنقل العمودي جزءًا مهمًا من واجهة مستخدم Windows ، ويتم عرضه في العديد من التطبيقات والمواقع. يُظهر هذا التصميم نسخة مبسطة منه بأسلوب مشابه لشعار Windows Terminal (سواء في الشكل أو في كيفية تأكيدهما على عنصر واجهة رئيسي. بالنسبة لأيقونة Terminal ، فهي علامات التبويب بدلاً من التنقل الرأسي). ربما يجب خلط الألوان قليلاً لجعل النص أكثر وضوحًا. اعتقدت أن هذا يناسب لغة تصميم Windows جيدًا.

  4. حاولت عرض التجريد الشديد لواجهات المستخدم (والمكونات التي تتكون منها) مع التكرارات المختلفة لهذا التصميم. إنها بسيطة جدًا لكنني أعتقد أنها تبدو رائعة.

NoahFeller - أنا حقًا

stmoy هذا أيضًا أحد المفضلين لدي. كانت الفكرة وراء الشبكة هي طريقتي لتمثيل واجهة المستخدم بطريقة مبسطة للغاية ومجردة. كنت أفكر أيضًا أنه يمثل الإطار الذي تمثله WinUI. أنا أتفق مع وجهة نظرك بالرغم من ذلك. ربما يساعد تشابه ظلال الألوان في جعلها تبدو أقل ضوضاء. لقد بذلت قصارى جهدي لتطبيق الكتل لتتناسب مع نمط أيقونات النسيج الأخرى (هاتفك ، المحطة الطرفية ، أيقونات المكتب). لدي نسخة من الرمز في الجزء السفلي الأيسر من صورتي الأولى التي لا تحتوي على الشبكة. سأحاول بعض المتغيرات المختلفة لأنني لا أحب مظهر ذلك. يمكن تحسين ألوان وتصميم المستطيلات. أنا أفكر أيضًا في توسيع الإشارة المرجعية قليلاً. شكرا على ملاحظاتك!

itsmichaelwest ، ماذا يمثل المكعب في تصميمك؟ بالنسبة لي ، يبدو وكأنه رمز مساحة ثلاثي الأبعاد ، AR ، أكثر من إطار واجهة مستخدم قائم على Markup

itsmichaelwest ، ماذا يمثل المكعب في تصميمك؟ بالنسبة لي ، يبدو وكأنه رمز مساحة ثلاثي الأبعاد ، AR ، أكثر من إطار واجهة مستخدم قائم على Markup

@ danzil ، لست متأكدًا ، لكن ربما يكون المكعب من Fluent هو الذي يمثل المادة؟

image

stmoyNoahFeller لقد ألهمتني محاولة الجمع بين عدد قليل من تلك العناصر التي استخدمتها لشعاراتك ، جنبًا إلى جنب مع فكرة الكتاب عن الأصل ، والمثال الأول.

Idea 12

stevenbrix AFAIK انتقل فريق Fluent Design بعيدًا عن تصميمات المكعب ، إلى مخططات أبسط تظهر الأبعاد.

image

image

أتمنى أن لا أكون قد فات الأوان للحفلة!

هذه مساهمة من جانبي

WinUI_logo

هذه افكاري من ورائها

  • WinUI مخصص بشكل أساسي لنظام Windows ، لذا فإن الشعار مشتق من شعار Windows.
  • نظرًا لأن واجهة المستخدم لا تزال في المقدمة تتفاعل مع المستخدم ، هنا يمثل المكون الأزرق واجهة المستخدم كما هي أمام المكونات الأخرى (الرمادية) للشعار.
  • تمت إضافة الشفافية والظل المسقط إلى المكون الأزرق لتمثيل Fluent Design.
  • قم بتدوير الزوايا قليلاً لجعلها أكثر تلميعًا.

ماذا يمكن أن تفعل لها

  • يمكن إضافة الرمز> إلى المكون الأزرق للتأكيد على WinUI

أتمني أن تعجبك.

نرحب بالاقتراحات.

ratishphilip إنها فكرة مماثلة لتلك التي كنت أجعلها تعمل جيدًا بأحجام صغيرة عند تجسيدها.

image

mdtauk ، أنت على حق. في أحجام صغيرة جدًا ، لن تعمل الشفافية والظلال.

إليكم مفهوم آخر - مفهوم مشابه لمفهوم رسالتي السابقة ، ولكنه مستوحى من دعوة Microsoft في 2 أكتوبر. :)

WinUI_logo2

إذا قمت بتدوير الشعار عكس اتجاه عقارب الساعة بمقدار 45 درجة ، يمكنك رؤية العنصر> في الشعار.

itsmichaelwest ، ماذا يمثل المكعب في تصميمك؟ بالنسبة لي ، يبدو وكأنه رمز مساحة ثلاثي الأبعاد ، AR ، أكثر من إطار واجهة مستخدم قائم على Markup

danzil @ The cube هو عرض

XAML file icon

اعتقدت أنه سيكون من الجيد أن يمثل شعار WinUI بطريقة ما ما يقدمه: مجموعة من عناصر تحكم وأنماط XAML.

لست سعيدًا جدًا بهذا ، ولكن إذا تم إلهام أي شخص لفعل شيء ما به ، فأنا أحب أن أراه!

image

هل / هل يجب الاحتفاظ بهذه الشعارات متزامنة؟ وهل يجب عليهم جميعًا مشاركة اسم WinUI ، إذا كان يجب أن يشمل جميعًا لـ Windows UI و XAML؟

image

mdtauk نعم - نطمح إلى تلقيح جميع

تحديث الجدول الزمني: الإعلان عن أهم 5 في الأسبوع القادم!

عزيزي المجتمع ، أفكارك لا تصدق! في كل مرة أتوقع أن ترفع المستوى ، ترفعه أعلى. نحن متحمسون جدًا للعمل معكم جميعًا في مشروع كهذا. 😊

نحن نهدف في أوائل الأسبوع المقبل إلى إرسال أفضل 5 اختيارات لدينا حتى الآن حتى يتسنى للجميع الحصول على فرصة لوضع أي لفات أخيرة عليهم قبل أن نحصرها في واحدة في 9 سبتمبر .

حتى ذلك الحين سنواصل الانضمام إليك لتبادل الأفكار والإبداع!

Idea 14

عائلة موحدة من الأيقونات - تستند جميعها إلى شبكة 16 بكسل ، لذا كلما توسع نطاقك ، قد تصبح التفاصيل أكثر دقة ، كما أوضحت في أفكار الشعار السابقة التي نشرتها

image

هنا هو آخر واحد

WinUILogo

المفهوم الكامن وراء هذا

  • يتكون WinUI من كود + XAML. يتم تمثيل الرمز بأقواس معقوفة ويتم تمثيل XAML بواسطة>.
  • كما يمثل مربعًا بزوايا دائرية تشير إلى نافذة بزوايا دائرية.

نسخة أخرى من هذا تؤكد على XAML

WinUILogo_a

Untitled-9
أردت بسرعة عرض كيف يمكن تكييف أحد تصميماتي مع أيقونات WinUI المصاحبة للشعار الرئيسي. كان هدفي من التصميم 1 هو تحديث الأيقونة الموجودة في نمط Fabric / Fluent. كنت أسعى للحصول على مظهر جديد وجديد ومألوف. تم استخدام نفس الاستراتيجية على الرموز المصاحبة. من الواضح أنني أجريت بعض التعديلات ، لكنني بذلت قصارى جهدي لترك البنية الأساسية لكل رمز من رموز WinUI سليمة أثناء استخدام نهج التحديث. بهذه الطريقة ، إذا تم طرح هذه الرموز ، فسيظل المستخدمون يفهمون ما يمثلونه ويربطهم مظهرهم المشترك معًا كجزء من خدمة واحدة. تظهر مشاركة المزيد من العناصر العامة مع أيقونات جديدة أخرى أنها تمثل أحد منتجات Microsoft. نظرًا لأن بعض أجزاء الرموز أصبحت أكثر سمكًا (حروف وتفاصيل أخرى) ، فقد تم تغيير حجمها بشكل جيد.

هذه نسخة مرتجلة من طلبي السابق

WinUILogo2

رأيي في الشعار

تحديث بسيط للشعار الحالي ، أشعر ببعض المفاهيم المذكورة أعلاه ، بينما تبدو لطيفة ، تنحرف كثيرًا عن فكرة رمز WinUI. على الرغم من أن الرمز يمكن أن يكون شيئًا مثل الصندوق ، إلا أن دفتر الملاحظات يلخصه بشكل أفضل.

التصميم بسيط نسبيًا ومصنوع مع وضع القياس في الاعتبار ، مع زوايا دائرية وتدرجات لونية دقيقة. توجد هنا بعض العناصر من أدوات Microsoft dev (ذات الصلة) الأخرى ، مثل < و > من أيقونة Terminal.

image

التفاصيل (64 بكسل + إصدار):

image

image

شعار مع علامة نصية _WinUI_

image

لقد اتخذت فكرة سابقة ، وغيرت الألوان ، وأضفت أمثلة لشعارات المعرض ومجموعة الأدوات
Idea 12-family

هنا لقطة أخرى لشعاري السابق

WinUILogo3

مفهوم آخر

WinUILogo4

ارتجال الشعار السابق

WinUILogo5

أنا حقا أحب ذلك ratishphilip!

لم أكن سعيدًا أبدًا بحقيقة أن الرمز ، > ، يشبه "علامة النهاية". بمعنى آخر. يزعجني أن يظهر الرمز في الكود حيث توجد الأشياء ...

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

لكن الأيقونة الأخيرة الخاصة بك (وغيرها من الرموز المشابهة) مصممة لإبعاد التركيز عن الخط المائل.

كنت أتساءل عما إذا كان بإمكانك تبسيطها قليلاً ... ربما يمكنك وضع نقطة مستديرة في الجزء السفلي من الشرطة المائلة لجعلها تبدو أشبه بعلامة تعجب!

نقاط التعجب ذات صلة وتظهر في تعليقات XAML ، كما في ...

<!-- WinUI is awesome -->

فقط لتوضيح القياس من أفكار شعاري السابقة ، إليك أيقونات 16 بكسل و 128 بكسل - يمكنك رؤية التغييرات في النسب ، وزيادة التفاصيل

Idea 12 - Scale

أيضا تعديل _I الارتفاع في الجزء الأول من الرموز، ولذلك يلقي بظلاله على part_ U

ارتجال الشعار السابق

WinUILogo5

ratishphilip آمل ألا تمانع ، لكنني قررت أن أجري التغيير والتبديل في فكرتك ...

ratishphilip idea refined
_Edit: استعادة رموز Brace البديلة من التصميم الأصلي_

ratishphilip آمل ألا تمانع ، لكنني قررت أن أجري التغيير والتبديل في فكرتك ...

لا مشكلة :)

ratishphilip آمل ألا تمانع ، لكنني قررت أن أجري التغيير والتبديل في فكرتك ...

لا مشكلة :)

تضمين التغريدة كيف ترى أن هذا الشعار يتوسع في XAML Controls / WinUI Gallery و Windows Community / WinUI Toolkit؟

mdtauk هذا هو مفهومي لمعرض WinUI والمكتبة ومجموعة الأدوات

WinUILogo6

mdtauk هذا هو مفهومي لمعرض WinUI والمكتبة ومجموعة الأدوات

WinUILogo6

ratishphilip شكرًا لك ،
ratishphilip idea refined

تضمين التغريدة

على الرغم من أنها تبدو مثيرة للاهتمام ، إلا أنها تبدو مشغولة جدًا بالعديد من العناصر والظلال المتداخلة. فقط 0.02 دولار

تضمين التغريدة

على الرغم من أنها تبدو مثيرة للاهتمام ، إلا أنها تبدو مشغولة جدًا بالعديد من العناصر والظلال المتداخلة. فقط 0.02 دولار

أنا شخصياً أوافق ، لكنني كنت آخذ الفكرة كما تم تقديمها ، وأضيف التفاصيل

هنا بعض المفاهيم الأخرى. يعد WinUI Toolbox واحدًا خشنًا جدًا ...
WinUI Collection Fabric + WinAPI
تستند هذه المفاهيم إلى رمز Dev Tools
WinUI DevTools Fabric

هنا هو آخر واحد

WinUILogo7

محاولة أخرى

WinUILogo8

هنا هو آخر واحد

WinUILogo7

يبدو هذا النوع كأنه نمط تموج في النسيج سيئ ، والظل قوي جدًا قليلاً ، ولا يبدو أن الخطوط تمثل الارتفاع جيدًا.

محاولة أخرى

WinUILogo8

إنها أكثر إتقانًا ، لكن شعار المكتبة وشعارات المعرض متشابهة جدًا ، ولا يبدو مربع الأدوات كما لو كان مناسبًا للشبكة المربعة ، لذا فهو غير مفيد بحجم 16 × 16 بكسل

تحديث الجدول الزمني: الإعلان عن أهم 5 في الأسبوع القادم!

عزيزي المجتمع ، أفكارك لا تصدق! في كل مرة أتوقع أن ترفع المستوى ، ترفعه أعلى. نحن متحمسون جدًا للعمل معكم جميعًا في مشروع كهذا. 😊

نحن نهدف في أوائل الأسبوع المقبل إلى إرسال أفضل 5 اختيارات لدينا حتى الآن حتى يتسنى للجميع الحصول على فرصة لوضع أي لفات أخيرة عليهم قبل أن نحصرها في واحدة في 9 سبتمبر .

حتى ذلك الحين سنواصل الانضمام إليك لتبادل الأفكار والإبداع!

أي فكرة في أي يوم تخطط لتقليل بعض هذه الأفكار؟

واحد آخر مشتق من شعار Microsoft Word

WinUILogo9

تحديث الجدول الزمني: الإعلان عن أهم 5 في الأسبوع القادم!
عزيزي المجتمع ، أفكارك لا تصدق! في كل مرة أتوقع أن ترفع المستوى ، ترفعه أعلى. نحن متحمسون جدًا للعمل معكم جميعًا في مشروع كهذا. 😊
نحن نهدف في أوائل الأسبوع المقبل إلى إرسال أفضل 5 اختيارات لدينا حتى الآن حتى يتسنى للجميع الحصول على فرصة لوضع أي لفات أخيرة عليهم قبل أن نحصرها في واحدة في 9 سبتمبر.
حتى ذلك الحين سنواصل الانضمام إليك لتبادل الأفكار والإبداع!

أي فكرة في أي يوم تخطط لتقليل بعض هذه الأفكار؟

تحديث الجدول الزمني: الإعلان عن أهم 5 في الأسبوع القادم!
عزيزي المجتمع ، أفكارك لا تصدق! في كل مرة أتوقع أن ترفع المستوى ، ترفعه أعلى. نحن متحمسون جدًا للعمل معكم جميعًا في مشروع كهذا. 😊
نحن نهدف في أوائل الأسبوع المقبل إلى إرسال أفضل 5 اختيارات لدينا حتى الآن حتى يتسنى للجميع الحصول على فرصة لفهم أي لفات أخيرة قبل أن نحصرها في واحدة في 9 سبتمبر.
حتى ذلك الحين سنواصل الانضمام إليك لتبادل الأفكار والإبداع!

أي فكرة في أي يوم تخطط لتقليل بعض هذه الأفكار؟

mdtauk ألتقي مع ryandemopoulos بعد ظهر اليوم (3 سبتمبر) وسيكون لدينا إما الخمسة الأوائل لدينا أو إطار زمني أكثر تحديدًا يمكنني الإبلاغ عنه. 😄

SavoySchuler مرحبًا سافوي ، شكرًا على التحديث! من الرائع رؤية المجتمع نشطًا جدًا في هذا :)!

أحب حقًا الكثير من المفاهيم ، خاصة تلك التي يكون فيها المعرض والمكتبة ومجموعة الأدوات متشابهين في الشكل والمظهر. لقد قمنا بتوسيع هذا حتى لمواءمة واجهات المستخدم الخاصة بتطبيق Community Toolkit و Gallery للحصول على رسالة موحدة لمطوري UWP الجدد.

كنت أتساءل عما إذا كان لديك شخص من فريق التصميم ينظر في الطلبات أيضًا؟ يعد تظليل الألوان (لإمكانية الوصول) وقابلية التوسع من الأشياء المهمة حقًا ويميل المصممون إلى اكتساب المزيد من الخبرة حول هذه الأشياء ثم نحن المطورين :)!

WinUI wordmarks

فيما يلي بعض أفكار Wordmark واصطلاحات التسمية. WinUI _________ لذلك يبدو أن كل شيء ينتمي إلى عائلة شاملة.

WinUI naming

يجب أن يكون لأي _ flavours_ من WinUI اصطلاح تسمية بسيط بنفس القدر ، لذلك WinUI _for_ _____

SavoySchuler مرحبًا سافوي ، شكرًا على التحديث! من الرائع رؤية المجتمع نشطًا جدًا في هذا :)!

أحب حقًا الكثير من المفاهيم ، خاصة تلك التي يكون فيها المعرض والمكتبة ومجموعة الأدوات متشابهين في الشكل والمظهر. لقد قمنا بتوسيع هذا حتى لمواءمة واجهات المستخدم الخاصة بتطبيق Community Toolkit و Gallery للحصول على رسالة موحدة لمطوري UWP الجدد.

كنت أتساءل عما إذا كان لديك شخص من فريق التصميم ينظر في الطلبات أيضًا؟ يعد تظليل الألوان (لإمكانية الوصول) وقابلية التوسع من الأشياء المهمة حقًا ويميل المصممون إلى اكتساب المزيد من الخبرة حول هذه الأشياء ثم نحن المطورين :)!

سؤال رائع ، @ niels9001! لدينا خبراء في التصميم وإمكانية الوصول في فريقنا بالإضافة إلى فحص الامتثال العالمي المطلوب - وكل ذلك سيضمن شعارًا مناسبًا يسهل الوصول إليه للجميع. 😊 أنا أنتظر حتى يتم اختيار أفضل المرشحين لدينا قبل تطبيق هذه العملية لأنها ستؤدي بخلاف ذلك إلى سماع 121 من التقديمات الرائعة والفريدة من نوعها التي رأيناها حتى الآن!

لا أعتقد أن أيًا منا توقع أن يتم أخذ تصميم واحد كما هو ، فبالطبع فإنهم جميعًا يعملون كنوع من لوحة Mood ، والتي سيأخذها خبراء التصميم في Microsoft ، ويصنعونها ، وينتجون تصميمًا / إطار عمل نهائيًا والذي سيكون شعارات مستقبلية ويمكن أن تستند الرموز إلى.

حقيقة أن أولئك الذين ساهموا منا ، سيكونون قد أثروا على بعضهم البعض ، نأمل أن تعني تصميمًا نهائيًا ، وسيظهر أجزاء يمكن التعرف عليها من العديد من الأفكار 🙂

لا أعتقد أن أيًا منا توقع أن يتم أخذ تصميم واحد كما هو ، فبالطبع فإنهم جميعًا يعملون كنوع من لوحة Mood ، والتي سيأخذها خبراء التصميم في Microsoft ، ويصنعونها ، وينتجون تصميمًا / إطار عمل نهائيًا والذي سيكون شعارات مستقبلية ويمكن أن تستند الرموز إلى.

مكالمة رائعة ،mdtauk! هذا صحيح - قد نغير الاختيار النهائي بناءً على التعليقات الواردة من الموارد أعلاه ، لكنني سأكون متحمسًا أيضًا لعرض العمل الأصلي لأحد أعضاء المجتمع ، لذا سيتعين علينا أن نرى ما يخبئه المستقبل لاختيارنا النهائي .

حقيقة أن أولئك الذين ساهموا منا ، سيكونون قد أثروا على بعضهم البعض ، نأمل أن تعني تصميمًا نهائيًا ، وسيظهر أجزاء يمكن التعرف عليها من العديد من الأفكار 🙂

بالنسبة لهذا ، سأشجع بالتأكيد الاختلافات ويأخذ البديل في المراكز الخمسة الأولى بعد نشرها! 🙂

SavoySchuler هل تختارها ؟ وردود الفعل على أي شيء يقصر. ستساعدنا التعليقات منك ومن الفريق على تحسينها بشكل أكبر ، والمساهمة بإصدارات معدلة من التصميمات التي يختارها بعضنا البعض.

SavoySchuler هل تختارها ؟ وردود الفعل على أي شيء يقصر. ستساعدنا التعليقات منك ومن الفريق على تحسينها بشكل أكبر ، والمساهمة بإصدارات معدلة من التصميمات التي يختارها بعضنا البعض.

mdtauk سؤال رائع آخر! لقد أجريت استطلاعات داخلية لـ 86 شخصًا خلال الأسابيع القليلة الماضية بمجموعة متنوعة من الوسائل على 121 مشاركة لدينا (الآن). نظرًا للحجم ، لن أتمكن من تقديم ملاحظات شاملة ، لكن يمكنني تجميع بعض الملاحظات الشخصية في الخمسة الأخيرة وتشجيع الأطراف المهتمة بشكل خاص على فعل الشيء نفسه. لقد كنت مترددًا في تقديم ملاحظات خلال هذه الجولة المفتوحة حيث إنني حريص على إنشاء أي قيود تمنع إبداع هذا الموضوع ، لكنني أفهم أيضًا الرغبة في قياس اتجاهك ، لقد قمت بتجميع بعض التعليقات العامة أدناه:

  • تُفضل الأقواس الزاوية + تصميمات المكعب / السداسي عالميًا تقريبًا. من الناحية الأسلوبية ، تكون هذه التصميمات بسيطة وفريدة من نوعها ويمكن التعرف عليها عبر مجموعة من الشعارات ومقاسات متعددة بشكل جيد. الإجماع العام الذي لاحظته هو أن أقواس الزاوية (رغم أنها مثيرة للجدل بالنسبة للبعض) تتحدث عن تاريخنا وتشير إلى منتج متجذر في البرنامج بينما يشيد المكعب / السداسي بالنظام البيئي Fluent Design System وينقل الأشياء بشكل تجريدي على غرار اللون ، العمق ، الإضاءة ، المادة ، إلخ.
  • كتاب المكتبة الكلاسيكي ، "نافذة التطبيق" المجردة بنمط Office ، وتصميمات .NET الدائرية مرتبطة نسبيًا بالمرتبة الأولى. أعتقد أن هذا يرجع إلى التشابه والسابقة والإلمام بشعارات منتجات النظام البيئي لمطوري Windows الأخرى. تميل أيضًا إلى أن تكون بسيطة ونقية وواضحة.
  • معكوسًا للرصاصة الأولى ، فإن الشعارات المعقدة من الناحية الأسلوبية مع العديد من الظلال والمكونات النطاقات تثير القلق فيما يتعلق بالتدرج للأحجام الصغيرة دون أن تبدو مشغولة.

وردود الفعل على أي شيء يقصر.

بالنسبة إلى هذا - لا تتردد في مراسلة DM الخاصة بي بشأن أي عمليات إرسال تهتم بها بشكل خاص ويمكنني أن أرى ما يمكنني الحصول عليه. 🙂

أنتظر بفارغ الصبر رؤية الخمسة الذين يفضلون

نعم @ SavoySchuler ، في انتظار بفارغ الصبر رؤية أعلى 5.

أي ردود فعل هي دائما موضع ترحيب. كما ذكر mdtauk بالفعل ، ستساعدنا هذه التعليقات بالتأكيد على التحرك في الاتجاه الصحيح. نأمل أن يؤدي الجهد الجماعي منا جميعًا إلى الحصول على أفضل شعار لـ WinUI.

controls-1x
fluentdesign-app-header

73c6c980871835 5cee218391221
788b8080871835 5cee2183914f2
أردت أن أضيف أنه يمكنني رؤية بعض التصميمات على موقع ويب Fluent Design يتم تكييفها / تعديلها لتعمل كشعار WinUI (مثل الصورة العلوية). نفس القصة مع بعض أيقونات Fluent (كنت أفكر في أن الضوء أو المادة يمكن أن تكون نقطة انطلاق جيدة). اعتقدت أن بعضكم قد يجد الصور السفلية مثيرة للاهتمام. إنها تعرض عمق وجوانب أسلوب تصميم الأيقونات الجديد من Microsoft. قد تكون بمثابة مصدر إلهام للمتسابقين النهائيين للتفكير في تصميماتهم في مساحة ثلاثية الأبعاد.

_ طبقات الشعار والعمق_
1_Y12LiOMu-9R9WZrvkh7HXQ

_شبكة الشعار_
1_c0ea_S6S2-jY2IGzII_-Fw

_الشرط المائلة للعمق والأمام من Build 2019_
Build_2019_web_header_1900x300

_الصورة بطلاقة الحالية والمحدثة_
1_8MRcLQULvZ_lAtfB_3UBFg

_ربما الإصدارات القديمة من أيقونات Office_
image

أعلم أن الوقت متأخر بعض الشيء ولكن الرمز الموجود في أقصى اليمين في الصورة الثانية إلى الأخيرة (الصورة ذات الخلفية السوداء والأيقونات البيضاء) ستعمل أيضًا بشكل جيد مع رمز WinUI. إنه بسيط ونظيف ويعمل مع الألوان (يمكنني رؤية ظلال مختلفة من اللون الأزرق) أو كما هو الحال مع تصميم المخطط التفصيلي.

أعلم أن الوقت متأخر بعض الشيء ولكن الرمز الموجود في أقصى اليمين في الصورة الثانية إلى الأخيرة (الصورة ذات الخلفية السوداء والأيقونات البيضاء) ستعمل أيضًا بشكل جيد مع رمز WinUI. إنه بسيط ونظيف ويعمل مع الألوان (يمكنني رؤية ظلال مختلفة من اللون الأزرق) أو كما هو الحال مع تصميم المخطط التفصيلي.

أعطيت القيام بشيء مماثل في وقت مبكر.

image

نماذج MERCH للمتعة! (من أحد تصاميمي)
Folded-Sweatshirt-Mockup 1
Folded-Sweatshirt-Mockup
MockUp
Tshirt Mockup

Folded-Sweatshirt-Mockup 1 (2)

كما يبدو هذا القميص من النوع الثقيل مريحًا للغاية والآن أريد نوعًا ما. سأحاول كبح جماح التسوق من النوع الثقيل الآن لول.

مجتمع رائع ، وصلنا إلى نتائج الجولة الأولى!

داخليًا وخارجيًا ، كان الاقتراع واضحًا بما يكفي بالنسبة لنا للوصول إلى رقم 1 في المجموعة الأولى! لكن قبل أن أقول أي شيء ...

شكرا لك!

نيابة عن فريق WinUI بأكمله ، "شكرًا لك!" لكل من تعاون وساهم هنا وعبر تدفقات وسائل التواصل الاجتماعي الخاصة بنا. بالأرقام التي لدينا ...

  • 121 إرسالا
  • 30 عدد المساهمين
  • تم استطلاع 86 من أعضاء الفريق

كان هذا _ استعراض للقوة_ لم نتوقعه أبدًا! أنت رائع!

تم تقديم شعار WinUI التمهيدي الجديد بواسطةitsmichaelwest!

لا يزال هذا التصميم الأنيق هو الأكثر إرسالًا في سلسلة المشكلة وكان بالإجماع تقريبًا الأفضل بين جميع أعضاء الفريق الذين تم استطلاع آرائهم. هناك الكثير لتحبه في هذا الشعار لتفصيله هنا. الأسلوب والأناقة والقابلية للتوسع والقدرة على المظهر ، كل ذلك صخور. شكرًا لك itsmichaelwest على إنشاء شعار الديناميت هذا.

winui logo submission

الوصيف لا يصدق!

لتوفير بعض الإلهام للاستمتاع بتصميمitsmichaelwest ، فإليك بعض

  1. بواسطة mdtauk

winui logo submission

  1. أيضا من mdtauk

winui logo submission

  1. بواسطة @ niels9001

winui logo submission

  1. بقلم NoahFeller

winui logo submission

  1. بقلمratishphilip

winui logo submission

ونذكر مشرفًا باسمIUsername لهذه الطلبات الملونة والأصلية:

winui logo submission

مبروك مرة أخرى وشكرا للجميع!

أين نذهب من هنا؟

نود أن نرى بعض التغييرات والاختلافات في هذا التصميم! بسبب Microsoft Ignite ، تم تأجيل الموعد النهائي لدينا

للإلهام ، هذه اختلافات في شعار itsmichaelwest التي نود استكشافها كمجتمع حتى ذلك الحين:

1. بين قوسين؟

لقد اكتشفنا فكرة توسيع WinUI إلى ما بعد لغة markdown وقد نفعل ذلك في المستقبل مما يعني تجاوز هذه الصيغة "<>". هل تعتقد أن المكعب يمكن أن يكون قويًا بما يكفي ليقف بمفرده؟ إذا كان الأمر كذلك ، فهل لدى أي شخص أفكار يمكن أن تساعده في القيام بذلك؟

2. نص في الداخل؟

بالنسبة لـ Microsoft Ignite ، سنصنع ملصقات سداسية. يتناسب هذا التصميم تمامًا مع هذا الشكل ، لكننا سنحتاج إلى نقل نص "WinUI" في المكعب. هل لدى أي شخص أفكار حول كيفية جعل هذا المتغير يبدو رائعًا؟

3. الألوان؟

هل لدى أي شخص بعض مقترحات الألوان بالتناوب؟ نحن سعداء بالموضوع الأزرق ولكننا لسنا متزوجين منه بشكل خاص. نحن منفتحون على استكشاف مقترحات بديلة!

4. مستقل أم + نص؟

هل نحتاج إلى نص "WinUI" كجزء من الشعار أم أن تصميم المكعب قوي بما يكفي ليقف بمفرده؟ مع <>؟ بدون؟

إذا كان المكعب سيعمل كرمز شامل ، فسوف يحتاج إلى معالجة بصرية تجعله فريدًا.

في 16 × 16 ، لا توجد مساحة كبيرة لأي شيء سوى المكعب ، لذا يجب أن تكون أشياء مثل Toolkit و Gallery ، ذكية لتضمين المكعب والمزيد في الأحجام الأصغر.

هل أصبح شعار WinUI هذا هو شعار XAML الجديد أيضًا؟ نظرًا لأن XAML يستخدم المكعب الموجود بين قوسين ، فما الذي يجعل هذا أكثر من مجرد XAML؟

إليك ألوان علامة Microsoft التجارية للشركات
image

تركيبات الألوان المعتمدة
image

ألوان ويندوز العالمية
image

تهانيناitsmichaelwest!

Filled Cube Idea

WinUILogo10

WinUILogo11

هنا مفهوم آخر يعتمد على المكعب وأقواس الزاوية ...

image
مفهوم تقريبي على أساس ratishphilip

image
image

يجب أن نتأكد من عدم الخلط بينه وبين شعار الوحدة ...

image

mdtauk لم أفكر في ذلك!
بصراحة ، أعتقد أن زاوية المكعب مختلفة بما فيه الكفاية ولكن على أي حال يبدو أن لدينا أفضل 5 أفكار تم اختيارها بالفعل.

كان لدي بعض الأفكار الأخرى.
image

Inner Cube idea

Fluent 2019 Cube

Asset 21winui_cube4

WinUILogo11_2

Woah أنا سعيد للغاية لأن الفريق أحب شعاري!

تحديثات الشعار

لقد كنت أبحث عن أشكال بديلة للمكعب تستلهم من التصميمات الأخرى في هذا الموضوع. لقد أحببت بشكل خاص استخدام mdtauk للألوان من موقع Fluent ، ولذا فقد طورت نسخة من المكعب يستخدم هذه التدرجات (_ هذا ليس نهائيًا! _). لقد أسقطت أيضًا الأقواس في الوقت الحالي ، ربما يمكن لهذا "المكعب السلس" أن يقف من تلقاء نفسه:

WinUI_LogoExporation_V2_GitHub

ملصقات

إليك بعض الأفكار الملصقة. الأول يقوم بتقليص المكعب وإضافة نص WinUI بالإضافة إلى ارتباط إلى المستودع. الثاني يضيف تراكبًا على المكعب ، مع نص WinUI. لست متأكدًا من أيهما يعمل بشكل أفضل وما إذا كان هناك حاجة إلى رابط إلى الريبو.

WinUI_StickerExploration_V2_GitHub

يمكن أن يعمل الملصق الثاني أيضًا كشعار لوسائل التواصل الاجتماعي.

سوف نستمر في تطوير هذا. شكرا لكل من قدم الإلهام في هذا الموضوع! 😃

Inner Cube idea

Inner Cube Toolkit idea

إصدار مجموعة الأدوات لهذا الشعار

image
بعض الزوايا المختلفة لمفهوم قائم على إحدى أيقوناتratishphilip . لقد قمت بتضمين إصدارات بظلال وبدونها.

image

Fluent Inner Cube Dark

Fluent Inner Cube Light

رائع .. أحب هذا الاتجاه.

فقط لحفظ المعنى .. ماذا نعتقد أن "المكعب" يمثل؟ سيكون من الجيد أن يكون لديك القليل من المنطق هناك.

أحب الرابط إلى Fluent Design

لم يكن المكعب المفضل لدي ، لأنه من الصعب امتلاك هذا الرمز كشعار أو علامة تجارية. باستخدام الأقواس ، فإنه يربطها جوهريًا بـ XAML ، ومن يدري ما هي نماذج واجهة المستخدم الأخرى التي قد تظهر في المستقبل.

لذا ... لقد كنت أعامل المكعب على أنه نواة ، لذا فإما أن يكون المكعب داخل مكعب ، كجزء واحد من اللب.

في شعار XAML الأصلي ، أعتقد أن المكعب عبارة عن كائن ، كما هو الحال في الترميز الموجه للكائنات ، أو عنصر XML / XAML.

Two Tone Cube Dark

Two Tone Cube Light

Untitled-3-01

Outlined Cube

هل أصبح شعار WinUI هذا هو شعار XAML الجديد أيضًا؟ نظرًا لأن XAML يستخدم المكعب الموجود بين قوسين ، فما الذي يجعل هذا أكثر من مجرد XAML؟

mdtauk إذا أساءت فهم السؤال ، فيرجى إبلاغي بذلك ، ولكن لا توجد نية لاستبدال أو تحديث شعار Xaml الكلاسيكي في الوقت الحالي - هذا مخصص لـ WinUI فقط. ولست متأكدًا أيضًا من استخدام شعار Xaml الكلاسيكي بنشاط بأي صفة تتجاوز مقالات المستندات القديمة. إذا كنت قد رأيت خلاف ذلك ، فيرجى إبلاغي بذلك!

mdtauk تعد مشاركة ألوان علامتك التجارية مصدرًا ممتازًا في هذا الموضوع. شكرا لكونك رافعا ثقيلا في هذا الموضوع!

WinUILogo11

هنا مفهوم آخر يعتمد على المكعب وأقواس الزاوية ...

ratishphilip -ryandemopoulos ، stmoy ، وأنا أحب حقًا مدى الاكتفاء الذاتي لهذا التصميم. mdtauk ، وهو أيضًا تبديل مثير للاهتمام في الألوان. أنا أستكشف بعض تركيبات الألوان البديلة لهذا الآن. إذا كان بإمكاني التوصل إلى أي شيء جدير بالتقدير ، فسوف أنشره.

Inner Cube idea

Inner Cube Toolkit idea

تمت إضافة إصدار المعرض جنبًا إلى جنب مع الآخرين
Inner Cube Gallery

فيما يلي بعض الشعارات من أطر أخرى - حتى نتمكن من محاولة تجنب عمل أي تصميمات مماثلة.

أنجلار شبيبة
image

زامارين
image

تيبسكريبت
image

عقدة شبيبة
image

تتفاعل
image

رفرفة
image

أيوني
image

HTML / CSS / JS
image

تصميم المواد
image

Swift UI
image

تحديث الجولة النصف نهائية

لقد انتهينا للتو من الاجتماع مرة أخرى لمراجعة كل ما حدث منذ الماضي الجميل. أول شيء ناقشناه: واو ، أنتم جميعًا مدهشون! و بسرعة!

ثانيًا ، برزت لنا ثلاثة تصميمات (بالإضافة إلى

  1. > لقد كنت أبحث عن أشكال بديلة للمكعب تستمد الإلهام من التصميمات الأخرى في هذا الموضوع. لقد أحببت بشكل خاص استخدام mdtauk للألوان من موقع Fluent ، ولذا فقد طورت نسخة من المكعب يستخدم هذه التدرجات (_ هذا ليس نهائيًا! _). لقد أسقطت أيضًا الأقواس في الوقت الحالي ، ربما يمكن لهذا "المكعب السلس" أن يقف من تلقاء نفسه:
    >WinUI_LogoExporation_V2_GitHub

نحن حقا نحب ما فعلته هنا! هل هناك أي احتمال أن يكون لديك إصدار عالي الدقة يمكنك استخدامه لتظهر لنا كيف يبدو هذا مع الأقواس على الجانب؟ نحن نتخيل شيئًا كهذا:

WinUI Icon Simple Mock

  1. mdtauk و @ ratishphilip ، نحب اللون البرتقالي الغامق الذي قمت بنشره! نود أن نرى المزيد من متغيرات الألوان التي تعتقد أنها رائعة. لقد سخرت من بعض مخططات الألوان البديلة أدناه. يستخدم الجزء العلوي ألوان علامة Microsoft التجارية mdtauk المنشورة أعلاه. واحد أدناه لا يتبع أي منصة نقالة خاصة بالعلامة التجارية ، كنت أستكشفها للتو. هل لدى أي شخص أي تركيبات لونية تعتقد أنها "فرقعة"؟ أنا أيضًا لست ضد التدرجات - مهاراتي ليست موجودة بعد!

WinUI Logo Alternate Colors 1

WinUI Logo Alternate Colors 2

  1. mdtauk ، نحن حقًا نحب هذا الذي نشرته! هل هناك أي احتمال أن تتمكن من مشاركة إصدارات من هذا أن أ.) ليس بها نص و ب) لها خلفيات سوداء (مع نص وبدونه)؟

WinUI White Cube Logo

image
SavoySchuler أنا حقًا أحب هذا الذي نشرته.

  1. mdtauk ، نحن حقًا نحب هذا الذي نشرته! هل هناك أي احتمال أن تتمكن من مشاركة إصدارات من هذا أن أ.) ليس بها نص و ب) لها خلفيات سوداء (مع نص وبدونه)؟

🚨 صور كبيرة واردة 🚨
Export Fluent Inner Cube Dark
Export Fluent Inner Cube Light

تتضمن الأحجام 1024 × 1024 (مع أو بدون نص) - 16 × 16 - 32 × 32 - 64 × 64 - 128 × 128 - 256 × 256 - 4096 × 4096

الإصدارات الخفيفة والداكنة

أنا أحب الرمز mdtauk نشر للتو! تبدو مذهلة!

SavoySchuler > هل لدى أي شخص أي تركيبات لونية تعتقد أنها "فرقعة"؟

Two Tone Cube Dark
اللون الأرجواني والبرتقالي هو مزيج كلاسيكي من الألوان المجانية. لكن وجود لونين على مكعب واحد سيبدو غريبًا بعض الشيء

Two Tone Cube Dark - G + Y
أخضر وأصفر

Two Tone Cube Light - B + P
الأزرق والوردي

image

SavoySchuler > هل لدى أي شخص أي تركيبات لونية تعتقد أنها "فرقعة"؟

Two Tone Cube Dark
اللون الأرجواني والبرتقالي هو مزيج كلاسيكي من الألوان المجانية. لكن وجود لونين على مكعب واحد سيبدو غريبًا بعض الشيء

Two Tone Cube Dark - G + Y
أخضر وأصفر

Two Tone Cube Light - B + P
الأزرق والوردي

mdtauk هل أي من مجموعات الألوان هذه يمكن أن تراها مطبقة في أي من هذه التصميمات؟

WinUI Logo Alternate Colors 2
WinUI Logo Alternate Colors

itsmichaelwest لقد أدركت للتو أنني

تضمين التغريدة

Filled Cube - Purple

أزرق> وردي

Filled Cube - Teal

البط البري> أزرق

يمكنك أن تفعل شيئًا كهذا ، مخطط مماثل عبر المكعب

تلك الثانية مع Teal> Blue هي المفضلة لدي حتى الآن!

رائع .. أحب هذا الاتجاه.

فقط لحفظ المعنى .. ماذا نعتقد أن "المكعب" يمثل؟ سيكون من الجيد أن يكون لديك القليل من المنطق هناك.

أحب الرابط إلى Fluent Design

سؤال رائع ، @ niels9001! لقد عرض الناس القليل من اللقطات خلال هذا الموضوع الهائل الآن.

بالنسبة للكثيرين ، يعد هذا بمثابة تحية لمبادئ نظام Fluent Designs الموضحة هنا (في شكل مكعب):

Fluent Design System principles in visual metaphor

إنه أيضًا تكريم لشعار Xaml الأصلي:

Original Xaml logo

لكن آخرين ، مثلي و @ pag3 ، وصفوها بأنها "لبنة بناء" ومنصة WinUI وعروضها كما هي بالضبط - اللبنات الأساسية لواجهة المستخدم.

تضمين التغريدة

Filled Cube - Purple

أزرق> وردي

Filled Cube - Teal

البط البري> أزرق

يمكنك أن تفعل شيئًا كهذا ، مخطط مماثل عبر المكعب

أنا أيضا أحب هؤلاء! اختيارات رائعة ،mdtauk!

Untitled-1

هذا تصميم صنعته منذ فترة من أجل مشروع مختلف ولكني لم أحتج إليه في النهاية. لقد قررت إرسالها هنا! إنه يعمل بشكل جيد للغاية هنا لأنه يعرض الكثير من مبادئ Fluent Design System:
الضوء - التوهج من داخل المكعب.
العمق - إنه مكعب ثلاثي الأبعاد بعمق مرئي.
المادة - له مظهر أكريليك رائع.
المقياس - مكعبات صغيرة داخل مكعب كبير ، يتباين حجمها.

أعتقد أيضًا أنه يبدو رائعًا وفريدًا إلى حد ما. إنه يتجنب مشكلة بعض التصميمات هنا باعتبارها عامة. هناك الكثير من الشعارات السداسية / المكعبة ، لذا قد يكون من الصعب أن تكون مختلفًا (أعتقد أن هذا التصميم لا يحقق كونه عامًا). كما يمكن استخدام الجزء الخفيف في المنتصف لتصميمات وأنماط تكميلية أخرى. هذا مثال:

Untitled-2

فتح لتلقي ردود الفعل!

تضمين التغريدة هل لديك نسخة أغمق لوضعها على خلفيات أفتح؟

شكراyaichenbaum. (لقد علقت مباشرة قبل أن أنشر هذا الشرح لول)
Untitled-12t53
.
.
.
.
Untitled-61

أنا متأكد من أنني رأيت هذا الهيكل الشبكي في مكان ما متعلق بـ Fluent Design. على خلفية بيضاء ، يحتاج التصميم إما إلى ظل خلفه مباشرة أو لون المكعب إلى الأسود. سأكون متأكدًا من إجراء المزيد من التجارب!

Filled Cube - Yellow + Blue

Untitled-61

أنا متأكد من أنني رأيت هذا الهيكل الشبكي في مكان ما متعلق بـ Fluent Design. على خلفية بيضاء ، يحتاج التصميم إما إلى ظل خلفه مباشرة أو لون المكعب إلى الأسود. سأكون متأكدًا من إجراء المزيد من التجارب!

image

Filled Cube - T + P

Filled Cube - O + P

ratishphilip -ryandemopoulos ، stmoy ، وأنا أحب حقًا مدى الاكتفاء الذاتي لهذا التصميم.

شكرا على ملاحظاتك.

هنا شعار أكثر دقة.

WinUILogo12A

هنا لقطة أخرى للشعار السابق. هدفي هنا هو تصوير أن جزءًا من المكعب قد تم قطعه لإظهار جوهر المكعب (تمامًا كما هو موضح في المخططات الأرضية)

WinUILogo12B

هنا لقطة أخرى للشعار السابق. هدفي هنا هو تصوير أن جزءًا من المكعب قد تم قطعه لإظهار جوهر المكعب (تمامًا كما هو موضح في المخططات الأرضية)

WinUILogo12B

أول شيء أراه هو رمز اللعب

هنا آخر يعتمد على مكعب FluentNoahFeller

WinUILogo12C

ها هو الشعار السابق بدون القص
WinUILogo12D

لقطة أخرى لمكعبNoahFeller
Light Cube

لقطة أخرى لمكعبNoahFeller
Light Cube

ألا تعتقد أن هذا يؤدي إلى اختلال التوازن بين قوسين الزاوية قليلاً؟

لقطة أخرى لمكعبNoahFeller
Light Cube

ألا تعتقد أن هذا يؤدي إلى اختلال التوازن بين قوسين الزاوية قليلاً؟

إنه كذلك بالتأكيد - لكنه يتوافق مع وجوه المكعب. أردت فقط تجربة أسلوب التلوين.

وما هو القليل من عدم التناسق بين الأصدقاء

ليس أكثر الأعمال التي أفتخر بها ، لكنني حاولت إضافة الأقواس إلى فكرة

WinUI Semi-Transparent Logo

أرى ما كنت تبحث عنه @ SavoySchuler. أشعر أن الرمز قد لا يحتاج إلى قوسين وقوي بما يكفي ليقف بمفرده. سأقوم بالتأكيد بتكرار التصميم (التبسيط و / أو التعديل) وتحميل بعض الإصدارات المختلفة ، بعضها مع وبعضها بدون أقواس. أشعر أن الرمز لا يبدو مستديرًا جيدًا رغم أنه يمكن إصلاحه 🙂. من خلال التحميل ، كنت أحاول فقط قياس ما إذا كان الناس يرغبون في تصميم مشابه لهذا أم لا. يبدو أن التعليقات كانت جيدة ، لذا سأستمر في العمل. شكرا على الاقتراحات.

لقطة أخرى لمكعبNoahFeller
Light Cube

أنا أحب الظلال على القوس!

4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256

128
Fluent Inner Cube 128

64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256

128
Fluent Inner Cube 128

64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

4096
Fluent Inner Cube 4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256
Fluent Inner Cube 256

128
Fluent Inner Cube 128
Fluent Inner Cube 128

64
Fluent Inner Cube 64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

نحن حقا نحب ما فعلته هنا! هل هناك أي احتمال أن يكون لديك إصدار عالي الدقة يمكنك استخدامه لتظهر لنا كيف يبدو هذا مع الأقواس على الجانب؟ نحن نتخيل شيئًا كهذا:

WinUI Icon Simple Mock

تضمين التغريدة آسف على الانتظار ، يبدو أن هذا الخيط يتحرك بسرعة كبيرة!

WinUI_LogoExporation_V3_GitHub

Export Inner Cube - Mono

نسخة أحادية اللون

itsmichaelwest > ذا ! آسف على الانتظار ، يبدو أن هذا الخيط يتحرك بسرعة كبيرة!

آسف ... 😛

فيما يلي بعض الألوان ولكن باستخدام علاج الألوان لمايكل ويست ...

4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256

128
Fluent Inner Cube 128

64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

1024 مكعب فقط
Fluent Inner Cube Only 1024

4096 مكعب فقط
Fluent Inner Cube Only 4096

أعتقد أنني انتهيت من هذه الاختلافات ، إلا إذا أراد SavoySchuleritsmichaelwest أو غيرهم مني أي شيء على وجه الخصوص؟

https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share؟node-id=0٪3A1
_ ها هو الرابط إلى ملف Figma مع بعض شعاري في _

mdtauk - شكرًا جزيلاً لك على كل ما تبذلونه من المدخلات والاختلافات. سؤال سريع - الكثير من التصميمات عبارة عن "مكعب داخل مكعب". ما المقصود بهذا المكعب المزدوج أن ينقل؟

اقترح itsmichaelwest في الأصل استخدام رمز XAML كأساس للشعار ، وتم اختيار تصميمه في الجولة الأولى من عمليات الإرسال.

أنظر إلى المكعب على أنه نواة ، وجزء أساسي من بناء تطبيقات Windows ، ولذا قررت أن أوضح مفهوم النواة ، من خلال إبراز جزء من المكعب. لقد لعبت أيضًا مع وجود مساحة "فارغة" ، لإظهار أن هذه مساحة للبناء فيها.

لكن جعل تصميم المكعب والقوس شيئًا "قابلاً للتملك" ومتميزًا ، من بين آلاف الأيقونات الأخرى القائمة على المكعب ، يلعب دورًا ما.

image

Untitled-3

نسخة داكنة / خفيفة. مازال العمل على اللون الازرق قليلا. كما هو الحال دائما، هو موضع تقدير ردود الفعل.

yaichenbaum أردت أن أرى الشكل الذي قد تبدو عليه نسخة أحادية اللون من المكعب الذي نشرته ، لكنني لست فنانًا ، لذا فقد سخرت من هذا الأمر بشكل فظ في الرسام: :)

image

هل هذا ما تتوقع أن تبدو عليه نسخة أحادية اللون ، أم أن لديك فكرة أخرى عن الشكل الذي يمكن أن تشبهه النسخة أحادية اللون؟

أرغب في إعادة رسمه بالكامل إذا كان قيد الدراسة ، ولكن هنا تعديل سريع من خلال تفكيري ، هذه فقط بمقياس 16 بكسل ، لذا ستكون هناك حاجة إلى إعادة رسمها بالكامل.

Bracket Inner

Untitled-4

نموذج أحادي اللون سريع (غير مكتمل تمامًا) لتصميمي. بطلاقة جميلة 😄.

اتجاه جديد تمامًا بطلاقة حقًا ويمكنه بسهولة استخدام ألوان مختلفة لتلائم غنيمة ، والملصقات وما إلى ذلك. يشير هذا التصميم إلى كتل بناء بالإضافة إلى واحدة مخفية في المنتصف. يمكنني إظهار ألوان أخرى للخلفيات الفاتحة إذا كان الناس مهتمين.
image
وإصدار ثلاثي الأبعاد أيضًا ، مع وبدون مخطط تفصيلي.
image

yaichenbaum أردت أن أرى الشكل الذي قد تبدو عليه نسخة أحادية اللون من المكعب الذي نشرته ، لكنني لست فنانًا ، لذا فقد سخرت من هذا الأمر بشكل فظ في الرسام: :)

image

هل هذا ما تتوقع أن تبدو عليه نسخة أحادية اللون ، أم أن لديك فكرة أخرى عن الشكل الذي يمكن أن تشبهه النسخة أحادية اللون؟

SavoySchuler هل هذا جيد؟

لون واحد
Fluent Inner Cube Mono Black
Fluent Inner Cube Mono

4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256

128
Fluent Inner Cube 128

64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

السؤال النهائي

itsmichaelwest و mdtauk جاء اختياراتنا الأخيرتان إلى اقتراح واحد من كل واحد منكم. لقد أنهينا للتو قرابة ساعتين من المداولات مع العديد من أعضاء الفريق ولم يكن الأمر سهلاً! لدينا سؤال أخير لكل واحد منكم قبل أن نقرر ...

image

image

تضمين التغريدة

بالنسبة لشعارك ، هناك بعض القلق بشأن كيفية تعليق الأقواس ثنائية الأبعاد والمكعبات ثلاثية الأبعاد معًا. هل هناك أي تعديلات يمكنك التفكير في إجرائها يمكن أن تساعد هذه المكونات على تقديم نفسها بشكل أكثر تماسكًا؟ لسنا متأكدين تمامًا مما هو مطلوب - إذا كان الأمر يتعلق بالمسافات والألوان وما إلى ذلك ... فقط أنه يشعر بأنه مفكك بعض الشيء.

تضمين التغريدة

بالنسبة لشعارك هنا ، أجاب العديد من الأفراد الذين شملهم الاستطلاع بأنهم مرتبكون من خلال التفكير في أن الأقواس الموجودة داخل المكعب من المفترض أن تكون أحرفًا مثل "I" و "J". للتعبير عن هذا بطريقة أخرى - كان هناك قلق من أنهم فقدوا الشعور بالأقواس. يبدو أنه يتحسن في آخر تحديث عندما قمت بتخفيفها قليلاً ، لكننا لسنا متأكدين مما إذا كان هناك أي شيء يمكن القيام به لجعلهم يشعرون وكأنهم أقواس؟

نود أيضًا أن نرى كلاً من خطوط القوس المجوفة والمملوءة على اللقطات أحادية اللون إذا كان ذلك مناسبًا:

image
image

على حد سواء

لأي عمليات إرسال نهائية ، نود رؤيتها:

  • إصدارات ملونة وأحادية اللون مقابل الخلفيات بالأبيض والأسود
  • بأحجام 16 × 16 بكسل و 64 × 64 بكسل وعالية الدقة

شكرا لك

نحن نعلم أننا طلبنا الكثير. عندما بدأنا هذه العملية برمتها ، لم نكن نعلم أنه سيكون لدينا الكثير من الخيارات الرائعة للتداول عبرها وأن جودة عمليات الإرسال ستكون رائعة للغاية.

لقد رفعتم الشريط عالياً لدرجة أنني أجد أننا الآن نلتقط كل بكسل ومنحنى صغير. السبب في كوننا صعب الإرضاء هو أنكم قدمتم لنا الذهب.

إذا كان أي من هذه الطلبات النهائية أكثر من اللازم - نحن نتفهم ذلك. بغض النظر عن أي جهد متواصل ، سنرسل لك أنت وعدة أشخاص آخرين بعض "شكرًا لك" التي تستحقها! غنيمة تحمل المساهمات التي قدمتها هنا.

تهانينا لكل من mdtauk وitsmichaelwest.
من الممكن أن تكون المشكلة التي ذكرتها مع الأشخاص الذين يرونها على أنها I و J لها علاقة بحقيقة أن استخدام لونين للقوس الأيسر يجعله يبدو وكأنه انعكاس في الأعلى. ربما يؤدي استخدام نفس اللون للقوس بأكمله إلى إصلاح مشكلة "الانعكاس" هذه ، ومن ثم لن يُنظر إلى الفئة الأخرى على أنها J.

تضمين التغريدة

تضمين التغريدة
بالنسبة لشعارك ، هناك بعض القلق بشأن كيفية تعليق الأقواس ثنائية الأبعاد والمكعبات ثلاثية الأبعاد معًا. هل هناك أي تعديلات يمكنك التفكير في إجرائها يمكن أن تساعد هذه المكونات على تقديم نفسها بشكل أكثر تماسكًا؟ لسنا متأكدين تمامًا مما هو مطلوب - إذا كان الأمر يتعلق بالمسافات والألوان وما إلى ذلك ... فقط أنه يشعر بأنه مفكك بعض الشيء.

لدي اقتراح لهذا ، ولكن سيكون على مايكل أن يقترح حلاً.
Fluent Cube 4096
التظليل الموجود بين قوسين يتماشى مع التظليل على المكعب.

مبروك يا فتية! القليل من التعليقات / الأفكار: أشعر أن تصميم itsmichaelwest ، يجب أن يتم تقريب الأقواس جزئيًا فقط بدلاً من شكل "حبوب منع الحمل" الذي يشبه إلى حد كبير مظهر Google. (مثل ما نشرته للتوmdtauk) أشعر أيضًا أن الطريقة التي يلتف بها القوس حول تصميم mdtauk يمكن تحسينها لأنها لا تبدو مناسبة لي. قد ترغب أيضًا في جعل التوهج أكثر كروية في الشكل لأن البت الأرجواني الداكن يبدو أنه يمتد قليلاً إلى الأسفل. تصميمات جميلة ، فقط بعض التحسينات الممكنة التي فكرت بها.

yaichenbaum كان القوس الذي يبدو مثل J هو أقصى اليمين (على شعار mdtauk ) ؛ شعر بعض أعضاء الفريق أن الأمر كان أكثر من اللازم. أنا شخصياً اعتقدت أنه أصبح أفضل قليلاً مع نشر أحدث إصدار ، حيث تم تخفيفه قليلاً. أعلم أن هناك رغبة في الاحتفاظ بها سميكة بما يكفي بحيث يمكنك رؤية الأقواس في الإصدارات الصغيرة.

على أي حال ، أنا لست مصممًا ولا حتى ألعب واحدًا على التلفزيون. يمكن أن يكون هناك عدد من الطرق الأخرى لجعلها تبدو أكثر قوسًا ؛ سأترك هذا الأمر يصل إلىmdtauk.

هذه التصاميم جيدة جدا بالرغم من ذلك. نحن نتحدث عن التفاصيل الدقيقة في هذه المرحلة.

لدي مجال لتقليل الخطوط مع زيادة حجم الشعار. يمكنني أيضًا تشديد المنحنيات لجعلها أكثر من حافة مدببة ، على المكعب والقوس.

هل تعيق درجات الألوان الثلاثة مظهر القوس؟

mdtauk ماذا لو غيرت الأقواس إلى التدرج

... أشعر أيضًا أن الطريقة التي يلتف بها القوس حول تصميم mdtauk يمكن تحسينها لأنها لا تبدو مناسبة لي. قد ترغب أيضًا في جعل التوهج أكثر كروية في الشكل لأن البت الأرجواني الداكن يبدو أنه يمتد قليلاً إلى الأسفل. تصميمات جميلة ، فقط بعض التحسينات الممكنة التي فكرت بها.

لقد استخدمت التدرج الماسي ، بدلاً من التدرج الدائري ، للتلميح إلى فكرة وجود مكعب ملون داخل مكعب "أكريليك" متجمد.

mdtauk ماذا لو غيرت الأقواس إلى التدرج

تكمن المشكلة في ذلك في الحفاظ على فكرة أن الأقواس موجودة على سطح المكعب ، لكنني سأحاول تعديلها أكثر قليلاً ، وتصويبها وتقليلها.

... أشعر أيضًا أن الطريقة التي يلتف بها القوس حول تصميم mdtauk يمكن تحسينها لأنها لا تبدو مناسبة لي. قد ترغب أيضًا في جعل التوهج أكثر كروية في الشكل لأن البت الأرجواني الداكن يبدو أنه يمتد قليلاً إلى الأسفل. تصميمات جميلة ، فقط بعض التحسينات الممكنة التي فكرت بها.

لقد استخدمت التدرج الماسي ، بدلاً من التدرج الدائري ، للتلميح إلى فكرة وجود مكعب ملون داخل مكعب "أكريليك" متجمد.

أرى أنه من غير المحدد جدًا إخبار المنظمة البحرية الدولية حقًا ، لذا ربما يمكنك تعديله قليلاً. لست مضطرًا لذلك ، فقط أتساءل عما إذا كان يمكن تحسينه.

mdtauk بالنسبة لي ، أحببت الألوان / الظلال المختلفة على الأقواس. إذا كانت هناك طريقة لجعلها تظهر بشكل أكبر بين قوسين دون فقد الألوان المختلفة التي أحب أن أراها. لكنني أفترض أنه من المفيد اللعب بتظليل مختلف وألوان أقل لمعرفة ما إذا كان ذلك يساعد أيضًا.

mdtauk ماذا لو غيرت الأقواس إلى التدرج

قد يبدو رائعًا أيضًا أن يكون للمكعب توهج أقوى من كل لون إلى النقطة التي يكون فيها المكعب إلى حد كبير تلك الألوان الثلاثة ويمكن للأقواس أن تتناقض مع المكعب سواء كان أبيض أو أسود. مجرد إلقاء الأفكار هناك.

mdtauk بالنسبة لي ، أحببت الألوان / الظلال المختلفة على الأقواس. إذا كانت هناك طريقة لجعلها تظهر بشكل أكبر بين قوسين دون فقد الألوان المختلفة التي أحب أن أراها. لكنني أفترض أنه من المفيد اللعب بتظليل مختلف وألوان أقل لمعرفة ما إذا كان ذلك يساعد أيضًا.

لقد أحببتهم أيضًا ، فمجرد وجود لونين مختلفين يقسمهم إلى أعلى ، كما أنه يجعل النصف السفلي من القوس الأيسر بارتفاع مماثل للجزء الأيمن مما يمنحه مظهرًا مثل كتلة "abc" مع I و J.

قد يساعد هذا في تحسينه قليلاً ولكن في رأيي يفسد المظهر الجيد الذي كان عليه من قبل.
image

أعتقد أن جزءًا من مشكلة الأقواس هو أن لديك شكلًا ثلاثي الأبعاد به الكثير من الألوان والإضاءة خلفها وهي مجرد لون صلب لذا لا تتشابك أيضًا. يبدو مضحكًا بعض الشيء مع كلا التصميمين ولكنه يكون أكثر وضوحًا عندما تكون الأقواس على المكعب.

mdtauk بالنسبة لي ، أحببت الألوان / الظلال المختلفة على الأقواس. إذا كانت هناك طريقة لجعلها تظهر بشكل أكبر بين قوسين دون فقد الألوان المختلفة التي أحب أن أراها. لكنني أفترض أنه من المفيد اللعب بتظليل مختلف وألوان أقل لمعرفة ما إذا كان ذلك يساعد أيضًا.

4096
Fluent Inner Cube 4096

لون واحد
Fluent Inner Cube Mono Black

ryandemopoulos هل هذا

تهانينا mdtauk وitsmichaelwest.
تصميمات رائعة حتى الآن!

أعتقد أن جزءًا من مشكلة الأقواس هو أن لديك شكلًا ثلاثي الأبعاد به الكثير من الألوان والإضاءة خلفها وهي مجرد لون صلب لذا لا تتشابك أيضًا. يبدو مضحكًا بعض الشيء مع كلا التصميمين ولكنه يكون أكثر وضوحًا عندما تكون الأقواس على المكعب.

test

لست متأكدًا من أنه يعمل كعكس

ryandemopoulos هل هذا

أنا مجرد رأي واحد ، ولكن هذا يبدو أكثر بالنسبة لي. أعتقد أن الحواف الحادة ساعدت. بالنسبة للنسخة أحادية اللون ، لا تزال الأقواس تبدو سميكة للغاية - كيف ستبدو مع الأقواس الموضحة للتو ، نوعًا ما مثل هذا؟ (باستثناء استخدام أحدث هندسة لك)

image

لست متأكدًا من أنه يعمل كعكس

نعم انت محق. أنا آخذ هذا. شكرا لاختباره.

قد يبدو رائعًا أيضًا أن يكون للمكعب توهج أقوى من كل لون إلى النقطة التي يكون فيها المكعب إلى حد كبير تلك الألوان الثلاثة ويمكن للأقواس أن تتناقض مع المكعب سواء كان أبيض أو أسود. مجرد إلقاء الأفكار هناك.

رأيي هو أن الأقواس يجب أن تحتفظ بنفس الشكل كما في شعار XAML مع تقريب بسيط

XAML file icon

هنا اقتراحي

WinUILogo12E

ryandemopoulos هل هذا

أنا مجرد رأي واحد ، ولكن هذا يبدو أكثر بالنسبة لي. أعتقد أن الحواف الحادة ساعدت. بالنسبة للنسخة أحادية اللون ، لا تزال الأقواس تبدو سميكة للغاية - كيف ستبدو مع الأقواس الموضحة للتو ، نوعًا ما مثل هذا؟ (باستثناء استخدام أحدث هندسة لك)

image

بأحجام 32 بكسل و 16 بكسل ، يجب ملء الأقواس لتكون مقروءة ، ولكن كيف يتم ذلك للأحجام الأكبر؟
Fluent Inner Cube Mono Black

رأيي هو أن الأقواس يجب أن تحتفظ بنفس الشكل كما في شعار XAML مع تقريب بسيط

XAML file icon

هنا اقتراحي

WinUILogo12E

ratishphilip هل القوس الأيسر أصغر عموديًا أم أن التظليل يسبب اختلافًا

ryandemopoulos هل هذا

أنا مجرد رأي واحد ، ولكن هذا يبدو أكثر بالنسبة لي. أعتقد أن الحواف الحادة ساعدت. بالنسبة للنسخة أحادية اللون ، لا تزال الأقواس تبدو سميكة للغاية - كيف ستبدو مع الأقواس الموضحة للتو ، نوعًا ما مثل هذا؟ (باستثناء استخدام أحدث هندسة لك)
image

بأحجام 32 بكسل و 16 بكسل ، يجب ملء الأقواس لتكون مقروءة ، ولكن كيف يتم ذلك للأحجام الأكبر؟
Fluent Inner Cube Mono Black

وضع علامة على هذه الهندسة لـstmoy.

ryandemopoulos هل هذا

أنا مجرد رأي واحد ، ولكن هذا يبدو أكثر بالنسبة لي. أعتقد أن الحواف الحادة ساعدت. بالنسبة للنسخة أحادية اللون ، لا تزال الأقواس تبدو سميكة للغاية - كيف ستبدو مع الأقواس الموضحة للتو ، نوعًا ما مثل هذا؟ (باستثناء استخدام أحدث هندسة لك)
image

بأحجام 32 بكسل و 16 بكسل ، يجب ملء الأقواس لتكون مقروءة ، ولكن كيف يتم ذلك للأحجام الأكبر؟
Fluent Inner Cube Mono Black

لأكون صادقًا ، لست متأكدًا مما أحبه بشكل أفضل - ممتلئًا أو مخططًا. سأحتاج إلى التحديق أكثر. :) أعتقد أنهما يعملان ، حتى في الدقة العالية. (وتوافق على أنه عند الدقة المنخفضة ، يكون الملء هو الخيار الحقيقي الوحيد)

ryandemopoulosSavoySchulerstmoy

4096
Fluent Inner Cube 4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256
Fluent Inner Cube 256

128
Fluent Inner Cube 128
Fluent Inner Cube 128

64
Fluent Inner Cube 64
Fluent Inner Cube 64

32
Fluent Inner Cube 32
Fluent Inner Cube 32

16
Fluent Inner Cube 16
Fluent Inner Cube 16

لون واحد
Fluent Inner Cube Mono Black
Fluent Inner Cube Mono White

ratishphilip هل القوس الأيسر أصغر عموديًا أم أن التظليل يسبب اختلافًا

كلا القوسين من نفس الحجم ...

هنا آخر مع قوس ثلاثي الأبعاد

WinUILogo12F

هنا هو المخطط التفصيلي

WinUILogo12_outline

هنا آخر مع قوس ثلاثي الأبعاد

WinUILogo12F

هذا بالتأكيد يحل المنظور الغريب الذي كنت أراه سابقًا. عمل رائع!

هنا آخر مع قوس ثلاثي الأبعاد
WinUILogo12F

هذا بالتأكيد يحل المنظور الغريب الذي كنت أراه سابقًا. عمل رائع!

لا يتم تدوير المكعب بشكل نظيف ، فهناك خطوط قطرية أعلى وأسفل

هنا آخر مع قوس ثلاثي الأبعاد

WinUILogo12F

يؤدي ذلك أيضًا إلى إصلاح المشكلة حيث يبدو أنه يحتوي على I و J.

لا يتم تدوير المكعب بشكل نظيف ، فهناك خطوط قطرية أعلى وأسفل

: D نعم دوران طفيف ... شكرا لإحضاره إلى

أفكر أيضًا في إزالة الاستدارة من الزاوية الداخلية (التي تلامس حافة المكعب) وجعلها حادة.

Fluent Inner Cube Mono 16
Fluent Inner Cube Mono 16

Fluent Inner Cube Mono 32
Fluent Inner Cube Mono 32

Fluent Inner Cube Mono 64
Fluent Inner Cube Mono 64

Fluent Inner Cube Mono 128
Fluent Inner Cube Mono 128

Fluent Inner Cube Mono 256
Fluent Inner Cube Mono 256

Fluent Inner Cube Mono 1024
Fluent Inner Cube Mono 1024

Fluent Inner Cube Mono 4096
Fluent Inner Cube Mono 4096

ها هو الشعار المحدث

WinUILogo13

WinUILogo13_outline

مرحبا الدقة الشعار

WinUILogo13_HiRes

هذا (أو نظيره المظلم) جميل. يعجبني التدرج اللوني لأنه يمزج بين عنصر بطلاقة.
image
ربما يجب تقسيم ما سبق إلى مكعب 2 2 2 أيضًا ، مع دمج هذا ، يا لها من فكرة رائعة! قد يغير الألوان لتبرز أكثر قليلاً ربما.

لكن هذا يعطيني دلالة أباتشي كوردوفا :
image
خاصة تلك الأقواس السوداء اللامعة.

خاصة تلك الأقواس السوداء اللامعة.

weitzhandler ماذا عن هذا؟

WinUILogo13_color

نشر SavoySchuler الشعارين الأوليين على Twitter ، والتعليق الرئيسي الذي أخذته من الردود ، هو أنه لا يبدو مثل Windows تمامًا. هذا هو نفس الشعار ، ولكن باللون الأزرق Microsoft. أتساءل إذا كان هذا يساعد؟

Fluent Inner Cube 16
Fluent Inner Cube 32
Fluent Inner Cube 64
Fluent Inner Cube 128
Fluent Inner Cube 256
Fluent Inner Cube 1024
Fluent Inner Cube 4096
Fluent Inner Cube Mono 16
Fluent Inner Cube Mono 32
Fluent Inner Cube Mono 64
Fluent Inner Cube Mono 128
Fluent Inner Cube Mono 256
Fluent Inner Cube Mono 1024
Fluent Inner Cube Mono 4096

أعتقد أن الأقواس اليمنى واليسرى يجب أن تبدو متطابقة مع بعضها البعض في الحجم حيث أن لها نفس الحجم في بناء جملة XAML ( < > ) . ومن ثم فإن جعلها تظهر بصريًا على أنها مختلفة في الحجم تبدو غريبة بالنسبة لي (أي أن القوس الأيسر يبدو أكبر من القوس الأيمن). أفضل الطريقة التي يعرض بها

@ فيليكس ديف
تم وضع أقواس

على الرغم من أنه لا يجب أن يكون كل شعار باللون الأزرق ، فمن المنطقي مع هذا. عندما أفكر في Win UI ، أفكر في واجهة مستخدم Windows. أقوم أيضًا بربط اللون الأزرق بنظام Windows.
هذا الشعار الأخير من mdtauk يستدعي Windows في رأيي وله هويته الخاصة وسأكون قادرًا على التعرف على ما يعنيه مقارنة بالعديد من شعارات المكعبات الأخرى.

نشر SavoySchuler الشعارين الأوليين على Twitter ، والتعليق الرئيسي الذي أخذته من الردود ، هو أنه لا يبدو مثل Windows تمامًا. هذا هو نفس الشعار ، ولكن باللون الأزرق Microsoft. أتساءل إذا كان هذا يساعد؟

أنا حقا أحب هذا mdtauk! تحسن كبير في رأيي. أعتقد أن الحصول على مظهر أكثر انعكاسًا مقابل مظهر متوهج أفضل في هذه الظروف. ربما فقط اجعل الجانب الأيمن أفتح قليلاً أو يكون له تدرج لوني أكثر تشابهًا. لكن بخلاف ذلك العمل الرائع.

Fluent Inner Cube 64 scale

هل هذا التدرج الداكن أفضل؟

مرحبا الدقة الشعار

WinUILogo13_HiRes

mdtauk ماذا لو حاولت تنفيذ نهاية الأقواس في تصميم ratishphilip بين قوسين؟ أعتقد أنه سيتم الخلط بين القوسين بحروف أقل إذا انتهى كلاهما بنفس الطريقة.

إذا تم اختيار تصميمات mdtauk ، فأنا أحب أن تكون الأقواس مثل قوسين ratishphilip - يجب أن يبدو كلا القوسين بنفس الحجم. mdtauk يرجى أيضًا إنشاء نسخة من شعارك مع قوسين ratishphilip .

إذا تم اختيار تصميمات mdtauk ، فأنا أحب أن تكون الأقواس مثل قوسين ratishphilip - يجب أن يبدو كلا القوسين بنفس الحجم. mdtauk يرجى أيضًا إنشاء نسخة من شعارك مع قوسين ratishphilip .

أقواس ratishphilip لا معنى لها في الفضاء ثلاثي الأبعاد. إنها فقط تطفو هناك ، والظلال لا تلقي على المكعب بشكل صحيح. جزء من نقطة تصميمmdtauk هو أن الأقواس تلتف حول المكعب.

NoahFeller يجب أن تعكس الأقواس ، IMO ، أقواس XAML ، والتي تكون متساوية الحجم. يجب أن ينعكس هذا في الشعار. المشكلة التي أواجهها في تصميم المعزولة - خاصةً في أحجام الصور الأصغر - فإنني أشعر بأحجام الأقواس كما يلي:
image
(من الواضح أن القوس الأيسر أكبر مقارنةً بالجانب الأيمن. في XAML ، هذا ليس هو الحال.) في بعض درجات دقة الصورة ، على سبيل المثال
image
هذا صارخ جدًا بالنسبة لي وهو يرمقني ، بصراحة تامة. تعتبر أزواج الأقواس <> بارزة جدًا في XAML لدرجة أنني أعتقد أنه من المبرر "صفعها" على المكعب كما هو ، أو على الأقل إعطاء الكثير من الاهتمام.

NoahFeller يجب أن تعكس الأقواس ، IMO ، أقواس XAML ، والتي تكون متساوية الحجم. يجب أن ينعكس هذا في الشعار. المشكلة التي أواجهها مع تصميم
image
(من الواضح أن القوس الأيسر أكبر مقارنةً بالجانب الأيمن. في XAML ، هذا ليس هو الحال.) في بعض درجات دقة الصورة ، على سبيل المثال
image
هذا صارخ جدًا بالنسبة لي وهو يرمقني ، بصراحة تامة. تعتبر أزواج الأقواس <> بارزة جدًا في XAML لدرجة أنني أعتقد أنه من المبرر "صفعها" على المكعب كما هو ، أو على الأقل إعطاء الكثير من الاهتمام.

أعتقد أن تصميم قوس mdtauk هو السبيل للذهاب ، ولكن إذا انتهى القوس الأيسر بنفس الطريقة التي ينتهي بها القوس الأيمن ، فسوف يجعله يبدو بنفس الحجم ، حتى مع التأثير ثلاثي الأبعاد ، فأنا أرفق مثال قبيح فقط لتوضيح هذه النقطة.
image

NoahFeller يجب أن تعكس الأقواس ، IMO ، أقواس XAML ، والتي تكون متساوية الحجم. يجب أن ينعكس هذا في الشعار. المشكلة التي أواجهها مع تصميم
image
(من الواضح أن القوس الأيسر أكبر مقارنةً بالجانب الأيمن. في XAML ، هذا ليس هو الحال.) في بعض درجات دقة الصورة ، على سبيل المثال
image
هذا صارخ جدًا بالنسبة لي وهو يرمقني ، بصراحة تامة. تعتبر أزواج الأقواس <> بارزة جدًا في XAML لدرجة أنني أعتقد أنه من المبرر "صفعها" على المكعب كما هو ، أو على الأقل إعطاء الكثير من الاهتمام.

أعتقد أن تصميم قوس mdtauk هو السبيل للذهاب ، ولكن إذا انتهى القوس الأيسر بنفس الطريقة التي ينتهي بها القوس الأيمن ، فسوف يجعله يبدو بنفس الحجم ، حتى مع التأثير ثلاثي الأبعاد ، فأنا أرفق مثال قبيح فقط لتوضيح هذه النقطة.
image

أرى ما تعنيه يا رفاق. ربما أنت على حق. إليك نسخة سريعة متماثلة وثلاثية الأبعاد. إنه غير مكتمل للغاية (لا توجد ظلال ، الأقواس كبيرة جدًا ، يمكن أن يكون التلوين أفضل ، وما إلى ذلك) ولكن يمكنك الحصول على فكرة عامة عما أنا بصدد القيام به. نوع من تأثير الوهم البصري الرائع حيث يمكنك النظر إليه بطريقتين. بالطبع ، الأمر متروك تمامًا لـ mdtauk لتحديد الاتجاه الذي يجب أن يسير فيه التصميم.

Fluent Inner Cube 4096

أقواس ratishphilip لا معنى لها في الفضاء ثلاثي الأبعاد. إنها فقط تطفو هناك ، والظلال لا تلقي على المكعب بشكل صحيح. جزء من نقطة تصميمmdtauk هو أن الأقواس تلتف حول المكعب.

NoahFeller ، الأقواس منطقية في الفضاء ثلاثي الأبعاد. إذا نظرت إلى المكعب في الاتجاه الموضح بالسهم الأحمر أدناه ، فستبدو الأقواس هكذا

WinUILogo13_SideView

Fluent Inner Cube 64 scale

هل هذا التدرج الداكن أفضل؟

mdtauk اقتراح صغير ... إذا كان القوس الأيسر

لقد فعلت ذلك.

المجتمع - أنت مدهش ولا يمكنني التركيز على ذلك بما فيه الكفاية. بعد ، حرفيا جدا ، _ساعات_ من المداولات قررنا واحدة. هو مزيج منitsmichaelwest وmdtauk التصاميم:

اللون:

New WinUI logo colored

(ملاحظة: ظل المكعب غير منعكس هنا حيث لم أتمكن من العثور على نسخة مظللة بنصف قطر الزاوية هذا)

أحادي اللون:

New WinUI logo monochrome

(ملاحظة: انظر البند 2 من القسم السفلي بخصوص الأقواس المتماثلة مقابل غير المتماثلة)

أفكار

كما قال ryandemopoulos ، "هذا الشعار بدس. يبدو بطريقة ما حديثًا

New WinUI logo in use

استدعاء المصممين لخطواتنا القليلة الماضية

لم ننتهي تمامًا ، لكننا أقرب. هذه هي النهايات السائبة التي نربطها:

  1. نحن نحب نظام الألوان هذا ولكننا ما زلنا بحاجة إلى استكشاف بعض متغيرات الألوان المختلفة (ومزجها مع الظلال / التوهجات على خلفية مختلفة أيضًا).

  2. لقد تلقينا نسختين جيدتين حقًا: أحدهما به أقواس متماثلة والآخر به أقواس غير متماثلة. نحن نميل نحو غير متماثل (كما هو موضح على اليمين). أفكار؟

symmetrical vs. asymmetrical version of the new winui logo

  1. نحن بحاجة لتصميم بعض غنيمة. القمصان ، والملصقات ، والحقائب ، وربما نموذج مادي ، وما إلى ذلك. هناك دائمًا ما هو واضح ، لكنني أراهن أننا يمكن أن نبتكر شيئًا رائعًا حقًا. 😄

لقد فعلت ذلك.

المجتمع - أنت مدهش ولا يمكنني التركيز على ذلك بما فيه الكفاية. بعد ، حرفيا جدا ، _ساعات_ من المداولات قررنا واحدة. هو مزيج منitsmichaelwest وmdtauk التصاميم:

تهانينا itsmichaelwest وmdtauk!

لقد فعلت ذلك.

المجتمع - أنت مدهش ولا يمكنني التركيز على ذلك بما فيه الكفاية. بعد ، حرفيا جدا ، _ساعات_ من المداولات قررنا واحدة. هو مزيج منitsmichaelwest وmdtauk التصاميم:

تهانينا itsmichaelwest وmdtauk!

ratishphilip أرى أنك تعمل بجد لمساعدتنا في الوصول إلى هنا ، لذا تأثيرك وتأثيرك . سأقوم بإلقاء نظرة على العديد من مخططات الألوان المقترحة قبل إغلاق هذا. 😊 عمل رائع وشكرا!

أقواس ratishphilip لا معنى لها في الفضاء ثلاثي الأبعاد. إنها فقط تطفو هناك ، والظلال لا تلقي على المكعب بشكل صحيح. جزء من نقطة تصميمmdtauk هو أن الأقواس تلتف حول المكعب.

NoahFeller ، الأقواس منطقية في الفضاء ثلاثي الأبعاد. إذا نظرت إلى المكعب في الاتجاه الموضح بالسهم الأحمر أدناه ، فستبدو الأقواس هكذا

ratishphilip إذا كنت تتساءل عما فسأشرح ذلك هنا. في التصميم الخاص بك ، لا تتطابق الظلال مع مصدر الضوء الذي يضيء المكعب. إنهم يواجهون اتجاهات معاكسة. إذا كان القوس الأيسر متعامدًا على الوجه العلوي للمكعب ، فيجب أن يكون له ظل طويل خلفه. في الوقت الحالي ، يبدو الأمر وكأنه قوس ممدود بظل لا معنى له. إذا نظرت إلى ظل القوس الآخر ، يبدو أنه يواجه الاتجاه الخطأ. كما أن الأقواس تبدو غريبة وتتحول بزاوية كهذه. الهدف من الوهم هو أن تبدو الأقواس جيدة في الزاوية التي يتم عرضها منها. لا أفهم لماذا يتم تشويههم بهذه الطريقة. لا يوجد إطار مرجعي لشكل القوس الأصلي (يظهر على صورتك اليمنى) لأنه مجرد رمز. لا أقصد أن أكون شديد النقد ، أريد فقط أن أقدم لك ملاحظات حتى تكون مصممًا أفضل.

أقواس ratishphilip لا معنى لها في الفضاء ثلاثي الأبعاد. إنها فقط تطفو هناك ، والظلال لا تلقي على المكعب بشكل صحيح. جزء من نقطة تصميمmdtauk هو أن الأقواس تلتف حول المكعب.

NoahFeller ، الأقواس منطقية في الفضاء ثلاثي الأبعاد. إذا نظرت إلى المكعب في الاتجاه الموضح بالسهم الأحمر أدناه ، فستبدو الأقواس هكذا

ratishphilip إذا كنت تتساءل عما فسأشرح ذلك هنا. في التصميم الخاص بك ، لا تتطابق الظلال مع مصدر الضوء الذي يضيء المكعب. إنهم يواجهون اتجاهات معاكسة. إذا كان القوس الأيسر متعامدًا على الوجه العلوي للمكعب ، فيجب أن يكون له ظل طويل خلفه. في الوقت الحالي ، يبدو الأمر وكأنه قوس ممدود بظل لا معنى له. إذا نظرت إلى ظل القوس الآخر ، يبدو أنه يواجه الاتجاه الخطأ. كما أن الأقواس تبدو غريبة وتتحول بزاوية كهذه. الهدف من الوهم هو أن تبدو الأقواس جيدة في الزاوية التي يتم عرضها منها. لا أفهم لماذا يتم تشويههم بهذه الطريقة. لا يوجد إطار مرجعي لشكل القوس الأصلي (يظهر على صورتك اليمنى) لأنه مجرد رمز. لا أقصد أن أكون شديد النقد ، أريد فقط أن أقدم لك ملاحظات حتى تكون مصممًا أفضل.

شكرا NoahFeller. نقدر ملاحظاتك.

NoahFeller هل هكذا كنت تتوقع أن يكون الشعار؟

WinUILogo13_shadow

NoahFeller هل هكذا كنت تتوقع أن يكون الشعار؟

WinUILogo13_shadow

من المحتمل أن يبدو شيئًا قريبًا من ذلك (ربما لن يكون الظل غامقًا جدًا) ولكن المشكلة هي أن التصميم لا يبدو رائعًا يتم تقديمه بدقة في الفضاء ثلاثي الأبعاد. كما قلت سابقًا ، تبدو الأقواس مضغوطة بشكل غريب وليست مناسبة لاتجاه المنظر. استطعت أن أرى أنها تعمل بشكل أفضل مع الأقواس ذات الشكل الصحيح التي تطفو بالتوازي مع عرض "الكاميرا" والظلال يتم عرضها بدقة. أو قد يكون من الرائع رؤية الأقواس متداخلة في المكعب أو شيء من هذا القبيل. لا يعمل تصميمك IMO بشكل رائع في شكله الحالي. لكن الخبر السار هو أنه يمكن بالتأكيد تغييره للأفضل بطرق مختلفة.

أفكار حول التصميم النهائي

أثناء إجراء التعديلات الأخيرة ، لدي بعض الأشياء التي أريد ذكرها حول التصميم. أولاً ، إنه لأمر رائع حقًا أن ترى استخدام مزيج الأكريليك + التوهج. كما أنني أشعر ببعض القلق بشأن الأقواس الملونة الصلبة أعلى المكعب ثلاثي الأبعاد. يصدر المكعب ضوءًا ويبدو أن هناك ضوءًا اتجاهيًا على جانب المكعب ، لذلك لا معنى أن الأقواس هي ألوان صلبة. من المحتمل أن يكون لديهم مظهر متدرج طفيف يتناسب مع مصادر الإضاءة (ليس التدرج اللوني الذي يبدو مبتذلًا ، فقط بحيث يكون واقعيًا). وإلا فإنه لا معنى له في الفضاء ثلاثي الأبعاد على الإطلاق وينظر إليه. آخر شيء أردت طرحه هو هل تفكر (

64465361-47f1fd00-d0da-11e9-834e-918ad9f57736

كما قلت سابقًا عندما نشرته ، هذا تصميم تقريبي للغاية (لا توجد ظلال ، ربما تكون الأقواس كبيرة جدًا ، ويمكن تحسين التلوين حقًا ، وما إلى ذلك). ومع ذلك ، فهو يعالج الكثير من المشكلات التي رأيتها هنا وعلى Twitter حول كون الأقواس غير متماثلة وأشكال مختلفة ويفعل ذلك بينما لا يزال يلتف حول المكعب بطريقة مماثلة من قبل. فقط تخيل أن القوس الأيمن يتم تمديده على مكعب mdtauk . أشعر بتحسن كبير بالنسبة لي لأن التغيير بشكل أكثر وضوحًا يجعل الأقواس تبدو كما هي بدلاً من الحروف أو شيء من هذا القبيل. كما أن التماثل عندما يكون ذلك ممكنًا أمرًا رائعًا ، ويوفر التوازن! من الواضح أن النمط سيُضاف إلى مكعب mdtauk الأكريليكي مع التوهج وليس المكعب الأزرق الخاص به (كما هو موضح في الصورة أعلاه) ، ولكن هل ستكون منفتحًا على فكرة رؤية هذا التعديل يتم تجربته أكثر؟

تهانينا أيضًا

بادئ ذي بدء ، تهانينا لـ mdtauk وشكراً جزيلاً لـ mdtauk على مشاركة ملفات figma الخاصة به !!!

بالنسبة إلى تعليق SavoySchuler :

  1. نحن نحب نظام الألوان هذا ولكننا ما زلنا بحاجة إلى استكشاف بعض متغيرات الألوان المختلفة (ومزجها مع الظلال / التوهجات على خلفية مختلفة أيضًا).

إليكم رأيي في تصميم mdtauk الرائع:

Fluent Inner Cube 64 scale
Fluent Inner Cube 16 scale (1)

لقد قمت بتبديل اللون الأزرق المخضر والأزرق والوردي مع تنويعات من سمة Windows باللون الأزرق لمنحها إحساسًا أكثر بـ "Windows".

متحمس حقا لرؤية الرمز النهائي! تبدو مصقولة حقا! شاركmdtauk و NoahFeller على وجه الخصوص الكثير من الأفكار الرائعة

64472825-71f00180-d164-11e9-8ee4-61791013b070

الصورة اليسرى هي chingucoding 's مأخوذة عن تصميم تصميميchingucoding . دعوني اعلم بماذا تفكرون جميعا. أيضا عمل عظيمchingucoding.

2019-09-08-19-28-05
2019-09-08-19-21-38

NoahFeller ألا يصبح هو نفسه أحد

WinUILogo13_X

NoahFeller ألا يصبح هو نفسه أحد

WinUILogo13_X

نوعا ما. الأقواس متعددة الألوان تمنحها مظهر الالتفاف حول المكعب بحيث يكون مختلفًا بعض الشيء. اختلافات اللون كبيرة إلى حد ما. كما ذكرت سابقًا ، تعمل أقواس mdtauk بشكل أفضل mdtauk أكثر سمكًا قليلاً. لكن نعم يمكنك التفكير في الأمر على أنه مزيج من التصميمين. كنت أحاول تحسين تنفيذ الأقواس لكل منها. وسيط سعيد 🙂.

cubewithiin

لقد نسيت تمامًا أن أذكر أن هذا الإصدار يحتوي على مكعب داخل تصميم مكعب رأيته مميزًا في بعض التصميمات في هذه الصفحة. أعتقد أنه من الرائع حقًا الاندماج وله معنى رائع وراءه. فيما يلي ما قاله mdtauk عند شرح المكعب الخاص به داخل تصميمات المكعب ردًا على stmoy :

mdtauk - شكرًا جزيلاً لك على كل ما تبذلونه من المدخلات والاختلافات. سؤال سريع - الكثير من التصميمات عبارة عن "مكعب داخل مكعب". ما المقصود بهذا المكعب المزدوج أن ينقل؟

اقترح itsmichaelwest في الأصل استخدام رمز XAML كأساس للشعار ، وتم اختيار تصميمه في الجولة الأولى من عمليات الإرسال.

أنظر إلى المكعب على أنه نواة ، وجزء أساسي من بناء تطبيقات Windows ، ولذا قررت أن أوضح مفهوم النواة ، من خلال إبراز جزء من المكعب. لقد لعبت أيضًا مع وجود مساحة "فارغة" ، لإظهار أن هذه مساحة للبناء فيها.

لكن جعل تصميم المكعب والقوس شيئًا "قابلاً للتملك" ومتميزًا ، من بين آلاف الأيقونات الأخرى القائمة على المكعب ، يلعب دورًا ما.

64468236-f7c56b80-d0d6-11e9-9bfc-fa155de7791f

وإليك مكعب قوس متماثل داخل تصميم مكعب يعتمد على تصميم mdtuak باللون الأخضر / الأزرق / الأرجواني.

رأيي هو أن عرض الأقواس يجب أن يكون 1/4 من عرض المكعب الخارجي. يجب أن يكون المكعب الداخلي نصف حجم المكعب الخارجي الذي سيضع الأقواس على مسافة 1/4 عرض المكعب من حواف المكعب الخارجي.

وإليك مكعب قوس متماثل داخل تصميم مكعب يعتمد على تصميم mdtuak باللون الأخضر / الأزرق / الأرجواني.

164468236-f7c56b80-d0d6-11e9-9bfc-fa155de7791f

لقد قمت بتعديل الأقواس لتكون أقرب قليلاً. أعتقد أنه يبدو أفضل قليلاً مثل هذا.

Colour-Test

SavoySchuler هل هذا هو نوع اللون الذي تريد الذهاب إليه؟

الأقواس المتماثلة أجمل بالتأكيد. هل ترغب في رؤية مفهوم حيث يتم تقريب الزوايا الداخلية أيضًا.

الأقواس المتماثلة هي بالتأكيد أجمل بكثير. هل ترغب في رؤية مفهوم حيث يتم تقريب الزوايا الداخلية أيضًا.

موافق تماما. من الصعب معرفة أنها أقواس زاوية بخلاف ذلك. هل يمكنك توضيح ما تعنيه بالزوايا الداخلية؟

Colour-Test-2

تركيبات ألوان جديدة رائعةmdtauk! لقد قمت ببعض العمل الرائع. كنت أتساءل عما إذا كان لديك رأي حول ما إذا كان يجب أن يكون لديك أقواس زاوية متناظرة في الشكل أم لا. لقد رأيت @ Felix-Dev و elalexg و goranalkovic منشورات هنا حول كيف يفضلون الأقواس المتماثلة. أشعر بالفضول إذا كانت لديك وجهة نظر متناقضة. مشاركة @ Felix-Dev أدناه للسياق.

NoahFeller يجب أن تعكس الأقواس ، IMO ، أقواس XAML ، والتي تكون متساوية الحجم. يجب أن ينعكس هذا في الشعار. المشكلة التي أواجهها مع تصميم
image
(من الواضح أن القوس الأيسر أكبر مقارنةً بالجانب الأيمن. في XAML ، هذا ليس هو الحال.) في بعض درجات دقة الصورة ، على سبيل المثال
image
هذا صارخ جدًا بالنسبة لي وهو يرمقني ، بصراحة تامة. تعتبر أزواج الأقواس <> بارزة جدًا في XAML لدرجة أنني أعتقد أنه من المبرر "صفعها" على المكعب كما هو ، أو على الأقل إعطاء الكثير من الاهتمام.

استوديو مرئي بنفسجي
Colour-Test-3

تركيبات ألوان جديدة رائعةmdtauk! لقد قمت ببعض العمل الرائع. كنت أتساءل عما إذا كان لديك رأي حول ما إذا كان يجب أن يكون لديك أقواس زاوية متناظرة في الشكل أم لا. لقد رأيت @ Felix-Dev و elalexg و goranalkovic منشورات هنا حول كيف يفضلون الأقواس المتماثلة. أشعر بالفضول إذا كانت لديك وجهة نظر متناقضة. مشاركة @ Felix-Dev أدناه للسياق.

NoahFeller جعلها متناظرة يعني فصل الأقواس عن المكعب. لقد أنتجت إصدارًا به أقواس من نفس الحجم (لكن ليس متماثلًا في الشكل) - ويبدو أن الفريق الذي يتخذ القرارات يميل نحو الحفاظ على عدم التماثل.

إذا كنت تنظر إلى الأقواس على أنها تمثيل حرفي لأقواس الزاوية من XAML / XML ، فمن المؤكد أنك ستشعر بالاستياء من الأسلوب المنمق.

ولكن إذا كانت الأشكال رمزية للأقواس ، لكن المكعب نفسه هو الشعار ، فإن عدم التماثل يلمح إلى الأقواس ، بينما يكون منمقًا بدرجة كافية ليكون شعارًا مثيرًا للاهتمام.

جعل الأقواس متناظرة ، مع إبقائها موضوعة على المكعب ، يعني تدوير المكعب ، ولم يُطلب ذلك ، وهي خطوة أخرى بعيدًا عن إلهام شعار XAML.

الألوان

mdtauk - لقد كنت مذهلاً. كل ما نحتاجه هو ملفات تنسيق متجه للشعارات أدناه (يفضل استخدام الأشكال اليسرى والوسطى إذا كانت متوفرة). بخلاف ذلك ، من فضلك لا تشعر بأنك مضطر لإقراضنا بعد الآن من وقتك إلا إذا كنت ترغب في ذلك. لا يمكننا أن نطلب المزيد دون الشعور بالذنب!

باستثناء أحدث عمليات إرسال mdtauk (والتي سنقيمها قريبًا) ، هذه هي مجموعات الألوان الثلاثة التي

image

كاستكشاف أخير ، نود معرفة ما إذا كان من الممكن عمل هذا التصميم بألوان Microsoft الرسمية بشكل جيد (إذا كان ذلك ممكنًا). لقد كنت أستكشف هذا في وضع عدم الاتصال ولم أتوصل بعد إلى أي شيء سأفتخر بنشره. ما لم يستطع أي شخص هنا ، سنختار من مخططات الألوان أعلاه.

بالنسبة لشكل القوس / الارتفاع ، فإن اهتمامنا هو أي شيء يكمل الألوان على أفضل وجه. حتى الآن ، أعتقد أن الصور الموجودة على اليسار والوسط أعلاه تفعل ذلك بشكل أفضل ، لكن هذا لا يستبعد بأي حال العنصر الصحيح أعلاه أو أي عمليات إرسال لونية بديلة تنحرف عن هذا.

الألوان

mdtauk - لقد كنت مذهلاً. كل ما نحتاجه هو ملفات تنسيق متجه للشعارات أدناه (يفضل استخدام الأشكال اليسرى والوسطى إذا كانت متوفرة). بخلاف ذلك ، من فضلك لا تشعر بأنك مضطر لإقراضنا بعد الآن من وقتك إلا إذا كنت ترغب في ذلك. لا يمكننا أن نطلب المزيد دون الشعور بالذنب!

باستثناء أحدث عمليات إرسال mdtauk (والتي سنقيمها قريبًا) ، هذه هي مجموعات الألوان الثلاثة التي

image

كاستكشاف أخير ، نود معرفة ما إذا كان من الممكن عمل هذا التصميم بألوان Microsoft الرسمية بشكل جيد (إذا كان ذلك ممكنًا). لقد كنت أستكشف هذا في وضع عدم الاتصال ولم أتوصل بعد إلى أي شيء سأفتخر بنشره. ما لم يستطع أي شخص هنا ، سنختار من مخططات الألوان أعلاه.

بالنسبة لشكل القوس / الارتفاع ، فإن اهتمامنا هو أي شيء يكمل الألوان على أفضل وجه. حتى الآن ، أعتقد أن الصور الموجودة على اليسار والوسط أعلاه تفعل ذلك بشكل أفضل ، لكن هذا لا يستبعد بأي حال العنصر الصحيح أعلاه أو أي عمليات إرسال لونية بديلة تنحرف عن هذا.

لقد حاولت أيضًا استخدام ألوان شعار Microsoft Four Square ، ولم أتمكن من جعلها تبدو جيدة معًا مع الحفاظ على أبعاد المكعب.

ما الأداة التي تستخدمها للعمل معها؟ لقد كنت أستخدم Figma ، حيث أعتقد أنها أداة مألوفة لدى Microsofties ، ولكن يمكنني نقلها إلى Illustrator إذا كان ذلك مفضلًا؟

شكرًا لمشاركتك وجهة نظرك حول التماثل / عدم التماثلmdtauk.

NoahFeller جعلها متناظرة يعني فصل الأقواس عن المكعب. لقد أنتجت إصدارًا به أقواس من نفس الحجم (لكن ليس متماثلًا في الشكل) - ويبدو أن الفريق الذي يتخذ القرارات يميل نحو الحفاظ على عدم التماثل.

جعل الأقواس متناظرة ، مع إبقائها موضوعة على المكعب ، يعني تدوير المكعب ، ولم يُطلب ذلك ، وهي خطوة أخرى بعيدًا عن إلهام شعار XAML.

لا أرى ما تقصده بالقول إن جعل الأقواس متناظرة يعني أنه يجب فصلها عن المكعب. لست متأكدًا أيضًا مما تقصده بالحاجة إلى تدوير المكعب للحفاظ على تناسق الأقواس. لم أكن مضطرًا للقيام بأي من هذه الأشياء عندما كررت تصميمك ، لقد قمت فقط بتعديل ارتفاع وشكل الأقواس بشكل طفيف لتحقيق التناظر ⬇. ما لم أسيء تفسير ما تقوله ، فإن تلك الأجزاء من بيانك لا تبدو صحيحة.

64565562-08b5ed00-d322-11e9-8c29-6aa1e67a6691

كما أوضح elalexg هذه النقطة في تعليقه:

أعتقد أن تصميم قوس mdtauk هو السبيل للذهاب ، ولكن إذا انتهى القوس الأيسر بنفس الطريقة التي ينتهي بها القوس الأيمن ، فسوف يجعله يبدو بنفس الحجم ، حتى مع التأثير ثلاثي الأبعاد ، فأنا أرفق مثال قبيح فقط لتوضيح هذه النقطة.
64464723-94cfd680-d0ce-11e9-965e-a08b89d1fa73

لقد ألهمني جزئيًا بتعديل تصميمك.

أنا أيضًا لا أرى كيف يرمز الأقواس إلى أقواس الزاوية. يبدو أنها مجرد أقواس زاوية ، واحدة فقط أكبر قليلاً من الأخرى. كما قال @ Felix-Dev ، فإن أقواس XAML الأصلية متماثلة لذا يبدو أن التناظر سيكون في الواقع أقرب إلى تصميمات XAML السابقة ، ولا يبتعد عنها.

أستطيع أن أرى ما تقصده برغبتك في جعل الشعار منمقًا. إنه لمن غير الطبيعي بالنسبة لي وللآخرين الذين ذكرتهم رؤية الأقواس ذات الأحجام المختلفة ولكن يمكنني أن أرى تمامًا كيف ترى بشكل مختلف. أشعر أن الشعار معقد بدرجة كافية من حيث الملمس والتوهج ومجموعة من الألوان المختلفة وما إلى ذلك ولا يحتاج إلى مزيد من الاهتمام ولكن مرة أخرى يمكنني أن أرى كيف تفكر بطريقة أخرى.

حقًا ، الأمر متروك لـ SavoySchuler وفريقه لتحديد الاتجاه الذي يجب أن تسلكه ، أنا فقط أحاول فهم الأساس المنطقي الخاص بك. شكرا مرة أخرى للتوضيح!

لمعلوماتك ، أخطط لتصميم (ثلاثي الأبعاد) وطباعة ثلاثية الأبعاد بنفسي نسخة حقيقية من أي شعار نهائي (نهائي) ينتهي به الأمر. سأستخدم بعض الخيوط الشفافة لمحاكاة تأثير الأكريليك (المثال أدناه). سأكون على يقين من مشاركة صورة النتيجة إذا كان أي منكم مهتمًا!

a4f18cabbcf406fd66d3d049da0dc25a067bc6f0

لمعلوماتك ، أخطط لتصميم (ثلاثي الأبعاد) وطباعة ثلاثية الأبعاد بنفسي نسخة حقيقية من أي شعار نهائي (نهائي) ينتهي به الأمر. سأستخدم بعض الخيوط الشفافة لمحاكاة تأثير الأكريليك (المثال أدناه). سأكون على يقين من مشاركة صورة النتيجة إذا كان أي منكم مهتمًا!

a4f18cabbcf406fd66d3d049da0dc25a067bc6f0

مذهل. لقد تحدثنا بالفعل قليلاً داخليًا عن صنع أشياء مادية مثل هذه بناءً على الشعار ؛ لا أستطيع الانتظار لرؤية ما توصلت إليه!

لقد جربت ألوان علامة Microsoft التجارية أيضًا ولم تنجح تمامًا ، أعتقد أن نظام الألوان الذي يجب اتباعه هو Windows نظرًا لأن هذا هو Win (dows) UI بعد كل شيء.
لدى mdtauk فكرة مثيرة للاهتمام مع ألوان Visual Studio التي يمكن أن تكون منطقية أيضًا.

بالنظر إلى جميع التعليقات حول التناظر / عدم التماثل للأقواس ، أميل أكثر نحو التصميم غير المتماثل لأن ذلك يعطي مظهرًا فريدًا آخر للشعار ويبدو بطريقة ما أنه يستخرج المكعب بشكل أفضل قليلاً.

لا أرى ما تقصده بالقول إن جعل الأقواس متناظرة يعني أنه يجب فصلها عن المكعب. لست متأكدًا أيضًا مما تقصده بالحاجة إلى تدوير المكعب للحفاظ على تناسق الأقواس. لم أكن مضطرًا للقيام بأي من هذه الأشياء عندما كررت تصميمك ، لقد قمت فقط بتعديل ارتفاع وشكل الأقواس بشكل طفيف لتحقيق التناظر ⬇. ما لم أسيء تفسير ما تقوله ، فإن تلك الأجزاء من بيانك لا تبدو صحيحة.

أنا أيضًا لا أرى كيف يرمز الأقواس إلى أقواس الزاوية. يبدو أنها مجرد أقواس زاوية ، واحدة فقط أكبر قليلاً من الأخرى. كما قال @ Felix-Dev ، فإن أقواس XAML الأصلية متماثلة لذا يبدو أن التناظر سيكون في الواقع أقرب إلى تصميمات XAML السابقة ، ولا يبتعد عنها.

أستطيع أن أرى ما تقصده برغبتك في جعل الشعار منمقًا. إنه لمن غير الطبيعي بالنسبة لي وللآخرين الذين ذكرتهم رؤية الأقواس ذات الأحجام المختلفة ولكن يمكنني أن أرى تمامًا كيف ترى بشكل مختلف. أشعر أن الشعار معقد بدرجة كافية من حيث الملمس والتوهج ومجموعة من الألوان المختلفة وما إلى ذلك ولا يحتاج إلى مزيد من الاهتمام ولكن مرة أخرى يمكنني أن أرى كيف تفكر بطريقة أخرى.

حقًا ، الأمر متروك لـ SavoySchuler وفريقه لتحديد الاتجاه الذي يجب أن تسلكه ، أنا فقط أحاول فهم الأساس المنطقي الخاص بك. شكرا مرة أخرى للتوضيح!

كنت أرغب في محاذاة "العلامات" الموجودة على المكعب مع جوانب وجوه المكعب. من خلال قص ضربات نهاية القوس الأيسر بزاوية قطرية ، يبدو الأمر غير طبيعي بالنسبة لمحيط المكعب ، ويجعله يشعر وكأنه غير متصل بالدوران.

image

ولكن الآن على SavoySchuler والفريق أخذ التصميم يريده الفريق

لقد انتهيت للتو من الانتهاء من إصدارات Adobe Illustrator ، بعد تجريدها من كل الألوان ، حتى يتمكنوا من أخذها كنقطة بداية.

image

هنا ملف Illustrator مضغوط
أشكال الشعار النهائي .zip
_EDIT: ملف Illustrator مُحدَّث مع نُسخ مملوءة أحادية اللون مضافة_

16
Final Logo Shapes _ Mono 16
Final Logo Shapes _ Shaded 16
Final Logo Shapes _ Filled 16

32
Final Logo Shapes _ Mono 32
Final Logo Shapes _ Shaded 32
Final Logo Shapes _ Filled 32

64
Final Logo Shapes _ Mono 64
Final Logo Shapes _ Shaded 64
Final Logo Shapes _ Filled 64

128
Final Logo Shapes _ Mono 128
Final Logo Shapes _ Shaded 128
Final Logo Shapes _ Filled 128

256
Final Logo Shapes _ Mono 256
Final Logo Shapes _ Shaded 256
Final Logo Shapes _ Filled 256

1024
Final Logo Shapes _ Mono 1024
Final Logo Shapes _ Shaded 1024
Final Logo Shapes _ Filled 1024

4096
Final Logo Shapes _ Mono 4096
Final Logo Shapes _ Shaded 4096
Final Logo Shapes _ Filled 4096

طيب شكرا للتوضيح mdtauk. لقد فعلت ذلك بهذه الطريقة لتحقيق المكعب الدقيق داخل تصميم المكعب الذي تحدثت عنه في منشور سابق. نظرًا لأن زاوية غطاء الخط تبلغ 45 درجة ، فهي تقع على الخط القطري للمربع ، لذا لا أشعر أنها غير طبيعية جدًا. أرى ماذا يعني لك بالرغم من ذلك. أعتقد أنني أعطيت الأولوية لملاءمة الشكل كمسدس بينما أعطيت الأولوية لملاءمته كمكعب وهناك القليل من التسوية في كلتا الحالتين (تناسق متوازن مع مكعب داخل تصميم مكعب مقابل شخصية مضافة والتفاف أفضل). على أي حال ، أنا أقدر التفسير حقًا!

طيب شكرا للتوضيح mdtauk. لقد فعلت ذلك بهذه الطريقة لتحقيق المكعب الدقيق داخل تصميم المكعب الذي تحدثت عنه في منشور سابق. نظرًا لأن زاوية غطاء الخط تبلغ 45 درجة ، فهي تقع على الخط القطري للمربع ، لذا لا أشعر أنها غير طبيعية جدًا. أرى ماذا يعني لك بالرغم من ذلك. أعتقد أنني أعطيت الأولوية لملاءمة الشكل كمسدس بينما أعطيت الأولوية لملاءمته كمكعب وهناك القليل من التسوية في كلتا الحالتين (تناسق متوازن مع مكعب داخل تصميم مكعب مقابل شخصية مضافة والتفاف أفضل). على أي حال ، أنا أقدر التفسير حقًا!

لا يوجد أي من المقاربتين أفضل من الآخر ، مجرد أفكار مختلفة في جوهرها. كما قلت ، لا أريد أن أفقد حقيقة أن هذا مكعب ، بعمق وملمس ، كهدف أصلي وراء شعار XAML.

هنا ملف Illustrator مضغوط
أشكال الشعار النهائي .zip
_EDIT: ملف Illustrator مُحدَّث مع نُسخ مملوءة أحادية اللون مضافة_

16
Final Logo Shapes _ Mono 16
Final Logo Shapes _ Shaded 16
Final Logo Shapes _ Filled 16

32
Final Logo Shapes _ Mono 32
Final Logo Shapes _ Shaded 32
Final Logo Shapes _ Filled 32

64
Final Logo Shapes _ Mono 64
Final Logo Shapes _ Shaded 64
Final Logo Shapes _ Filled 64

128
Final Logo Shapes _ Mono 128
Final Logo Shapes _ Shaded 128
Final Logo Shapes _ Filled 128

256
Final Logo Shapes _ Mono 256
Final Logo Shapes _ Shaded 256
Final Logo Shapes _ Filled 256

1024
Final Logo Shapes _ Mono 1024
Final Logo Shapes _ Shaded 1024
Final Logo Shapes _ Filled 1024

4096
Final Logo Shapes _ Mono 4096
Final Logo Shapes _ Shaded 4096
Final Logo Shapes _ Filled 4096

يا صديقي! نود أن يكون لدينا تصميمات الشعار الأصلية متعددة الألوان والأزرق التي قمت بإنشائها كما أرسلتها في البداية ، ملف .ai واحد في مجلد مضغوط. يبدون رائعين! شكرًا لك على مساعدتنا ، فنحن نحب عملك كثيرًا لدرجة أننا نريد الاحتفاظ به كما هو :) شكرًا مرة أخرى

SavoySchulerembender لقد تحديث FIGMA مع الشعارات والألوان النهائية، وتشمل هذه الظلال التي قد انتفخ حجم الملف من ملفات أدوبي المصور.

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

هل أنا فقط أم أن المكعبات الرمادية الأصغر تبدو غامضة؟ هل هذه مجرد قطعة أثرية لضغط الصور أو شيء من هذا القبيل؟

هل أنا فقط أم أن المكعبات الرمادية الأصغر تبدو غامضة؟ هل هذه مجرد قطعة أثرية لضغط الصور أو شيء من هذا القبيل؟

الشعارات ذات التدرج الرمادي التي نشرتها سابقًا؟

يجب أن تكون الصور واضحة عند عرضها عند التكبير بنسبة 100٪ ، حيث إنها مصممة لتبدو واضحة على شبكة بكسل.

mdtauk - أشكرك مرة أخرى على جميع

إذا لم يكن هناك الكثير من المتاعب ، فهل يمكنك إرسال الأصول التي توضح إصدار المخطط التفصيلي للشعار بما في ذلك الأقواس غير المتماثلة؟ شيء من هذا القبيل ، ولكن تم تحديثه لأحدث التصميمات:

image

أيضا ، ما هي أفكارك حول سمك المخطط التفصيلي؟ أعلم أنه كانت هناك محادثات حول ضمان أن سمك المخطط التفصيلي يساعد في الحفاظ على الشعار بأحجام بكسل صغيرة ، ولكن بالنسبة للغرامة ، أتساءل عما إذا كانت الخطوط الرفيعة ستكون أكثر فاعلية؟

أحب حقًا النسخة غير المتماثلة من الشعار حيث تمتد الخطوط إلى الحواف الخارجية لكل وجه. بمعنى آخر.
متعدد الألوان الخفيفة Logo.zip

يسمح لكل وجه بأن يكون متماسكًا في حد ذاته ، ويسمح لك بتخيل شكل الوجوه المخفية إذا تم تدوير المكعب.

في هذه الملاحظة ، قد يكون من الرائع استخدام التصميم لمكعبات روبيك.

stmoy لقد قمت

على أي حال لقد أضفت أيقونات وزن أحادية أرق إلى Figma.

Mono 16
Mono 32
Mono 64
Mono 128
Mono 256
Mono 1024
Mono 4096

هل أنا فقط أم أن المكعبات الرمادية الأصغر تبدو غامضة؟ هل هذه مجرد قطعة أثرية لضغط الصور أو شيء من هذا القبيل؟

الشعارات ذات التدرج الرمادي التي نشرتها سابقًا؟

يجب أن تكون الصور واضحة عند عرضها عند التكبير بنسبة 100٪ ، حيث إنها مصممة لتبدو واضحة على شبكة بكسل.

آه ، سخيف لي وقياس DPI! 😛

تم الانتهاء من وضع الشعار

مرحبا مجتمع رائع! أنا متأكد من أنك رأيت خلال الأسبوع الماضي ، بالتأكيد ، بالتأكيد ، بدون شك ، 100 ٪ ، لقد هبطنا حقًا على شعار نحن متحمسون جدًا له! شكراً جزيلاً لكم جميعاً لقيادة هذا المنزل. أردنا حقًا إنشاء شيء يجمع كل الأعمال المفضلة التي وضعها الجميع هنا. نعتقد أن هذا يفعل ذلك.

New WinUI Logo - wireframe and color

لنستخبر

لدينا شعار Xaml القديم هنا:

Original Xaml Logo

عندما يبثitsmichaelwest حياة جديدة في التاريخ ، تحصل على شيء رائع:

WinUI_LogoExporation_V3_GitHub

من هناك ، لجأنا إلى المجتمع. بعد (تقريبًا) مائة طلب آخر لاستكشاف إعادة التلوين والتصميم ، وقعنا في حب هذا التطور البسيط والأنيق لاحتواء الأقواس ذاتيًا. كما قال embender ، مع إعادة صياغته ، "أحب الارتفاعات المختلفة بين قوسين. إنه يجعله مجردًا - يرسم بعض الفن على العلم ،" وهو ما تندمج به واجهة المستخدم - الفن والعلم مدمجان في واحد. "

New WinUI Logo - wireframe

أما بالنسبة للون - فقد تحدث مجتمع المستخدمين لدينا وطالب بشيء لا يزال "يشبه Windows". جعل mdtauk من السهل تخيل هذا اللون الأزرق المألوف الذي يمثل مجتمعنا مرة أخرى:

New WinUI Logo - color

بالطبع ، في هذا الملخص الموجز ، قمت باختصار 300 تفاعل تقريبًا من ما يقرب من 40 مساهمًا هنا ومجلدات أكثر على Twitter وغير متصل. القصة القصيرة هي كالتالي: لم نكن لنفعل هذا بدونكم جميعًا ، وآمل أن ترى جميعًا جزءًا بسيطًا من عملك وأن تنعكس قصتك في ما أنشأناه معًا. تبدو بطريقة ما حديثة وعصرية في نفس الوقت ، الورك ومع ذلك أيضًا تاريخية ودقيقة وغير متكافئة. إنه جزء من محادثة ، وهذا حسب التصميم. 😊

New WinUI Logo - wireframe and color

يتطلع

بالنظر إلى مدى تنوع هذا الجهد التعاوني وجميع الاختلافات الملونة التي رأيناها ، كيف لا يمكننا الحفاظ على حيوية الأشياء مع كل الأفكار التي قدمتها لنا؟ نحن متحمسون للتجربة مع الألوان والموضوع. تابع Twitter بينما نشارك أعمال التصميم الممتعة ونحاول ابتكار شهر احتفالي وعطلة وإصدار متغيرات ذات طابع خاص لمشاركتها! 😊

سنبدأ أيضًا في تكرار تصميمات غنيمة مثيرة. تأكد من التوقف عند كشكنا في Microsoft Ignite لالتقاط إحدى هذه الملصقات أدناه!

WinUI Logo Sticker

رابط غنيمة؟

رأيت أن هناك طلبات لإتاحة روابط شراء غنيمة شخصية. بمجرد الانتهاء من تشكيلة غنيمة ، سأبحث في ما إذا كان بإمكاني تحقيق ذلك وتقديم تقرير إلى هذا الموضوع. سأؤجل إغلاق القضية حتى ذلك الحين!

لدينا غنيمة للمشاركة!

فريق المجتمع ، سمعتك بصوت عال وواضح. لقد أردت الحصول على فرصة لشراء نفس غنيمة أعضاء فريقنا الداخليين الذين سيهزونهم في Microsoft Ignite ، على خشبة المسرح ، وفي جميع أنحاء العالم. لقد اخترنا تصميم وطلب غنيمة من خلال شركة يمكنها تحقيق ذلك من أجلك.

لقد قدمت طلبنا النهائي المكون من أكثر من 100 عنصر اليوم. يجب على كل عضو في الفريق اختيار واحد أو آخر. أحب الكثيرون كلاهما كثيرًا ، أخذنا أحدهما وأمرنا الآخر بأنفسنا (بما في ذلك)!

واسمحوا لي أن أعرف إذا كان لديك أي أسئلة. لدي بعض الملاحظات:

  • لقد كنت فائزًا في "العدد الألف - شكرًا لك!"
  • تتطلب القلنسوات حدًا أدنى للطلب هو 6. يمكنك بسهولة مبادلة المنتج بواحد بدون حد أدنى أو وضع نموذج طلب جماعي معًا.
  • إذا طلبت هذا الأسبوع / الشحن إلى فندقك ، فيمكنك الحصول عليها في الوقت المناسب للانضمام إلينا في ارتدائها في Microsoft Ignite في أورلاندو ، فلوريدا ، من 4 إلى 8 نوفمبر!

WinUI Hoodies طلب الارتباط

WinUI Hoodies

رابط ترتيب قميص WinUI

WinUI Shirts

أصبح هذا الشعار النهائي رائعًا. انها حقا الملوثات العضوية الثابتة.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات