Design: Webविधानसभा लोगो

यह एक साफ सुथरा रूपक है। एफडब्ल्यूआईडब्ल्यू मुझे हमेशा बोर्लैंड सी++ लोगो पसंद आया, जो
ऐसा लग रहा था कि बिल्डिंग ब्लॉक्स एक साथ रखे जा रहे हैं। "संयोजन" भी हो सकता है
वह अर्थ भी।

बुध, जून 3, 2015 को रात 10:34 बजे, जेएफ बास्तियन नोटिफिकेशन @github.com
लिखा था:

@sunfishcode https://github.com/sunfishcode के लिए एक त्वरित लोगो हैक किया गया
वेब असेंबली:
[छवि: छवि]
https://cloud.githubusercontent.com/assets/298127/7970689/95aefe64-09f4-11e5-87c8-b67d25f46901.png
इसमें अच्छे विचार हैं:

• "इकट्ठा" का प्रतिनिधित्व करने के लिए एक साथ आने वाले तीर।
• एक साथ आने वाले तीर अन्य भाषाओं के संकलन का भी प्रतिनिधित्व कर सकते हैं
  वेब को।

कुछ और फैंसी/वेब-वाई/डिजाइनर-वाई, और
इसे तटस्थ रखें ताकि यह वेब से संबंधित हो न कि ब्राउज़र विक्रेताओं में से एक।

मेरी टीम के पेट्र होसेक ने 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 आकार 4 विभिन्न स्रोत भाषाओं का प्रतिनिधित्व करेंगे
जो केंद्र (वेब) में (तीर के माध्यम से) संकलित किए जा रहे थे।

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/WebAssembly/spec/issues/112।

@BrendanEich ने यह भी उल्लेख किया कि उन्हें सुपरहीरो असेंबलिंग वाइब, एवेंजर्स स्टाइल पसंद है।

हां, मेरी रात एक तरफ, मुझे कुल मिलाकर एक साथ इशारा करते हुए तीर पसंद हैं। बिल्डिंग ब्लॉक्स एक दिलचस्प विचार है; मुझे दिलचस्पी होगी अगर किसी के पास एक अवधारणा है जो एचटीएमएल 5 प्रौद्योगिकी वर्ग आइकन शैली से मेल खाती है।

पेट्र होसेक मूल रूप से निम्नलिखित के साथ आया था:

@davidsehr ने उस लोगो में एक भयानक दोष की ओर इशारा किया। मुझे तीर पसंद हैं, लेकिन हमें अनजाने में ऐतिहासिक रूप से असंवेदनशील लोगो बनाने से बचना चाहिए!

हालाँकि, HTML5 प्रौद्योगिकी वर्ग चिह्न विचार अभी भी अच्छा है!

मैंने यहां कुछ लोगों से बात की, और उनका सुझाव है कि हम पहले लॉन्च तक किसी भी लोगो को रोक कर रखें। यह हमें इसके बजाय तकनीक पर ध्यान केंद्रित करने की अनुमति देगा, और हमें वास्तव में एक लोगो बनाने में समय लगेगा, जो हालांकि बाहर है और अनजाने अर्थ नहीं है!

@lukewagner ठीक है, यह संस्करण 1.0 (कभी-कभी) है और इसका संक्षिप्त नाम WASM है। साथ ही, AFAIK के विशिष्ट HTML5 प्रौद्योगिकी आइकनों द्वारा अब तक हरे रंग का उपयोग नहीं किया गया है।

संपादित करें: (CC BY 3.0) के तहत लाइसेंस प्राप्त और HTML 5 लोगो के आधार पर

संपादित करें: मेरे पास समय होने पर कम पिक्सेल त्रुटियों वाला एक एसवीजी संस्करण प्रदान करेगा: पी।

संपादित करें: हरे और बैंगनी संस्करण के लिए एसवीजी।

@Teemperor हम आपके W3C समुदाय समूह में शामिल हुए बिना और उचित कॉपीराइट एट्रिब्यूशन के साथ लोगो को स्वीकार नहीं कर सकते। अभी के लिए लोगो प्राप्त करना भी जल्दबाजी होगी :)

@jfbastien मैं पहले से ही W3C समुदाय में हूं। लोगो को HTML5 लोगो के

एक साथ इंगित करने वाले तीरों पर आधारित एक अन्य डिज़ाइन ( W eb A ssembly के लिए):

राफेल इसेमैन द्वारा निर्मित (CC BY 3.0) के तहत लाइसेंस प्राप्त है।

और मुझे लगता है कि एक लोगो जिसे बाद में बदला जाएगा, वह किसी भी लोगो से बेहतर नहीं है :)

ये रहे मेरे 3 मिनट के शॉट।

:+1:

डब्ल्यूए ज़िगज़ैग के बारे में क्या

@Namozag मुझे यह पसंद है!

(ऐसा लगता है कि अटैचमेंट ईमेल के जरिए काम नहीं करते...)
(जल्दी और गंदे की जोड़ी)

ज़िगज़ैग विचार पर एक नाटक:

नकारात्मक स्थान के साथ खेलना:

-फ्रेड

23 जून 2015 को, 13:27 बजे, एंड्री नोटिफिकेशन @github.com ने लिखा:

@Namozag https://github.com/Namozag मुझे यह पसंद है!

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub https://github.com/WebAssembly/design/issues/112#issuecomment -114450578 पर

@fstark उन्हें नहीं देख सकता।

ऐसा लगता है कि आप ईमेल के माध्यम से छवियों को संलग्न नहीं कर सकते, इसलिए मैंने उन्हें मूल टिप्पणी में जोड़ा। क्या वे इनलाइन दिखाई देते हैं?

नहीं

मुझे एक छोटे से संकल्प के साथ पुनः प्रयास करने दें।

छवि 1 (ज़िगज़ैग पर भिन्नता)

छवि 2 (नकारात्मक स्थान)

मुझे लगता है कि WA-लोगो का उपयोग करना भ्रमित करने वाला हो सकता है, क्योंकि Whatsapp को WA के रूप में भी संक्षिप्त किया जाता है।

यहां सभी के द्वारा वास्तव में रचनात्मक कार्य। व्हाट्सएप ओवरलैप से बचने पर सहमत; "व्हाटएवर" ;-) के लिए "क्लूलेस" से \/\/ भी।

/होना

मैं वास्तव में व्हाट्सएप की चिंता को नहीं समझता, क्योंकि उनका लोगो इस तरह दिखता है .

साथ ही, पूरा नाम WebAssembly है, न तो wasm और न ही वा, इसलिए मुझे यकीन नहीं है कि भ्रम कहाँ से आएगा। ऐसा नहीं है कि लोग वा को नाम के रूप में इस्तेमाल करना शुरू कर देंगे। यह लोगो पर बस कुछ यादृच्छिक स्क्रिबल्स है। कुछ स्क्रिबलिंग के साथ

हो सकता है कि यह एक क्षेत्रीय बात हो, लेकिन मैं @fstarks के लोगो को व्हाट्सएप से बिल्कुल भी नहीं जोड़ता।
साथ ही, जैसा कि मुझे पता चला कि हरी ढाल PHP के लिए है (और व्हाट्सएप भी हरा है जैसा कि @fstark द्वारा कहा गया है), इसलिए मैंने इसे बैंगनी रंग में रंग दिया (और पिक्सेल त्रुटियों को ठीक किया):

मैं सहमत हूं कि आपको लोगो से दूर रहना चाहिए। वास्तव में मैं आश्वस्त नहीं हूं कि इसे एक की भी आवश्यकता है।

हालाँकि, मुझे लोगो के बारे में सोचना पसंद है और मुझे यहाँ देखे गए कुछ डिज़ाइन पसंद हैं। यदि कोई लोगो है तो मुझे लगता है कि उसे पूरा नाम (WebAssembly) या संक्षिप्त संस्करण (wasm) का उपयोग करना चाहिए। बाद में मैं सुझाव दूंगा कि डब्ल्यू को एएसएम से अलग किया जाए। इसके अलावा, किसी तरह इसके विधानसभा भाषा पहलू को संदर्भित करने का सुझाव दिया गया है।

सभी लोगो विचारों से चकित, @Namozag . की विविधता

मैं पाठ के रूप में वहां 'wasm' या 'asm' के साथ कुछ भी पसंद करूंगा।

ओह, कूल, (नहीं) एक लोगो प्रतियोगिता! और पहले से ही कुछ महान विचार! खैर, यह मेरा एक लोगो है (पिछले विचारों के एक समूह को शामिल करने की कोशिश कर रहा है):

• कुछ हद तक HTML5 शब्दार्थ लोगो की तरह "संरचना को अर्थ देना", लेकिन उल्टा, फिर भी "कार्यक्रमों और आपके उपयोगकर्ताओं दोनों के लिए अधिक उपयोगी, डेटा संचालित वेब को सक्षम करना।"
• थोड़ा सा कॉम्पैक्ट, प्रवाहित डेटा
• थोड़ा प्लग करने योग्य
• थोड़ा सा ढेर
• थोड़ा "डब्ल्यू", "ए", "एस", "एम"
• वैकल्पिक छायांकन और, ज़ाहिर है, _ग्रीन_

चीयर्स!

@dcodeIO बहुत अच्छा लग रहा है!

@fstark छवि 2, चीयर्स !!

@dcodeIO : अच्छा!

शायद कुछ ऐसा;)

मैं वास्तव में @dcodeIO द्वारा काला/हरा पसंद करता हूं!

मुझे ब्लैक एंड ग्रीन पसंद है। चीयर्स!

एल मि।, 1 डे जुलाई। डे 2015 ए ला (ओं) 10:10 पूर्वाह्न, जान-ओलिवर ओपडेनहोवेल <
सूचनाएं@github.com> विवरण:

मुझे वास्तव में @dcodeIO द्वारा काला/हरा https://github.com/dcodeIO
!

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/WebAssembly/design/issues/112#issuecomment -117662363।

मेरा उप

यह मेरे पिछले उप के लिए डुप्लिकेट है

क्या हमें यह तय करने के लिए एक स्ट्रॉ पोल करना चाहिए कि परियोजना के लिए सबसे अच्छा लोगो कौन सा है?

WebAssembly के लोगो के बारे में आप पहले से ही लंबे समय से बात कर रहे थे, मुझे लगता है कि अब समय आ गया है।

आईफोन द्वारा भेजें

2015年7月16日，22:36，थॉमस नोटिफिकेशन @github.com写道：

क्या हमें यह तय करने के लिए एक स्ट्रॉ पोल करना चाहिए कि परियोजना के लिए सबसे अच्छा लोगो कौन सा है?

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें।

मैंने ग्राफिक्स सॉफ़्टवेयर पर कुछ भी करने की कोशिश नहीं की है, लेकिन संकलन की प्रतीक्षा करते समय, मेरे पास निम्नलिखित विचार थे:

• बीच में एक डब्ल्यू (वेब) और ए (असेंबली) का एक लंबवत सुपरपोजिशन है, और मुझे इस तरह आकाश में हाथ उठाने वाले व्यक्ति के इमोटिकॉन की बहुत याद दिलाता है: \o/
• दाईं ओर वाला केंद्र के समान है, हालांकि यह W (वेब) और A (असेंबली) को भी अच्छी तरह से ध्वस्त कर देता है।
• बाईं ओर वाला केंद्र के समान है, लेकिन इसमें केंद्रीय त्रिभुज के ऊपर 4 तैरते हुए सिर भी हैं, जो मूल अस्थायी लोगो और समान विचारों को याद करने वाले हैं।

अगर कोई इन विचारों का विस्तार करने और इन स्केच छवियों से वास्तविक लोगो बनाने को तैयार था, तो यह बहुत अच्छा होगा!

मुझे काला/हरा रंग पसंद है @dcodeIO

मतदान के विषय पर, और इस सूत्र में अपेक्षाओं को निर्धारित करने में मदद करने के लिए: हमारे पास अभी तक एक लोगो चुनने के लिए कोई प्रक्रिया नहीं चुनी गई है और यह प्रक्रिया जो भी हो, मुझे लगता है कि यह WebAssembly (कल्पना और कार्यान्वयन) के रिलीज के करीब होगा। . कहा जा रहा है, मैंने यहां विचारों की धारा का आनंद लिया है और किसी को रुकने के लिए कहने का मतलब नहीं है, बस कोई जल्दी या आसन्न निर्णय नहीं है।

जितना ज़्यादा उतना अच्छा! मैं @lukewagner से सहमत पहुंचते हैं तो केवल लोगो पर ही समझौता करते हैं। तब तक रचनात्मकता को बनाए रखें।

सबसे अच्छा लोगो खोजने में कभी हार न मानें!

मैं कोई डिजाइनर नहीं हूं लेकिन मैंने कुछ डूडल बनाए और सोचा कि मैं उन्हें साझा भी कर सकता हूं।

वे बहुत मोटे (गलत संरेखण/अनुपात/फ़ॉन्ट) हैं, लेकिन सामान्य विचार सामने आना चाहिए।

चलो मैं कोशिश करता हूँ :)

@dcodeIO छवि 2 बहुत अच्छी लग रही है!

@dcodeIO यह अच्छा है !!

@dcodeIO . के लिए +1

+1 @dcodeIO ब्लैक एंड ग्रीन लोगो के लिए

+1 @dcodeIO ब्लैक एंड ग्रीन के लिए

वास्तव में राफेल के पहले वाले की तरह

यह कुछ ऐसा है जिसे मैंने कृतिका के साथ खेलते हुए बनाया है। हालांकि डिजाइन कई महीनों से मेरे दिमाग में घूम रहा है:

प्रभावों के साथ खेलते समय मैंने 80 के दशक का एक प्रयोग किया है:

हेलो सब लोग,
मैं बस इस योगदान को परियोजना में जोड़ना चाहता था, कृपया अपनी इच्छानुसार उपयोग करें।

धन्यवाद

वर्तमान HTML5/CSS/JS लोगो बदसूरत और पुराने हैं (जैसा कि तकनीकें भी हैं, योग्य)। उस वेक्टर लोगो को लें - सरल, स्वच्छ, शक्तिशाली और धमाकेदार उड़ान - और इसके साथ कुछ भी करें जो आप चाहते हैं।

wa_logo.zip

मुझे @Fogaccio का काम पसंद है

मुझे @Fogaccio का लोगो पसंद है।

@Fogaccio और @jjmiyao की

WASM पाठ एरिक डेमाइन से प्रेरित और धन्यवाद http://erikdemaine.org/fonts/hinged/
ध्यान दें कि W और M सममित हैं। (जैसा कि कुछ अन्य पात्र हैं, जो अधिक मजेदार बनाते हैं।)
F#UN FSharp प्रायोगिक इनक्यूबेटर प्रोजेक्ट FSTWASM FSharp To WASM के लिए प्रयुक्त/सुझाया गया।
इस फ़ॉन्ट में प्रत्येक अक्षर और संख्या को टुकड़ों की एक सार्वभौमिक हिंग वाली श्रृंखला से मोड़ा जा सकता है, विशेष रूप से 128 समद्विबाहु त्रिभुज उनके तेज कोनों पर टिका हुआ है। विशेष रूप से, प्रत्येक चरित्र का क्षेत्र बिल्कुल समान होता है। इसके अलावा, श्रृंखला एक अवधि द्वारा दर्शाए गए एक वर्ग में बदल सकती है। हमारा पेपर "हिंगेड डिसेक्शन ऑफ द अल्फाबेट", जर्नल ऑफ रिक्रिएशनल मैथमेटिक्स, 31(3):204–207, 2003 देखें।

मैं @Fogaccio के लोगो का प्रशंसक हूं। यह कुछ साल पहले बनाए गए कुछ पुराने वेब प्लेटफॉर्म (एचटीएमएल/सीएसएस) लोगो की तुलना में साफ, तुरंत पहचानने योग्य और अधिक आधुनिक लगता है।

+1 @Fogaccio का लोगो, इसमें ASCII कला के अच्छे संस्करण हैं।

\ \ \  /\
 \/\/\   \

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

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

...

@Fogacci , क्या आपके पास .svg , .ai संस्करण है?

@mbebenita हाँ मैं करता हूँ .. =]

लेकिन मुझे डिलीवरी के लिए फाइलें तैयार करने की जरूरत है, मैं इसे जितनी जल्दी हो सके करने जा रहा हूं

@Fogaccio इस पर कोई प्रगति?

@kenchris मैं संपत्ति निर्माण पर काम कर रहा हूँ।

@Fogaccio फ्रेंडली पिंग

हाय @kenchris और @mbebenita , मैं .svg और .ai संपत्तियां समाप्त करने के करीब हूं, मुझे लगता है कि मेरे पास वह शुक्रवार को होगा।

एचटीएमएल टैग प्रतीक + एएसटी।

सभी को नमस्कार,
बस आपको यह बताने के लिए कि यहां (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

क्या आपको लगता है कि इसे कुछ और सुपाठ्य बनाया जा सकता है। आइकन के इस संस्करण का उपयोग आईडीई और अन्य उपकरणों में किया जा सकता है। हमें शायद इस आकार के लिए लोगो के एक कस्टम पिक्सेल कला संस्करण की आवश्यकता है। यदि आपके मन में पहले से कुछ नहीं है, तो मुझे ऐसा करने में खुशी होगी।

हाय @mbebenita , मैंने पिक्सेल कला को .ico में करने की कोशिश की है, लेकिन मुझे सफलता नहीं मिली, ऐसा करने में मेरी मदद करने के लिए स्वतंत्र महसूस करें =]

मैं आपकी मदद के लिए बहुत आभारी रहूंगा

@Fogaccio कम रंग के रंगों (और तेज रंगों - इस प्रकार पृष्ठभूमि/पारदर्शी/सफेद के साथ अधिक अनुबंध) का उपयोग करके शायद इसे तेज दिखता है

हालांकि यह केवल 16x16 आकार के साथ कठिन है :) रंगों को ध्यान से चुनने की आवश्यकता है

यहाँ एक और है। यह एक "ए" के शीर्ष पर "डब्ल्यू" से युक्त एक ठोस वस्तु है जो एक दृश्य से एक बहुत ही सरल, पुराने स्कूल पिक्सेलेटेड 2 डी लोगो और दूसरे दृश्य से एक 3 डी लोगो प्रदान करता है। यहाँ एक एनिमेटेड GIF है:

ओपनकैड में निम्नलिखित कोड का उपयोग करके सॉलिड ऑब्जेक्ट प्रोग्रामेटिक रूप से बनाया गया है

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];

यहाँ 2d दृश्य है:

और यहाँ 3D दृश्य है:

जब आवश्यक हो तो मैं विविधताएं उत्पन्न कर सकता हूं और परिसंपत्ति सेट निकाल सकता हूं।

मैंने ए के लिए अधिक सममित तुला क्रॉस आर्म के साथ खेला:

लेकिन मैं व्यक्तिगत रूप से सीधे क्रॉस आर्म को पसंद करता हूं क्योंकि ए अधिक स्पष्ट है।

@ h00gs दिलचस्प, आपके पास लगभग एक MC Escher चीज़ चल रही है, मुझे पसंद है।

मैंने सोचा कि एक रिंच असेंबली को संप्रेषित कर सकता है और इसे WA जैसी आकृतियों से बनाया जा सकता है।

@rfernbach किसी तरह आपका डिज़ाइन मेरे लिए एक वाइकिंग जैसा दिखता है:

... क्या हमें शुभंकर की आवश्यकता है? :)

नमस्ते @mbebenita पिक्सेल कला में फ़ेविकॉन बनाने की चुनौती कैसी है? ... =]

इसलिए मेरे शुरुआती प्रयास बिल्कुल सही नहीं थे इसलिए मैंने दृढ़ता से काम लिया और ए के लिए एक घुमावदार क्रॉस बार अच्छा लग रहा था। यहाँ एक एनीमेशन है: