Design: شعار WebAssembly

هذا استعارة أنيقة. FWIW لطالما أحببت شعار Borland C ++ ، والذي
بدت وكأنها كتل بناء يتم تجميعها. يمكن أن يكون "تجميع" أيضا
هذا الدلالة كذلك.

يوم الأربعاء 3 يونيو 2015 الساعة 10:34 مساءً ، JF Bastien [email protected]
كتب:

sunfishcode https://github.com/sunfishcode اخترق شعارًا سريعًا لـ
تجميع الويب:
[صورة: صورة]
https://cloud.githubusercontent.com/assets/298127/7970689/95aefe64-09f4-11e5-87c8-b67d25f46901.png
لديها أفكار جميلة:

• السهام تتجمع لتمثل "التجمع".
• يمكن أن تمثل الأسهم مجتمعة أيضًا تجميع اللغات الأخرى
  إلى الويب.

سيكون من الجيد أن يكون لديك شيء أكثر فخامة / web-y / designer-y ، و
اجعله محايدًا بحيث ينتمي إلى الويب وليس أحد بائعي المستعرضات.

اقترح Petr Hosek من فريقي استخدام أيقونات فئة تقنية HTML5
http://www.w3.org/html/logo/ ، وتوصل إلى ما يلي:
[صورة: صورة]
https://cloud.githubusercontent.com/assets/298127/7970659/70880d2e-09f4-11e5-9c7b-c2134ee7f483.png

_أي اقتراحات أخرى؟_

lukewagner https://github.com/lukewagner قال:

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

-
قم بالرد على هذا البريد الإلكتروني مباشرة أو قم بعرضه على GitHub
https://github.com/WebAssembly/spec/issues/112.

ذكر BrendanEich أيضًا أنه يحب الأبطال الخارقين الذين يجمعون

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

ابتكر بيتر هوسك في الأصل ما يلي:

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

لا تزال فكرة رمز فئة تقنية HTML5 جيدة ، على الرغم من ذلك!

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

lukewagner حسنًا ، إنه الإصدار 1.0 (في وقت ما) واختصاره هو WASM. أيضًا ، لم يتم استخدام اللون الأخضر حتى الآن بواسطة رموز تقنية HTML5 النموذجية AFAIK.

EDIT: مُرخص بموجب (CC BY 3.0) وعلى أساس شعار HTML 5

تحرير: سيوفر إصدار SVG به أخطاء بكسل أقل عندما يكون لدي الوقت: p.

تحرير: SVG للإصدار الأخضر والأرجواني .

Teemperor لا يمكننا قبول شعار دون أن تكون في مجموعة مجتمع W3C ،

jfbastien أنا بالفعل في مجتمع W3C . يجب أن يكون الشعار مرخصًا بموجب ترخيص CC الأصلي لشعار HTML5 لأنه من الواضح أنه مجرد شعار HTML 5 معاد مزجه.

تصميم آخر يعتمد على الأسهم التي تشير معًا (لتجميع W eb A ):

مرخصة بموجب (CC BY 3.0) ، أنشأها رافائيل إيسمان.

وأعتقد أن الشعار الذي سيتم تغييره لاحقًا أفضل من عدم وجود شعار على الإطلاق :)

ها هي طلقاتي التي تبلغ مدتها 3 دقائق.

: +1:

ماذا عن WA Zigzag

Namozag يعجبني!

(يبدو أن المرفقات لا تعمل عبر البريد الإلكتروني ...)
(زوجان من سريع وقذر)

مسرحية على فكرة متعرجة:

اللعب بمساحة سلبية:

—فريد

في 23 يونيو 2015 ، في تمام الساعة 13:27 ، كتب Andrey [email protected] :

Namozag https://github.com/Namozag يعجبني!

-
قم بالرد على هذه الرسالة الإلكترونية مباشرةً أو اعرضها على GitHub https://github.com/WebAssembly/design/issues/112#issuecomment -114450578.

@ fstark لا يمكن رؤيتهم.

يبدو أنه لا يمكنك إرفاق صور عبر البريد الإلكتروني ، لذا أضفتها إلى التعليق الأصلي. هل تظهر مضمنة؟

لا

اسمحوا لي أن أحاول مرة أخرى مع دقة أصغر.

الصورة 1 (التباين على شكل متعرج)

الصورة 2 (مسافة سلبية)

أعتقد أنه قد يكون من المربك استخدام شعار WA ، لأن Whatsapp يُختصر على أنه WA أيضًا.

حقا عمل مبدع من قبل الجميع هنا. توافق على تجنب تداخل WhatsApp ؛ أيضًا \ / \ / من "جاهل" لـ "على أي حال" ؛-).

/يكون

لا أفهم حقًا القلق بشأن Whatsapp ، حيث يبدو شعارهم هكذا .

أيضًا ، الاسم الكامل هو WebAssembly ، وليس wasm ولا wa ، لذلك لست متأكدًا من مصدر الالتباس. ليس الأمر كما لو كان الناس سيبدأون في استخدام وا كاسم. إنها مجرد خربشات عشوائية على الشعار. قد تؤدي إعادة استخدام فكرة الدرع الخاصة بـ Teemperor (ربما ليس باللون الأخضر لتجنب دلالات WA) مع بعض الخربشة إلى منح WebAssembly مظهرًا يمكن التعرف عليه مرتبطًا بشكل مباشر بـ HTML5. ممم. قد نحاول ذلك لاحقًا.

ربما يكون هذا أمرًا إقليميًا ، لكنني لا أربط شعار
أيضًا ، كما اكتشفت أن الدرع الأخضر مخصص لـ PHP (و WhatsApp أخضر أيضًا كما قال @ fstark ) ، لذلك قمت

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

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

مندهش من جميع أفكار الشعار ، اختلافNamozag

يبدو أنني أفضل أي شيء مع "wasm" أو "asm" هناك كنص.

أوه ، رائع ، (ليس) مسابقة شعار! وبالفعل بعض الأفكار الرائعة! حسنًا ، هذا هو رأيي في الشعار (أحاول دمج مجموعة من الأفكار السابقة):

• يشبه إلى حد ما شعار دلالات HTML5 "إعطاء معنى للهيكل" ، ولكنه مقلوب ، لا يزال "يتيح شبكة ويب أكثر فائدة تعتمد على البيانات لكل من البرامج والمستخدمين."
• بيانات متدفقة مضغوطة بعض الشيء
• قليلا قابل للتوصيل
• كومة قليلا
• قليلا "W" ، "A" ، "S" ، "M"
• تظليل اختياري وبالطبع _أخضر_

هتافات!

dcodeIO تبدو رائعة!

fstark الصورة 2 ،، Cheers !!

dcodeIO : لطيف!

ربما شيء من هذا القبيل ؛)

أنا حقًا أحب اللون الأسود / الأخضر منdcodeIO!

أنا أحب الأسود والأخضر. هتافات!

المي ، 1 يوليو. de 2015 على الساعة 10:10 صباحًا ، Jan-Oliver Opdenhövel <
[email protected]> escribió:

أنا حقًا أحب اللون الأسود / الأخضر بواسطة dcodeIO https://github.com/dcodeIO
!

-
قم بالرد على هذا البريد الإلكتروني مباشرة أو قم بعرضه على GitHub
https://github.com/WebAssembly/design/issues/112#issuecomment -117662363.

فرعي

هذا هو نسخة مكررة لفرعي الأخير

هل يجب أن نجري استفتاء لتحديد ما هو أفضل شعار للمشروع؟

لقد تحدثت بالفعل عن شعار WebAssembly لفترات طويلة ، وأعتقد أن الوقت قد حان لإنهاء الأمر.

أرسل عبر iPhone

2015 7 16 22:36 Thomas [email protected]写道 ：

هل يجب أن نجري استفتاء لتحديد ما هو أفضل شعار للمشروع؟

-
قم بالرد على هذا البريد الإلكتروني مباشرة أو قم بعرضه على GitHub.

لم أجرب أي شيء على برنامج رسومات ، لكن أثناء انتظار التجميعات ، كانت لدي الأفكار التالية:

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

إذا كان شخص ما على استعداد لتوسيع هذه الأفكار وإنشاء شعارات حقيقية من هذه الصور التخطيطية ، فسيكون ذلك رائعًا!

أنا أحب الأسود / الأخضر @ dcodeIO

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

الأكثر والاكثر مرحا! أتفق مع lukewagner : دعونا نستقر فقط على الشعار عندما نقترب من إصدار MVP. حافظ على الإبداع حتى ذلك الحين.

لن تتخلى عن العثور على أفضل شعار!

أنا لست مصممًا ولكني قمت ببعض رسومات الشعار المبتكرة واعتقدت أنني قد أشاركها أيضًا.

إنها تقريبية للغاية (محاذاة / نسب / خط خاطئة) ، لكن يجب أن تظهر الفكرة العامة.

دعني أجرب :)

dcodeIO الصورة 2 تبدو رائعة!

dcodeIO انه رائع !!

+1 لـ dcodeIO

+1 للحصول على شعارdcodeIO باللونين الأسود والأخضر

+1 لـ dcodeIO الأسود والأخضر

حقا مثل رافاييل الأول

هذا شيء صنعته أثناء اللعب مع Krita. على الرغم من أن التصميم كان يطفو في رأسي لعدة أشهر:

إليكم تجربة من الثمانينيات أجريتها أثناء اللعب بالتأثيرات:

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

شكرا

شعارات HTML5 / CSS / JS الحالية قبيحة وقديمة (مثل هذه التقنيات أيضًا ، لول). خذ هذا الشعار المتجه - بسيط ونظيف وقوي وطائر اللعين - وافعل به أي شيء تريده.

wa_logo.zip

أحب عمل Fogaccio

أحب شعار Fogaccio .

أعمالFogaccio و jjmiyao رائعة!

نص WASM مستوحى من Erik Demaine وشكرًا له http://erikdemaine.org/fonts/hinged/
لاحظ أن W و M متماثلان. (كما هو الحال مع بعض الشخصيات الأخرى ، مما يجعل الأمر أكثر متعة.)
مستخدمة / مقترحة لمشروع F # UN FSharp التجريبي للحاضنة التجريبية FSTWASM FSharp To WASM.
يمكن طي كل حرف ورقم في هذا الخط من سلسلة مفصلية عامة واحدة من القطع ، وتحديدًا 128 مثلثًا متساوي الساقين على اليمين معلقة عند زواياها الحادة. على وجه الخصوص ، كل شخصية لها نفس المنطقة بالضبط. بالإضافة إلى ذلك ، يمكن أن تطوى السلسلة في مربع ، ممثلة بنقطة. انظر مقالتنا "التشريح المفصلي للأبجدية" ، مجلة الرياضيات الترفيهية ، 31 (3): 204-207 ، 2003.

أنا معجب بشعارFogaccio . إنه نظيف ويمكن التعرف عليه على الفور ويشعر بأنه أكثر حداثة من بعض شعارات منصات الويب القديمة (HTML / CSS) التي تم إنشاؤها قبل بضع سنوات.

+1 شعار Fogaccio ، يحتوي على إصدارات فنية لطيفة من ASCII.

\ \ \  /\
 \/\/\   \

\ \ \   /\
 \ \ \    \
  \/\/\    \

\ \ \    /\
 \ \ \  /  \
  \ \ \     \
   \/\/\     \

...

Fogacci ، هل لديك نسخة من الشعار .svg ، .ai ؟

mbebenita نعم أفعل .. =]

لكني أحتاج إلى تجهيز الملفات للتسليم ، وسأقوم بذلك في أسرع وقت ممكن

Fogaccio أي تقدم في هذا؟

kenchris أنا أعمل على إنتاج الأصول.

Fogaccio ودية بينغ

مرحبًا kenchris و mbebenita ، أنا على وشك الانتهاء من أصول .svg و .ai ، وأعتقد أنني سأحصل على ذلك يوم الجمعة.

رمز علامة HTML + AST.

أهلا بالجميع،
فقط لإعلامك أنه هنا (https://github.com/Fogaccio/OpenDesign/tree/master/webassembly_identity) هي ملفات اقتراح العلامة التجارية الذي أرسلته من قبل. آمل أن تساعدك هذه الموارد بأفضل طريقة. لا تتردد في مشاركة الأفكار والاقتراحات.

شكرا

Fogaccio شكرا ، هذا شيء عظيم. أنا أنظر إلى إصدار فافيكون الصغير 16x16:

https://raw.githubusercontent.com/Fogaccio/OpenDesign/master/webassembly_identity/favicon/png/browser/favicon_16x16.ico

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

مرحبًا mbebenita ، لقد حاولت عمل فن البكسل على .ico ، لكن لم أحقق النجاح ، فلا تتردد في مساعدتي في القيام بذلك =]

سأكون ممتنا جدا لمساعدتكم

Fogaccio باستخدام ظلال لونية أقل (وألوان أكثر حدة - وبالتالي المزيد من التعاقد مع الخلفية / شفافة / بيضاء) من المحتمل أن تجعلها تبدو أكثر وضوحًا

من الصعب نوعًا ما مع حجم 16 × 16 فقط على الرغم من :) تحتاج إلى اختيار الظلال بعناية

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

يتم إنشاء الكائن الصلب برمجيًا باستخدام الكود التالي في openscad

module LetterW(thickness=5,height=20,width=20,col="Chartreuse")
{
    color(col) {
        union() {
            cube([thickness,thickness,height],false);
            cube([thickness,width,thickness],false);
            translate(v=[width,width-thickness,0])rotate([0,0,90]) union() {
                    cube([thickness,thickness,height],false);
                    cube([thickness,width,thickness],false);
            }
            translate(v=[-1.5*thickness,1.5*thickness,0]) cube([thickness,thickness,height-1.0*thickness]);
            //translate(v=[-1.5*thickness,1.5*thickness,0]) cube([2.5*thickness,thickness,thickness]);
            rotate([0,0,45]) cube([thickness/sqrt(2),sqrt(2)*1.5*thickness,thickness]);
        }
    }

}

module LetterA(thickness=5,height=20,width=20,col="Chartreuse")
{
    offset=-2*thickness;
    color(col) {
        union() {
            translate(v=[0,0,-height]) cube([thickness,thickness,height],false);
            translate(v=[width-thickness,width-thickness,-height]) cube([thickness,thickness,height],false);
            /*
            translate(v=[0,0,offset]) cube([width,thickness,thickness],false);
            translate(v=[width-thickness,0,offset]) cube([thickness,width,thickness],false);
            */
            translate(v=[thickness,0,offset])rotate([0,0,45]) cube([sqrt(2)*(width-thickness),thickness/sqrt(2),thickness]);
        }
    }
}

thickness=5;
height=20;
width=20;
scale=1.0;
$vpr = [0,0,90];

LetterW(scale*thickness,scale*height,scale*width);
LetterA(scale*thickness,scale*height-0.5*thickness,scale*width);

$t = 0.0;
//$vpr = [0, 0, 90];
//$vpr = [$t*90, 0, 90];
$vpr = [90, 0, 90];
$vpr = [90-$t*25, 0, 90-$t*45];

هذا هو العرض ثنائي الأبعاد:

وهنا عرض ثلاثي الأبعاد:

يمكنني إنتاج متغيرات وتجسيد مجموعات الأصول عند الضرورة.

لقد لعبت بذراع متقاطعة منحنية أكثر تناسقًا من أجل A:

لكنني شخصياً أفضل الذراع المتقاطعة المستقيمة لأن الحرف A أكثر وضوحًا.

@ h00gs مثيرة للاهتمام ، لديك تقريبًا شيء MC Escher ، أحب ذلك.

اعتقدت أن مفتاح الربط قد يوصل التجميع ويمكن بناؤه من أشكال مشابهة لـ WA.

rfernbach يبدو

... هل نحتاج إلى تعويذة؟ :)

مرحبًا mbebenita كيف هو التحدي لجعل

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