️⚠️⚠️⚠️⚠️
️ UPDATE ️ pilih logo favorit Anda di ️ thread ini ️
️⚠️⚠️⚠️⚠️
POSTINGAN ASLI (sekarang ditutup)
Di awal proyek WebAssembly ,
Ini memiliki ide bagus:
Akan menyenangkan untuk memiliki sesuatu yang lebih mewah / web-y / designer-y, dan tetap netral sehingga menjadi milik web dan bukan salah satu vendor browser.
Petr Hosek dari tim NaCl mengusulkan menggunakan ikon kelas teknologi HTML5 .
Balas utas ini dengan logo WebAssembly yang Anda sarankan.
Kami belum memutuskan bagaimana kami akan memilih logo terakhir, tapi itu pasti sekitar waktu "stabil MVP".
Itu metafora yang rapi. FWIW Saya selalu menyukai logo Borland C++, yang
tampak seperti blok bangunan yang disatukan. "Perakitan" juga dapat memiliki
konotasi itu juga.
Pada hari Rabu, 3 Jun 2015 jam 22:34, JF Bastien [email protected]
menulis:
@sunfishcode https://github.com/sunfishcode meretas logo cepat untuk
Majelis Web:
[gambar: gambar]
https://cloud.githubusercontent.com/assets/298127/7970689/95aefe64-09f4-11e5-87c8-b67d25f46901.png
Ini memiliki ide bagus:
- Panah datang bersama-sama untuk mewakili "berkumpul".
- Panah yang bersatu juga dapat mewakili kompilasi bahasa lain
ke web.Akan menyenangkan untuk memiliki sesuatu yang lebih mewah / web-y / designer-y, dan
tetap netral sehingga milik web dan bukan salah satu vendor browser.Petr Hosek dari tim saya mengusulkan menggunakan ikon kelas teknologi HTML5
http://www.w3.org/html/logo/ , dan muncul dengan yang berikut:
[gambar: gambar]
https://cloud.githubusercontent.com/assets/298127/7970659/70880d2e-09f4-11e5-9c7b-c2134ee7f483.png_Ada saran lain?_
@lukewagner https://github.com/lukewagner berkata:
Masalah pribadi saya adalah bahwa asimetri panah mengganggu saya
sedikit. Namun, asimetri bisa bagus secara visual. Hanya untuk membuang ide:
bagaimana jika panahnya simetris tetapi ada 4 yang sedikit berbeda
bentuk abstrak di empat sudut: membangun "kompilasi ke web"
metafora di atas, 4 bentuk akan mewakili 4 bahasa sumber yang berbeda
yang sedang dikompilasi (melalui panah) ke tengah (web).—
Balas email ini secara langsung atau lihat di GitHub
https://github.com/WebAssembly/spec/issues/112.
@BrendanEich juga menyebutkan bahwa dia menyukai getaran perakitan superhero, gaya Avengers.
Ya, selain nit saya, saya secara keseluruhan suka panah yang menunjuk bersama. Blok bangunan adalah ide yang menarik; Saya akan tertarik jika ada yang memiliki konsep yang cocok dengan gaya ikon kelas teknologi HTML5.
Petr Hosek awalnya datang dengan yang berikut:
@davidsehr menunjukkan cacat mengerikan di logo itu . Saya suka panah, tetapi kita harus menghindari secara tidak sengaja membuat logo yang tidak sensitif secara historis!
Ide ikon kelas teknologi HTML5 masih bagus!
Saya berbicara dengan beberapa orang di sini, dan mereka menyarankan agar kami menunda memiliki logo apa pun hingga peluncuran pertama. Itu akan memungkinkan kita untuk berkonsentrasi pada teknologi sebagai gantinya, dan mari kita luangkan waktu untuk benar-benar membuat logo yang matang dan tidak memiliki arti yang tidak disengaja!
@lukewagner Yah, ini versi 1.0 (kadang-kadang) dan singkatannya adalah WASM. Juga, hijau sejauh ini tidak digunakan oleh ikon teknologi HTML5 khas AFAIK.
EDIT: Dilisensikan di bawah (CC BY 3.0) dan berdasarkan Logo HTML 5
EDIT: Akan memberikan versi SVG dengan kesalahan piksel lebih sedikit ketika saya punya waktu: p.
@Teemperor kami tidak dapat menerima logo tanpa Anda berada di grup komunitas W3C, dan dengan atribusi hak cipta yang tepat. Masih terlalu dini untuk mendapatkan logo untuk saat ini :)
@jfbastien Saya sudah di komunitas W3C . Logo harus dilisensikan di bawah lisensi CC asli dari logo HTML5 karena itu jelas hanya logo HTML 5 remix.
Desain lain berdasarkan pada tanda panah menunjuk bersama-sama (untuk W eb A ssembly):
Dilisensikan di bawah (CC BY 3.0) , dibuat oleh Raphael Isemann.
Dan menurut saya logo yang nanti diganti lebih baik daripada tidak ada logo sama sekali :)
Ini hasil jepretan saya selama 3 menit.
Bagaimana dengan WA Zigzag
@Namozag Saya menyukainya!
(sepertinya lampiran tidak berfungsi melalui email...)
(Beberapa cepat dan kotor)
Sebuah permainan pada ide zigzag:
Bermain dengan ruang negatif:
—fred
Pada 23 Juni 2015, pukul 13:27, Andrey [email protected] menulis:
@Namozag https://github.com/Namozag Saya menyukainya!
—
Balas email ini secara langsung atau lihat di GitHub https://github.com/WebAssembly/design/issues/112#issuecomment -114450578.
@fstark tidak bisa melihatnya.
Sepertinya Anda tidak dapat melampirkan gambar melalui email, jadi saya menambahkannya ke komentar asli. Apakah mereka muncul sebaris?
Tidak
Biarkan saya mencoba lagi dengan resolusi yang lebih kecil.
Gambar 1 (Variasi pada Zigzag)
Gambar 2 (Ruang Negatif)
Saya pikir mungkin akan membingungkan untuk menggunakan logo WA, karena Whatsapp juga disingkat WA.
Benar-benar karya kreatif oleh semua orang di sini. Setuju untuk menghindari tumpang tindih WhatsApp; juga \/\/ dari "Tidak mengerti" untuk "apapun" ;-).
/menjadi
Saya tidak begitu mengerti masalah Whatsapp, karena logo mereka terlihat seperti ini .
Juga, nama lengkapnya adalah WebAssembly, bukan wasm atau wa, jadi saya tidak yakin dari mana kebingungan itu berasal. Ini tidak seperti jika orang akan mulai menggunakan wa sebagai namanya. Itu hanya beberapa coretan acak pada logo. Menggunakan kembali ide perisai @Teemperor (mungkin tidak hijau, untuk menghindari konotasi WA) dengan beberapa coretan dapat memberikan WebAssembly tampilan yang dapat dikenali yang terhubung langsung ke HTML5. Mm. Mungkin mencobanya nanti.
Mungkin hal regional, tapi saya sama sekali tidak menghubungkan logo @fstarks dengan WhatsApp.
Juga, ketika saya mengetahui bahwa perisai hijau adalah untuk PHP (dan WhatsApp juga berwarna hijau seperti yang dikatakan oleh @fstark ), jadi saya mewarnai ulang menjadi ungu (dan memperbaiki kesalahan piksel):
Saya setuju bahwa Anda harus menunda logo. Bahkan saya tidak yakin itu bahkan perlu memilikinya.
Namun, saya suka memikirkan logo dan saya menyukai beberapa desain yang pernah saya lihat di sini. Jika ada logo saya rasa sebaiknya menggunakan nama lengkap (WebAssembly) atau versi singkatnya (wasm). Dalam yang terakhir saya sarankan membedakan secara visual w dari asm. Juga, disarankan untuk merujuk aspek bahasa assembly dari itu entah bagaimana.
Kagum dengan semua ide logo, variasi dari @Namozag
Sepertinya saya lebih suka apa pun dengan 'wasm' atau 'asm' di sana sebagai teks.
Oh, keren, (bukan) kontes logo! Dan sudah ada beberapa ide bagus! Nah, ini adalah pandangan saya tentang logo (mencoba menggabungkan banyak ide sebelumnya):
Bersulang!
@dcodeIO tampak hebat!
@fstark Gambar 2 ,,
@dcodeIO : bagus !
Mungkin seperti ini ;)
Saya sangat suka yang hitam/hijau dari @dcodeIO!
Saya suka yang hitam dan hijau. Bersulang!
El mié., 1 de jul. de 2015 a la(s) 10:10, Jan-Oliver Opdenhövel <
[email protected]> penjelasan:
Saya sangat suka yang hitam/hijau oleh @dcodeIO https://github.com/dcodeIO
!—
Balas email ini secara langsung atau lihat di GitHub
https://github.com/WebAssembly/design/issues/112#issuecomment -117662363.
sub saya
yang ini duplikat untuk sub terakhir saya
Haruskah kita mengadakan jajak pendapat untuk memutuskan apa logo terbaik untuk proyek tersebut?
Anda sudah lama berbicara tentang logo WebAssembly, saya pikir sudah waktunya untuk selesai.
Kirim melalui iPhone
2015年7月16日,22:36, Pemberitahuan [email protected]写道:
Haruskah kita mengadakan jajak pendapat untuk memutuskan apa logo terbaik untuk proyek tersebut?
—
Balas email ini secara langsung atau lihat di GitHub.
Saya belum mencoba apa pun pada perangkat lunak grafis, tetapi ketika menunggu kompilasi, saya punya ide berikut:
\o/
Jika seseorang mau mengembangkan ide-ide ini dan membuat logo nyata dari gambar sketsa ini, itu bagus!
Saya suka yang hitam/hijau @dcodeIO
Mengenai masalah pemungutan suara, dan untuk membantu menetapkan harapan di utas ini: kami belum memiliki proses yang dipilih untuk memilih logo dan apa pun prosesnya, saya pikir itu akan terjadi lebih dekat dengan rilis WebAssembly (spesifikasi dan implementasi) . Meskipun demikian, saya menikmati aliran ide di sini dan tidak bermaksud menyuruh siapa pun untuk berhenti, hanya saja tidak ada keputusan yang terburu-buru atau segera.
Semakin banyak semakin meriah! Saya setuju dengan @lukewagner : mari kita hanya
Jangan pernah menyerah untuk menemukan logo terbaik!
Saya bukan desainer tetapi saya membuat beberapa coretan dan berpikir saya mungkin juga membagikannya.
Mereka sangat kasar (keberpihakan/proporsi/font yang salah), tetapi ide umumnya harus muncul.
Mari saya coba :)
@dcodeIO gambar 2 tampak hebat!
@dcodeIO itu keren!!
+1 untuk @dcodeIO
+1 Untuk logo @dcodeIO Hitam dan Hijau
+1 Untuk @dcodeIO Hitam dan Hijau
Suka banget sama yang pertama Raphael
Ini adalah sesuatu yang saya buat saat bermain dengan Krita. Meskipun desainnya telah beredar di kepala saya selama beberapa bulan:
Berikut eksperimen 80-an yang saya buat saat bermain dengan efek:
Halo semuanya,
Saya hanya ingin menambahkan kontribusi ini ke proyek, silakan gunakan sesuka Anda.
Terima kasih
Logo HTML5/CSS/JS saat ini jelek dan tua (seperti teknologi itu juga, lol). Ambil logo vektor itu — sederhana, bersih, kuat, dan terbang — dan lakukan apa pun yang Anda inginkan dengannya.
Saya suka karya @Fogaccio
Saya suka logo @Fogaccio .
Karya @Fogaccio dan @jjmiyao keren!
Teks WASM terinspirasi oleh dan terima kasih kepada Erik Demaine http://erikdemaine.org/fonts/hinged/
Perhatikan bahwa W dan M adalah simetris. (Seperti beberapa karakter lain, yang membuatnya lebih menyenangkan.)
Digunakan/disarankan untuk Proyek Inkubator Eksperimental F#UN FSharp FSTWASM FSharp To WASM.
Setiap huruf dan angka dalam font ini dapat dilipat dari satu rantai potongan berengsel universal, khususnya 128 segitiga sama kaki kanan berengsel di sudut tajamnya. Secara khusus, setiap karakter memiliki area yang persis sama. Selain itu, rantai dapat dilipat menjadi persegi, yang dilambangkan dengan titik. Lihat makalah kami “Hinged Dissection of the Alphabet”, Journal of Recreational Mathematics, 31(3):204–207, 2003.
Saya penggemar logo @Fogaccio . Ini bersih, langsung dikenali dan terasa lebih modern daripada beberapa logo platform web (HTML/CSS) lama yang dibuat beberapa tahun lalu.
+1 logo @Fogaccio , ia memiliki versi seni ASCII yang bagus.
\ \ \ /\
\/\/\ \
\ \ \ /\
\ \ \ \
\/\/\ \
\ \ \ /\
\ \ \ / \
\ \ \ \
\/\/\ \
...
@Fogacci , apakah Anda memiliki logo versi .svg
, .ai
?
@mbebenita ya saya lakukan .. =]
Tapi saya perlu menyiapkan file untuk pengiriman, saya akan melakukannya secepat mungkin
@Fogaccio Ada kemajuan dalam hal ini?
@kenchris Saya sedang mengerjakan produksi aset.
@Fogaccio ping ramah
Hai @kenchris dan @mbebenita , saya hampir menyelesaikan aset .svg dan .ai , saya pikir saya akan mendapatkannya pada hari Jumat.
Simbol tag HTML + AST.
Halo semuanya,
Sekadar memberi tahu Anda bahwa di sini (https://github.com/Fogaccio/OpenDesign/tree/master/webassembly_identity) adalah file proposal branding yang telah saya kirim sebelumnya. Saya harap sumber daya ini dapat membantu Anda dengan cara terbaik. Jangan ragu untuk berbagi pemikiran dan saran.
Terima kasih
@Fogaccio terima kasih, ini bagus. Saya sedang melihat favicon kecil versi 16x16:
Apakah menurut Anda ini bisa dibuat lebih mudah dibaca. Versi ikon ini dapat digunakan di IDE, dan alat lainnya. Kami mungkin membutuhkan logo versi seni piksel khusus untuk ukuran ini. Saya akan senang melakukan ini, jika Anda belum memikirkan sesuatu.
Hai @mbebenita , saya sudah mencoba melakukan seni piksel ke .ico, tetapi saya tidak berhasil, jangan ragu untuk membantu saya melakukannya =]
Saya akan sangat berterima kasih atas bantuan Anda
@Fogaccio menggunakan lebih sedikit corak warna (dan warna yang lebih tajam - sehingga lebih banyak kontrak dengan latar belakang/transparan/putih) mungkin akan membuatnya terlihat lebih tajam
Agak sulit meskipun hanya dengan ukuran 16x16 :) Perlu hati-hati memilih nuansa
Ini satu lagi. Ini adalah objek padat yang terdiri dari "W" di atas "A" yang memberikan logo 2d pixelated sekolah tua yang sangat sederhana dari satu tampilan, dan logo 3d dari tampilan lain. Berikut ini adalah gif animasi:
Objek padat dibuat secara terprogram menggunakan kode berikut di 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];
Berikut adalah tampilan 2d:
dan inilah tampilan 3dnya:
Saya dapat menghasilkan variasi dan menyempurnakan set aset bila diperlukan.
Saya bermain dengan lengan silang bengkok yang lebih simetris untuk A:
tapi saya pribadi lebih suka lengan silang lurus karena A lebih jelas.
@h00gs menarik, Anda hampir memiliki acara MC Escher, saya suka.
Saya pikir kunci pas mungkin berkomunikasi perakitan dan dapat dibangun dari bentuk yang mirip dengan WA.
@rfernbach entah bagaimana desain Anda terlihat seperti viking bagi saya:
...apakah kita membutuhkan maskot? :)
Hai @mbebenita Bagaimana tantangan membuat favicon di pixel art? ... =]
Jadi upaya awal saya tidak cukup tepat sehingga saya bertahan dan menemukan palang melengkung untuk A terlihat bagus. Berikut animasinya:
Proposal logo untuk Majelis Web dari h00gs di Vimeo .
logo utama:
Perbandingan dengan kakaknya:
Dan beberapa variasi kemungkinan ikon 2d, dengan tampilan 3d:
@mbebenita Ping ramah .... :)
Saya pikir pengajuan @dcodeIO adalah yang paling sederhana dan ide @1l0 mungkin yang terbaik.
Serius berpikir https://github.com/WebAssembly/design/issues/112#issuecomment -153463362 memiliki BANYAK potensi. Sangat bagus!
Saya sudah berpikir ini mungkin membuat logo yang bagus:
Atau..., disusun dari ide-ide di atas ( @Teemperor dan @fstark )
.
:wavy_dash: atau \/\/\
Saya pikir masalah ini sudah selesai berkat karya Fogaccio yang luar biasa, bukan? Dan itu 6 bulan yang lalu.
Saya tidak melihat salahnya melemparkan beberapa ide lagi:
?
@jiyinyiyong Masalah ini masih ditandai sebagai terbuka dan AFAIK tidak ada keputusan akhir atau pemungutan suara yang dibuat mengenai ikon, jadi saya pikir lebih banyak ikon dan karya turunan dipersilakan.
Ini logo saya untuk WebAssembler Incorporated.
Perisai harus memiliki nomor versi - seperti CSS3 dan HTML5:
Penting untuk memastikan terbaca sebagai 1
dan bukan I
atau l
+ perspektif yang diperlukan untuk mengikuti bentuk perisai.
Saya mengasosiasikan bahasa rakitan dengan komputer lama, terminal, dan mikroprosesor, dan saya ingin logo tersebut terasa korporat dan besar. Saya mengambil warna biru dari logo W3C. Tiga garis yang lebih terang dari logo biru dapat melambangkan bagaimana proyek tersebut merupakan bagian dari W 3 C.
Saya mengambil inspirasi dari proposal @Namozag . ;)
Versi SVG terlampir. Hak cipta diberikan kepada W3C WebAssembly Working Group.
WASM_logo_bulky.zip
+1 pada logo @Fogaccio tetapi dengan keberanian yang ditukar
Sejauh ini favorit saya adalah @emanuelpalm . Saya sangat menyukai logo yang tidak berwarna.
Inilah pendapat saya tentang itu
Kesalahpahaman umum
webassembly-logo.ai.zip file Illustrator, silakan modifikasi dan edit sesuka Anda.
Profesor swiss saya merekayasa saya untuk membuat nilai seperti ini, jadi ini dia. Terima kasih @andyfleming telah menunjukkan utas ini kepada saya
Titik-titik mewakili orang-orang (seperti dalam konsep utas atas asli) dan W seperti lengan/panah abstrak mereka. Jembatan (atau lengan abstrak) menghubungkan W untuk membuat A
Desain @Fogaccio terlihat luar biasa
Sesuatu seperti @emanuelpalm terlihat sangat berguna dalam berbagai ukuran.
64 kali 64 piksel
1.0.0
Dalam hal ini, 1 adalah pahlawan super dengan dua aspek di sisinya. Ia berusaha untuk estetika yang menyenangkan di permukaannya, namun secara unik kuat pada intinya. Pesan bahwa pahlawan super bersatu (untuk kebaikan) ada di sana, saya pikir, hanya lebih halus untuk dilihat.
Dan pemenangnya adalah...
Pertama , Logomark @ratishphilip menyampaikan dengan sempurna biner 0 dan 1 bahasa Assembler, membentuk bentuk huruf W dan A.
Di tempat kedua , Logotype @Fogaccio memberikan eksekusi ide yang hebat dalam format yang sangat baik dan profesional.
Saya pikir jumlah dua pekerjaan menerjemahkan akal sehat di balik proyek WebAssembly.
Sudah lama saya memikirkan hal ini dan setelah puluhan kali revisi, saya dengan senang hati mengajukan proposal saya.
Seluruh pekerjaan bersumber terbuka dan tersedia sepenuhnya untuk penggunaan apa pun yang mungkin Anda miliki untuk itu.
+1 @carlosbaraza 👍🏼
+1 untuk @carlosbaraza ! Kerja bagus.
@carlosbaraza jika Anda akan memuji logo JS bukankah lebih banyak menggunakan WASM daripada WA? (karena ini adalah singkatan resmi dan ekstensi file untuk itu)
@bobajeff Saya pikir WA cocok dalam desain ini. Dengan JS juga menjadi dua karakter, mungkin konsistensi adalah kuncinya di sini.
Maksud saya adalah bahwa itu tidak konsisten. JS adalah singkatan untuk JavaScript dan ekstensi filenya, tetapi WA bukan keduanya.
Hanya ingin mengatakan bahwa menurut saya ide untuk mengintegrasikan logo JavaScript dan WebAssembly adalah brilian.
Terima kasih semuanya atas dukungannya!
@bobajeff , saya mengerti maksud Anda tentang WA daripada WASM. Sayangnya, dari segi desain, WA lebih ramah daripada WASM. Poin yang Anda kemukakan akan memengaruhi sebagian besar proposal logo di pos ini.
Saya ingin membuat sesuatu yang sederhana dan mudah diingat, tetapi pada saat yang sama penuh makna. Ini adalah tugas yang sulit, dan percayalah, saya telah mengulangi banyak desain, meminta umpan balik dari banyak orang untuk masing-masing desain; mencoba menyederhanakannya menjadi satu desain.
Terakhir, saya rasa saya datang dengan desain logo (termasuk warna) yang banyak ditanggapi positif oleh banyak orang, baik orang teknis maupun non teknis.
Omong-omong, ide yang ditunjukkan dalam penjelasan benar menghubungkan logo JS dengan logo WA dapat diekstrapolasi ke bahasa pemrograman lain. Misalnya, memiliki gambar GIF dengan bahasa logo teratas berubah, menunjukkan bahwa WASM adalah target kompilasi.
Bagaimanapun, saya benar-benar terbuka untuk ide-ide baru yang dapat meningkatkan desain.
Izinkan saya menambahkan bahwa saya dapat membayangkan menjadi bingung melihat ini digunakan sebagai ikon untuk jenis file ketika bertentangan dengan ekstensi file.
Saya akui ini adalah masalah yang sulit, jika bukan tidak mungkin, untuk dipecahkan dari perspektif desain.
Hanya garis singgung, tetapi beberapa dari kita sengaja hanya menggunakan "Wasm" sebagai
kontraksi, karena kurang teriak dan "WASM" sebenarnya bukan
akronim.
Pada 7 November 2016 pukul 22:39, bobajeff notifications@github.com menulis:
Izinkan saya menambahkan bahwa saya dapat membayangkan menjadi bingung melihat ini digunakan sebagai
ikon untuk jenis file ketika bertentangan dengan ekstensi file.Saya akui itu sulit, jika bukan tidak mungkin, masalah untuk dipecahkan dari sebuah desain
perspektif.—
Anda menerima ini karena Anda berlangganan utas ini.
Balas email ini secara langsung, lihat di GitHub
https://github.com/WebAssembly/design/issues/112#issuecomment -258971253,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AEDOO8wZepjv-_8mzkKr8cTsVMCl2yQFks5q75qpgaJpZM4E3Dfu
.
@pavel06081991 bagian terbaiknya adalah wajah tersenyum yang tersembunyi. sangat menyambut
Sebagai seorang desainer, saya harus mengatakan bahwa @ratishphilip @fstark dan @Fogaccio setara dengan merek yang bagus nantinya. Saya telah melampirkan beberapa ide saya sendiri untuk dipertimbangkan juga, meskipun saya hampir tidak meluangkan waktu untuk itu. Saya pikir jika kita mendesain oleh komite, kita harus mengusulkan bahwa kita harus memilih satu desainer dan membiarkan mereka mengulang di utas baru dan mendapatkan suara komunitas untuk memilih logo akhir.
Yang ini semacam menjelajahi perakitan web sebagai DNA web, serta secara halus menunjukkan tanda huruf WA. Dibutuhkan lebih banyak penyempurnaan untuk melakukannya dengan benar, tetapi ini hanyalah konsep singkat:
Bermain-main dengan representasi biner visual dari http://
dan webassembly
menciptakan beberapa desain yang menarik secara visual dan kita mungkin dapat menemukan cara untuk membuatnya tidak terlalu kaku dan maknanya sedikit lebih halus:
Saya memilih yang terakhir: w->asm atau w:asm
Saya melihat beberapa logo elegan secara visual dan konseptual ditawarkan; kekhawatiran saya adalah bahwa banyak dari ini tidak akan diterjemahkan dengan baik sebagai tombol di IDE dan di aplikasi lain yang bergantung pada ikon kotak kecil. Apakah persyaratan untuk logo didokumentasikan secara memadai?
Saya merasa sedikit kreatif malam ini, jadi saya mengumpulkan ini. Konsepnya adalah "mekanika web baru" dengan ujung topi ke JavaScript kuning tetapi dalam rona seperti konstruksi yang lebih bersahaja.
Logo saja (64x64):
Tanda Kata (64x64):
Hanya Logo Besar:
Tanda Kata Besar:
Sejauh yang saya tahu tidak ada apa-apa, hanya anarki, membuang banyak
waktu orang.
Pada 13 Nov 2016 10:55, "arhaasdev" notifications@github.com menulis:
Saya melihat beberapa logo elegan secara visual dan konseptual ditawarkan; Ku
kekhawatiran adalah bahwa banyak dari ini tidak akan diterjemahkan dengan baik sebagai tombol di IDE
dan di aplikasi lain yang mengandalkan ikon kotak kecil. Apakah
persyaratan untuk logo didokumentasikan secara memadai?—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/WebAssembly/design/issues/112#issuecomment -260163489,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/ADxwJKMx4yVn5rdJpAUhNwqqj3oPm_mHks5q9nw8gaJpZM4E3Dfu
.
Ada 2 Poligon di logo, satu kecil dan satu lebih besar. Poligon melambangkan untuk web, poligon kecil -> klien, poligon besar -> server.
Ada '*' di poligon kecil, kita harus berpikir bahwa gabungan panah mewakili untuk "perakitan", kompilasi bahasa lain. Itu juga terlihat seperti jaring laba-laba dan penunjuk legendaris C -> klien, browser sekarang memiliki kekuatan C. Itu juga bisa diibaratkan seperti roda untuk menjalankan web
3 kode biner dalam poligon besar adalah kode asii:
01000010: A
01010011: S
01001101: M
-> mewakili bahasa bytecode.
warna hitam/putih juga sesuatu seperti 0/1, benar/salah - dasar, atom perakitan. Tapi itu bisa berubah menjadi sangat berwarna
Saya menggunakan font mesin tik untuk teks "WebAssembly" yang mewakili seni kode, asal mula bahasa rakitan.
Mungkin jika kita menggunakan logo orang ini dia bisa membuat lagu tema juga. TERTAWA TERBAHAK-BAHAK.
Atau mungkin lisensi logo dari pertunjukan terbaik yang pernah ada. Ini semacam terlihat seperti A di tengah.
@carlosbaraza Ini yang terbaik sejauh ini IMO. Datar dan bersih. Itu tidak akan berkencan terlalu banyak di masa depan dan tidak membalas warna agar menonjol dengan benar.
Terima kasih @michaelpumo! Saya pasti berusaha keras, agar tetap sederhana, bersih, dan bermakna.
@carlosbaraza +1
tetap saja, hanya pengguna qwerty yang akan mendapatkannya.
Adakah yang berpikir untuk membuat desain dengan laba-laba? Maksud saya jika npm dapat memiliki wombat mengapa webAssembly tidak dapat diwakili oleh pembuat web yang sebenarnya?
@MWrathDev Saya takut proposal datang setelah permintaan Anda :)
@MWrathDev Bagaimana dengan makhluk web lainnya? Seperti Tenda Ulat atau Tungau Laba-laba?
@carlosbaraza Lulz ya mungkin ada beberapa yang mengganggu tapi saya berpikir seperti ini:
http://aeglys.deviantart.com/art/Baby-Spider-244084448
@TheDigitalNinja Maafkan saya, saya tidak terlalu akrab dengan hal-hal lain yang menghasilkan web.
@jjmiyao jelas membuat logo T terbanyak
kembali ke permainan
@kapouer only qwerty :keyboard: pengguna percaya wasd dapat dilokalkan, pengembang game tidak pernah repot-repot mengubah pemetaan, akibatnya setiap gamer non-Inggris menggunakan pintasan ALT+MAJ hanya karena itu.
Desain @carlosbaraza terlihat bagus. Sederhana, bersih, dan mudah dikenali.
Terlalu banyak desain lain yang terlihat terlalu sibuk.
Teman-teman, harap jaga agar saran tetap serius dan dalam lingkup tantangan:
logo yang 'mewah, web-y, desainer-y, tetapi netral terhadap vendor mana pun' .
Harap juga jauhkan komentar dari favorit/favorit pribadi Anda, karena ada hal-hal mewah yang disebut 'reaksi' yang dibuat khusus untuk hal semacam ini: Jika Anda menyukai logo, tambahkan jempol; jika Anda menyukai logo, tambahkan hati; dll. Menggunakan reaksi githubs memudahkan WG untuk melihat dukungan untuk logo, dan paling sedikit mengirim spam ke peserta.
Satu pertanyaan terakhir: pastikan pengiriman logo Anda kompatibel dengan lisensi proyek (saat ini Apache 2.0). Ini mungkin tidak dinyatakan dengan jelas di awal masalah ini, tetapi 'berlisensi ke web' tidak sepenuhnya 'milik web'. Saya telah melihat penggunaan font yang tidak ditentukan yang lisensinya mungkin tidak kompatibel, dan mengisyaratkan bahwa beberapa logo tidak dibuat oleh pengirim, jadi pastikan bahwa logo yang Anda kirimkan tersedia dengan lisensi yang kompatibel.
-Menent
Saya perkenalkan kepada Anda WEB ASSEMBLY MAN! dia bisa melakukan hal-hal yang sebelumnya tidak terpikirkan oleh siapa pun!
Album punk rock perakitan web baru
Memiliki cacat geometris. Dapat ditingkatkan.
Konsep terbuka untuk interpretasi, saya tidak bisa menahan diri ...
bagaimana jika itu hanya kucing lucu.
Mungkin sesuatu yang sederhana dan minimal yang dapat diingat semua orang?
Bersulang.
NMP.
Saya pikir sesuatu seperti ini bisa berhasil. Idenya adalah bahwa "WEB" berkumpul dan bersatu dalam satu simbol tunggal.
Saya bukan desainer logo pro, tapi saya senang membuat ini.
Yang lebih serius untuk kesenangan Anda.
Bersulang.
NMP.
Tolong beri tenggat waktu untuk pengiriman, kalau tidak ini akan berlangsung selamanya. Beberapa orang mungkin menganggap itu hal yang baik...
Berikut adalah beberapa konsep yang saya buat berdasarkan saran
Betapa banyak seni di luar kotak! :senyum::+1:
https://i.imgur.com/g1AacHp.gifv
(Saya mohon maaf sebesar-besarnya atas kontribusi saya yang tidak serius)
Halo semua,
Saya penggemar berat proyek ini, jadi saya pikir saya bisa memasukkan proposal juga.
Saya mencoba mengilustrasikan konsep beberapa bagian yang bersatu menjadi satu kesatuan.
Saya juga ingin membuatnya tetap modern dan netral dengan bentuk warna tunggal yang sederhana dan Helvetica sebagai jenis huruf.
Umpan balik sangat diterima!
Terima kasih
– Gab
@thinkclay - Yang ini terlalu mirip dengan logo Microsoft .NET lama
Satu konsep dalam dua bentuk.
Rekatkan kode berikut di konsol dan temukan logo dengan jempol terbanyak
var thumbsUp = document.querySelectorAll('button[value="+1 react"]')
Array.prototype.reduce.call(thumbsUp ,( p,c )=>{
var pVotes=Number(p.innerText.split(' ')[1]);
var cVotes=Number(c.innerText.split(' ')[1]);
return pVotes > cVotes ? p : c;
}).scrollIntoView()
Saya suka versi @Fogaccio
Saya pikir polling mungkin bisa membantu. https://poll.ly/#/G4bXXkJr
Cukup rekatkan URL ke logo jika Anda ingin mengirimkannya (saya mengirimkan beberapa yang menurut saya bagus). Tetapi ada banyak lagi di sini yang tidak saya sarankan.
@umuralpay Terima kasih dan Pujian
Versi coklat dari proposal rfernbach dapat diadaptasi untuk membuat W dan A di bawah dari perisai
Saya menyukai apa yang dilakukan @carlosbaraza ! Satu-satunya umpan balik konstruktif saya untuk konsep ini adalah bermain dengan "pencelupan" pada potongan puzzle, tampaknya proporsional kecil dibandingkan dengan ukuran kotak.
Saya tahu Anda akan mencari arah yang lebih "rakitan" atau "sirkuit terpadu", tetapi itu mengisyaratkan "potongan teka-teki" jadi jika Anda melihat pencarian gambar google ini, Anda akan melihat apa yang saya maksud. Saya tidak berpikir itu harus miring dalam bentuk seperti potongan puzzle (lebih baik sebagai pencelupan setengah titik seperti yang telah Anda lakukan) tetapi mungkin layak untuk melihat versi dengan itu sedikit lebih besar?
EDIT: untuk kejelasan
pengajuan terakhir saya, tidak bisa menolak
Ini milik saya - ini memainkan konsep blok bangunan, dan terminal.
Hmm...
@sunfishcode meretas logo
Ini adalah titik berkumpul api.
Urutkan komentar github berdasarkan reaksi (rekatkan di konsol)
(() => {
const q = (e, s) => e.querySelector(s);
const qA = (e, s) => e.querySelectorAll(s);
const num = e => parseInt(e.nextSibling.wholeText.trim())
const d = document.querySelector('.js-discussion.js-socket-channel');
/* uncomment one of these to sort by */
const sortBy = '+1';
// const sortBy = '-1';
// const sortBy = 'smile';
// const sortBy = 'thinking_face';
// const sortBy = 'heart';
// const sortBy = 'tada'; // (hooray/party icon)
const sbc = `g-emoji.mr-1[alias="${sortBy}"]`;
const els =
Array.from(qA(document, '.js-comment-container'))
.filter(e => q(e, sbc))
.sort((...ab) => ab.map(e => num(q(e, sbc))).reduce((a, b) => a < b))
d.innerHTML = '';
els.forEach(e => d.appendChild(e));
})();
@eagleapex Ini adalah proyek open source, mengapa logo tidak menjadi bagian dari itu?
Maaf. Aku hanya menjadi kontol.
Dikirim dari ponsel saya
Pada 16 November 2016, pukul 11:44, Gabriel Harel notifications@github.com menulis:
@eagleapex Ini adalah proyek open source, mengapa logo tidak menjadi bagian dari itu?
—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub, atau matikan utasnya.
Tidak yakin Ini tepat untuk WA, tapi saya suka pemerintahan tahun 70-an. getaran agensi! https://github.com/WebAssembly/design/issues/112#issuecomment -260710158
Hanya beberapa konsep kasar. Curly Braces sebagai jaring laba-laba, dengan "WA" yang terinspirasi oleh tanda laba-laba janda hitam. Jika ada yang lebih baik dalam seni vektor daripada saya, jangan ragu untuk memolesnya.
Jadi inilah kekuatan kolaborasi dan proyek open source. Rapi.
Saya suka versi @carlosbaraza .
Sebaiknya gunakan warna pelengkap dari logo resmi JS.
Satu-satunya hal yang akan saya ubah adalah takik. Dan mungkin menggunakan font sedekat mungkin dengan yang digunakan pada logo JS.
Saya kira fontnya adalah ini:
http://fontdeck.com/font/okojo/bold
Inilah versi saya berdasarkan itu :)
Logo yang melengkapi teknologi web lain yang digunakan akan menunjukkan kesatuan yang coba dibuat oleh WASM. https://github.com/WebAssembly/design/issues/112#issuecomment -261135247 adalah pendekatan yang bagus, tetapi tampaknya agak hambar.
@igorbarbashin Anda benar bahwa takik mungkin tidak diperlukan untuk logo. Saya akan mencoba untuk menghapusnya dan menemukan font yang lebih dekat. Satu-satunya masalah adalah bahwa sudut W berbeda dari sudut A untuk sebagian besar font, oleh karena itu Anda perlu mengedit vektor dengan tangan untuk membuat garis sejajar. Juga padding di sebelah kanan harus dihormati.
Saya senang ide-ide saya menjadi sumber inspirasi bagi masyarakat. Saya merasa kita telah mencapai suatu tempat dan kita akan segera memiliki logo untuk teknologi yang menarik ini!
@carlosbaraza Saya pikir logo sudah dipilih di atas
@mike-healy yang mana yang dipilih?
@carlosbaraza Ya, saya perhatikan sudut yang berbeda juga.
Saya mencoba mencocokkan padding dengan yang ada di logo JS tapi ya, itu bisa diperbaiki pada tahap vektorisasi
Apakah saya terlambat?
Ini dia yang sudutnya cocok
Satu lagi menggunakan ruang negatif
Banyak meminjam dari logo JS – seperti beberapa orang lain di utas ini, saya masih menganggap JS sebagai lingua franca web, jadi saya menyukai ide asosiasi visual dengan tetap menggunakan logo persegi dan ruang warna serupa, karena web perakitan adalah teknologi web. Mungkin menyiratkan bahasa bentuk yang konsisten?
"Web" disubordinasikan ke www, yang menurut saya tidak secara eksplisit diperlukan sebagai subdomain–saya pikir banyak orang hanya menggunakan apa pun yang mereka inginkan di era pasca-Google, tetapi tetap menyimpan banyak nostalgia bagi saya dan saya pasti banyak orang lain yang menggunakan internet. Saya juga menikmati ritme visual dari stacking w's.
"Assembly" ditekankan dengan "asm" karena itu adalah salah satu ekstensi umum untuk perakitan tradisional. Saya kira saya meletakkannya di atas sedikit tebal, mungkin.
Teks menempati ruang negatif terbalik dari teks logo JS karena saya suka menganggapnya sebagai teknologi pelengkap JS, tidak harus menempati ruang yang sama (secara harfiah! hah!).
Saya memilih oranye terang karena saya pikir itu cocok dengan ruang warna antara kuning JS dan oranye tua Rust, dan ketiganya membentuk spektrum bahasa web terkait dalam pikiran saya.
Menantikan tanggapan Anda!
Pada posting sebelumnya, saya pikir konsep saya dapat diterima tetapi desainnya buruk, jadi saya ingin membuat dan membuat yang baru dengan konsep yang sama.
Tanda ~ di yang terakhir mewakili string, kait untuk menarik sesuatu sebagai "perakitan". W~ mungkin logo paling sederhana dalam semua aspek.
Ini adalah versi improvisasi dari logo saya sebelumnya
W di ruang negatif dienkapsulasi oleh lingkaran yang mewakili 0 dalam biner dan A mewakili 1 dalam biner.
Saya suka tampilan konsep logo chip @m-adilshaikh. Saran saya adalah menambahkan beberapa elemen inti yang membuatnya lebih jelas spesifik untuk WebAssembly.
Dalam gaya matriks :-)
Pikir saya akan memposting proses desain saya kalau-kalau ada yang tertarik dengan pilihan desain.
Tidak terlalu akrab dengan webassembly, saya memulai dengan mencoba menegaskan kembali apa esensinya.
Ini dimulai sebagai ide untuk membuat sesuatu yang dapat dikompilasi ke bytecode tingkat rendah dan tidak hanya memberikan akses yang lebih baik ke kinerja eksekusi asli tetapi sebagai hasilnya juga memfasilitasi kompresi / transmisi yang lebih baik melalui web. Saya pikir ide ini masih tetap pada intinya.
Saya melihat-lihat desain di sini:
sebuah. Dengan mendesain sesuatu dengan 4 huruf (dan mungkin vektor) akan sulit digunakan (terutama dalam kasus penggunaan dengan lebih sedikit ruang).
B. Dari bacaan saya tidak ada definisi yang jelas tentang apa itu WASM. Saya menyadari itu adalah singkatan dari: "Web Assembly Stack Machine" tetapi:
Di beranda webassembly, tampaknya digunakan untuk memperlakukan wasm secara bergantian dengan webassembly :
Kemudian mengabaikan fakta bahwa itu adalah tautologi (mesin tumpukan wasm), mengikuti tautan "mesin tumpukan". Tampaknya mereka menggunakan diskusi (apa yang seharusnya) WASM secara konseptual.
Kode WebAssembly dapat dianggap sebagai mesin tumpukan terstruktur; mesin di mana sebagian besar komputasi menggunakan tumpukan nilai, tetapi aliran kontrol diekspresikan dalam konstruksi terstruktur seperti blok, if, dan loop. Dalam praktiknya, implementasi tidak perlu mempertahankan tumpukan nilai aktual, atau struktur data aktual untuk kontrol; mereka hanya perlu berperilaku seolah-olah mereka melakukannya.
Di FAQ di bagian paling bawah , ini membahas WASM sebagai lingkungan:
Di dalam browser, Anda akan mendapatkan akses ke HTML5 yang sama dan API khusus browser lainnya yang juga dapat diakses melalui JavaScript biasa. Namun, jika VM wasm disediakan...
sebuah. WASM: Lingkungan apa pun yang dapat mengambil format teks webassembly dan menyandikannya (mungkin memerlukan ikonnya sendiri tergantung pada lingkungan induknya?).
B. Majelis Web: "representasi teks yang dapat dibaca manusia".
Sebagai contoh praktis, periksa beranda perakitan web . Ganti 'Webassembly' di bawah 'safe' dengan WASM.
WebAssembly menjelaskan lingkungan eksekusi kotak pasir yang aman dari memori yang bahkan dapat diimplementasikan di dalam mesin virtual JavaScript yang ada. Saat disematkan di web, WebAssembly akan menerapkan kebijakan keamanan browser dan izin asal yang sama.
WASM menjelaskan lingkungan eksekusi kotak pasir yang aman-memori yang bahkan dapat diimplementasikan di dalam mesin virtual JavaScript yang ada. Saat disematkan di web, WASM akan menerapkan kebijakan keamanan browser dan izin asal yang sama.
Banyak dari desain lain mengasumsikan dua huruf (WA) untuk merek tersebut. Namun apakah A benar-benar diperlukan? Saya minimalis, lebih sederhana lebih baik IMHO. Juga banyak dari mereka mengingatkan saya pada volkswagen:
Saya mencari melalui beberapa merek / merek dagang populer (milik SVGporn dan bing-fu saya). Saya menemukan bahwa sangat sedikit dari mereka terutama di ruang web yang memiliki huruf W mandiri, jadi yang perlu dilakukan hanyalah membuat sesuatu yang cukup unik untuk membedakan dirinya dari yang seperti; Wordpress, Platform Web, dll.
dirancang untuk dikodekan dalam format biner yang efisien ukuran dan waktu muat.
Hal-hal ini digabungkan dengan kata kerja dalam nama (Assembly) membuat saya berpikir untuk menciptakan sesuatu yang menggunakan 2 bentuk dan 2 warna yang dapat dirasakan untuk dirakit / digabungkan.
Saya mulai mencari-cari inspirasi dalam font slab. Saya menyukai tampilan broshK (tercakup di bawah SIL), mengambil mengompresinya pada sumbu x, lalu mengutak-atik dan menjahitnya untuk membuat komposit bentuk biner .
Tidak semua orang akan setuju bahwa 'jeda' di tengah adalah hal yang wajar. Pikiran saya adalah bahwa itu mewakili bagaimana perakitan web (bersama dengan hal-hal luar biasa lainnya seperti pekerja layanan) akan mematahkan stereotip kinerja web vs asli.
Saya merasa @igorbarbashin membuat poin yang valid:
Banyak orang tampaknya suka ungu untuk pergi dengan javascript kuning karena itu saya melakukan versi dengan #8a4ff0 yang merupakan warna split gratis, namun pikiran lain terlintas di benak saya.
Bagaimana dengan HTML/CSS sebagai bagian dari konteks ini? Ini tidak seperti mereka akan berhenti menjadi relevan dalam waktu dekat ( lihat di sini ).
Tidak masalah, tarik dari situs W3C - https://www.w3.org/html/logo/
Ikon tidak resmi untuk JS - https://github.com/voodootikigod/logo.js
Sial, itu sebenarnya tidak memiliki warna yang terkait (menurut tautan w3 di atas) itu hanya persegi yang tampak ke belakang 3. Sumber yang paling resmi yang dapat saya temukan yang menggunakan versi berwarna (biru terkenal) adalah:
Ikon CSS3info terlalu kecil sehingga terdengar lucu, saya mengandalkan Microsoft untuk menerapkan standar yang akurat.
Berikut adalah warna non-netral yang ditemukan di ikon yang disebutkan di atas: http://www.palettable.io/4f90d6-7aaad9-e34c26-f06529-f0db4f
Sekarang untuk mengetahui warna yang sesuai berdasarkan konteks / palet baru ini. Saya datang dengan teknik yang saya sebut penyelesaian spektral (terdengar lebih bagus daripada mode pelangi). Atur palet warna saat ini (perkiraan) di sepanjang pola difusi cahaya :
http://www.livephysics.com/physical-constants/optics-pc/wavelength-colors/
HTML : merah/oranye
JS : kuning
CSS : biru
Ada celah di antara kuning dan biru (hijau). Hijau nama/warna yang terkait dengan efisiensi (energi) yang agak beresonansi dengan Webassembly secara keseluruhan. Waktu untuk mengunjungi - http://bada55.io/
(sawpoll? - http://www.strawpoll.me/11698384)
Sebagian besar warna hijau lebih terang, artinya saya membutuhkan latar belakang yang lebih gelap untuk kontras. Jadi saya menggunakan warna netral-gelap pada font logo tidak resmi JS.
PS Jangan ragu untuk melakukan fork / animate, saya menantikan semua hal gila.
Pada Mon, Nov 21, 2016 at 06:46, Matius Rath notifications@github.com
menulis:
Pikir saya akan memposting proses desain saya kalau-kalau ada yang tertarik
pilihan desain.Tidak terlalu akrab dengan webassembly, saya memulai dengan mencoba
menegaskan kembali apa esensinya.Itu dimulai sebagai ide untuk membuat sesuatu yang dapat dikompilasi menjadi
bytecode tingkat rendah dan tidak hanya menyediakan akses yang lebih baik ke eksekusi asli
kinerja tetapi sebagai hasilnya juga memfasilitasi kompresi yang lebih baik /
transmisi melalui web. Saya pikir ide ini masih ada di
itu inti.
Riset :Saya melihat-lihat desain di sini:
Saya pikir wasm keluar sebagai desain karena:sebuah. Dengan mendesain sesuatu dengan 4 huruf (dan mungkin sebuah vektor) akan menjadi
sulit digunakan (terutama dalam kasus penggunaan dengan sedikit ruang).B. Dari bacaan saya tidak ada definisi yang jelas tentang apa itu WASM. saya menyadari
itu singkatan dari: "Mesin Tumpukan Perakitan Web" tetapi:Saya khawatir Anda membuat kesalahan umum di sini. Ini sebenarnya singkatan dari
"Mesin Tumpuk Keledai Aneh". :-)
Serius, itu hanya singkatan untuk WebASseMbly, bukan akronim.
Di beranda webassembly, sepertinya digunakan untuk memperlakukan wasm secara bergantian
dengan perakitan web:Mesin tumpukan wasm dirancang untuk dikodekan dalam ...
http://webassembly.org/Kemudian mengabaikan fakta bahwa itu adalah tautologi (mesin tumpukan wasm), berikut
tautan "mesin tumpukan". Sepertinya mereka menggunakan diskusi (apa yang seharusnya)
WASM secara konseptual.Kode WebAssembly dapat dianggap sebagai mesin tumpukan terstruktur; sebuah mesin
di mana sebagian besar komputasi menggunakan tumpukan nilai, tetapi aliran kontrol adalah
diekspresikan dalam konstruksi terstruktur seperti blok, ifs, dan loop. Di
praktiknya, implementasi tidak perlu mempertahankan tumpukan nilai aktual, juga tidak
struktur data aktual untuk kontrol; mereka hanya perlu berperilaku seolah-olah mereka melakukannya.Di FAQ di bagian paling bawah
http://webassembly.org/docs/faq/#will -i-be-able-to-access-proprietary-platform-apis-eg-android--ios,
itu membahas WASM sebagai lingkungan:Di dalam browser Anda akan mendapatkan akses ke HTML5 yang sama dan lainnya
API khusus browser yang juga dapat diakses melalui JavaScript biasa.
Namun, jika VM wasm disediakan...Definisi yang Diusulkan:
sebuah. WASM: Lingkungan apa pun yang dapat mengambil format teks dan penyandian webassembly
itu (mungkin memerlukan ikonnya sendiri tergantung pada lingkungan induknya?).B. Majelis Web: "representasi teks yang dapat dibaca manusia".
Sebagai contoh praktis, periksa beranda perakitan web
http://webassembly.org/. Ganti 'Webassembly' di bawah 'aman' dengan
WASM.
AsliWebAssembly menjelaskan lingkungan eksekusi kotak pasir yang aman dari memori yang
bahkan dapat diimplementasikan di dalam mesin virtual JavaScript yang ada. Kapan
disematkan di web, WebAssembly akan menerapkan asal yang sama dan
izin kebijakan keamanan browser.diubah
WASM menjelaskan lingkungan eksekusi kotak pasir yang aman-memori yang mungkin
bahkan diimplementasikan di dalam mesin virtual JavaScript yang ada. Kapan
tertanam di web, WASM akan menerapkan asal dan izin yang sama
kebijakan keamanan browser.Desain menggunakan 2 huruf (WA)
Banyak dari desain lain mengasumsikan dua huruf (WA) untuk merek tersebut. Namun
apakah A benar-benar diperlukan? Saya minimalis, lebih sederhana lebih baik IMHO. Juga
banyak dari mereka mengingatkan saya pada volkswagen:[gambar: Merek Volkswagen]
https://camo.githubusercontent.com/63b7f4d022e44de2aa5142cd816265b7c71751b7/687474703a2f2f66616d6f75736c6f676f732e6e65742f696d616765732f766f6c6b73766c7656e766f6c6b737766167656eSaya mencari melalui beberapa merek / merek dagang populer (milik SVGporn
http://svgporn.com/ dan bing-fu saya). Saya menemukan bahwa sangat sedikit dari mereka
terutama di ruang web memiliki huruf W mandiri, jadi semua itu
yang perlu dilakukan adalah menciptakan sesuatu yang cukup unik untuk membedakan dirinya sendiri
dari orang-orang seperti; Wordpress, Platform Web, dll.
Desaindirancang untuk dikodekan dalam format biner yang efisien ukuran dan waktu muat.
http://webassembly.org/
- "dikodekan dalam ukuran dan waktu muat yang efisien". Tujuannya adalah
pengkodean / kompilasi / kompresi.- "format biner", dalam teknologi kami menyimpulkan ini relatif terhadap data (0,1)
namun secara umum itu diterjemahkan menjadi 2 sesuatu._Hal-hal ini dikombinasikan dengan kata kerja dalam nama (Assembly) membawa saya ke
berpikir tentang membuat sesuatu yang menggunakan 2 bentuk dan 2 warna yang bisa
dipersepsikan berkumpul/bergabung._
Font / BentukSaya mulai mencari-cari inspirasi dalam font slab. saya suka
tampilan broshK http://www.fontspace.com/gluk/broshk (tercakup di bawah
SIL), ambil huruf besar W, _compressing_ pada sumbu x, lalu tweak
dan menjahitnya untuk membuat _a komposit bentuk biner_.Tidak semua orang akan setuju bahwa 'jeda' di tengah adalah hal yang wajar. Ku
pemikirannya adalah itu mewakili bagaimana perakitan web (bersama dengan yang lain
hal-hal luar biasa seperti pekerja layanan) akan mematahkan stereotip web vs
kinerja asli
WarnaSaya merasa seperti @igorbarbashin https://github.com/igorbarbashin dibuat
poin yang valid:Saya suka versi @carlosbaraza . Pintar menggunakan warna komplementer dari
logo resmi JS.
https://github.com/WebAssembly/design/issues/112#issuecomment -261135247Banyak orang sepertinya menyukai warna ungu untuk dipadukan dengan javascript kuning
oleh karena itu saya membuat versi dengan #8a4ff0 yang merupakan split free
warna, namun pikiran lain terlintas di benakku.Bagaimana dengan HTML/CSS sebagai bagian dari konteks ini? Ini tidak seperti mereka hanya
akan berhenti menjadi relevan dalam waktu dekat (lihat di sini
http://webassembly.org/docs/faq/#is-webassembly-trying-to-replace-javascript
).
HTML5 :Tidak masalah, tarik dari situs W3C - https://www.w3.org/html/logo/
J:Ikon tidak resmi untuk JS - https://github.com/voodootikigod/logo.js
CSS3 :Sial, itu sebenarnya tidak memiliki warna yang terkait (menurut tautan w3
di atas) itu hanya persegi yang tampak terbalik 3. Yang paling resmi
mencari sumber yang dapat saya temukan menggunakan versi berwarna (biru terkenal)
adalah :
- http://www.css3.info/
- posting blog MSDN
https://blogs.msdn.microsoft.com/dorischen/2012/10/01/introduction-to-css3-responsive-web-design-training-with-presentationvideo/Ikon CSS3info terlalu kecil sehingga lucu kedengarannya, saya mengandalkan
Microsoft untuk menerapkan standar yang akurat.Berikut adalah warna-warna non-netral yang terdapat pada ikon-ikon tersebut di atas :
http://www.palettable.io/4f90d6-7aaad9-e34c26-f06529-f0db4fSekarang untuk mengetahui warna yang sesuai berdasarkan konteks baru ini /
palet. Saya datang dengan teknik yang saya sebut penyelesaian spektral
(terdengar lebih menarik daripada mode pelangi). Atur palet warna saat ini
(perkiraan) sepanjang pola difraksi cahaya :http://www.livephysics.com/physical-constants/optics-pc/wavelength-colors/
HTML : merah/oranye
JS : kuning
CSS : biruAda celah di antara kuning dan biru (hijau). Hijaukan nama/warnanya
terkait dengan efisiensi (energi) yang agak beresonansi dengan Webassembly
secara keseluruhan. Waktu untuk mengunjungi - http://bada55.io/
- #ACC355 (akses)
- #B4DA55 (keledai)
- #C0FF33 (kopi)
- #C0DE25 (kode25, pembuat kode)
(sawpoll? - http://www.strawpoll.me/11698384)
Sebagian besar hijau lebih terang, artinya saya membutuhkan latar belakang yang lebih gelap untuk
kontras. Jadi saya menggunakan warna netral-gelap pada font logo tidak resmi JS.
Hasil[gambar: Tangkapan Layar Perakitan Web]
https://camo.githubusercontent.com/10fb655d01fa0fe382b1c4c8cdb8387d6e87ff2b/687474703a2f2f692e696d6775722e636f6d2f3450735a3772572e706e67svg codepen http://codepen.io/MWrathDev/pen/ENWaqN
PS Jangan ragu untuk melakukan fork / animate, saya menantikan semua hal gila.
—
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/WebAssembly/design/issues/112#issuecomment -261849174,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/ALnq1NXIHwFgrsqO8XiLBA7NWTGV6O5tks5rATA5gaJpZM4E3Dfu
.
@carlosbaraza yang Anda desain mendapatkan satu-satunya suara saya ;-)
Anda benar bahwa takik mungkin tidak diperlukan untuk logo. Saya akan mencoba untuk menghapusnya dan menemukan font yang lebih dekat.
Satu-satunya komentar saya adalah jenis huruf. Takik adalah hal yang brilian tentang itu, dan, terus terang, tanpa takik, itu hanya sebuah kotak, dan seluruh konsep pergi ke selatan - takik, menciptakan interaksi dengan ikon JS, adalah apa yang membuat klik ini untuk saya.
Saya langsung terhubung dengan ini - desainnya sederhana, bersih, diperdebatkan dengan sangat baik , bekerja dengan baik dalam ukuran kecil atau besar, dan kombinasi ikon JS/WA brilian. Bagus, karya desain yang solid! :-)
@mindplay-dk terima kasih... komentar yang sangat menyentuh :).
Sekarang saya tahu banyak orang menyukai desainnya, saya akan berusaha memperbaikinya. Jenis huruf adalah salah satu hal yang perlu ditingkatkan, mungkin melihat jenis huruf yang lebih dekat dengan JS, karena terlalu menyimpang.
Terima kasih kembali atas feedbacknya :')
@carlosbaraza J dan S terlihat sangat mirip dari font ini
http://fontdeck.com/font/okojo/bold
W dan A perlu beberapa poin-moving, tetapi harus baik untuk memulai.
Sayang sekali WA jauh lebih lebar dan tidak bisa setinggi JS.
@carlosbaraza Juga, ingatlah bahwa tidak ada logo JS resmi de facto, meskipun yang Anda gambarkan adalah umum. Jika Anda kesulitan menemukan font yang terlihat bagus dengan logo JS lama, Anda dapat mengubahnya.
Sebenarnya, mengapa tidak membuat tabel periodik seluruh logo Standar Web, semua dengan tampilan yang mengingatkan pada logo JS kuning? Alih-alih mempertimbangkan WASM sebagai fondasi yang dibangunnya, itu malah bisa dilihat sebagai elemen hidrogen (paling tidak canggih) dari tabel periode. Situs yang ingin mempresentasikan standar apa yang mereka gunakan dapat menunjukkan "molekul" standar yang digunakan.
@emanuelpalm sebenarnya tidak ada JS resmi :(.
Namun, saya pikir seluruh komunitas mengenali bahasa yang kami gunakan di web sebagai JavaScript, disingkat JS dan dengan logo kotak kuning :).
Meski hanya sebagai penghormatan Netscape, ada sesuatu yang benar di logo kuning itu yang disukai kebanyakan orang.
Berdasarkan cita-cita 1|0 pria di pos pada 1 April, saya banyak memotongnya dan memasukkan beberapa pemikiran saya.
Saya juga memodifikasi beberapa barang saya
.
Dan satu lagi ;))
Halo semuanya.
Saya hanya ingin menambahkan variasi saya (ke koleksi Anda) dari logo WebAssembly.
Lainnya:
Butuh waktu 2 menit untuk melukis
@imvetri
Saya memodifikasi skrip +1 Anda yang
var thumbsUp = document.querySelectorAll('button[value^="+1"]');
var icon = Array.prototype.reduce.call(thumbsUp, (p,c) => {
let pVotes = Number(p.innerText.split(' ')[1]);
let cVotes = Number(c.innerText.split(' ')[1]);
return pVotes > cVotes ? p : c;
});
var comment = icon.parentElement.parentElement.parentElement.parentElement.parentElement;
comment.scrollIntoView({behavior: 'smooth'});
Halo semuanya, saya menemukan halaman ini melalui Brand New dan terinspirasi oleh proyek dan pekerjaan semua orang, jadi inilah konsep saya dan sedikit deskripsi.
Definisi perakitan (pemasangan bagian-bagian yang diproduksi menjadi struktur yang lengkap) membawa saya pada ide untuk membangun logo dari bentuk sederhana. Membaca lebih lanjut tentang WASM membawa saya pada gagasan tentang bentuk yang mewakili biner sebagai kotak dan lingkaran dan kombinasi/perubahan keduanya.
Ini menjadi blok bangunan saya:
Dan dari blok-blok itu saya menemukan ini:
Saya kemudian mencari-cari font yang akan melengkapi bentuk yang saya buat dan muncul dengan penguncian ini:
Dua Warna:
Itu adalah konsep saya. Saya berharap untuk mendengar beberapa umpan balik dari semua orang. Saya akan mencoba menganimasikan logo yang sedang dibangun blok demi blok. Saya akan mencoba mempostingnya nanti.
@pchester Konsep yang bagus. Akan sangat bagus jika Anda bisa membawa "kubah" A lebih jauh ke bawah sehingga logonya pas menjadi persegi. Seperti ini
Saya telah menambahkan kurva kecil di bagian dalam bagian atas W untuk mendukung kurva atas A di ruang negatif.
@pavel06081991 Sepertinya anggota KKK :+1:
Kalau tidak, saya lebih suka ini:
Sunting: Ini ofc, bukan kiriman saya tetapi unggahan ulang dari apa yang dikirim
Hai, saya pikir Anda bisa menggunakan logo versi animasi, jadi saya melakukannya. Ini dia:
@BartoszBaczek Nah, internet dibuat untuk berbagi klip kucing jadi sangat masuk akal. Desain sangat 90-an :+1:
terima kasih @alexhultman ... =]
@BartoszBaczek Saya pikir hal yang masuk akal untuk dilakukan adalah membuat gif lencana sekolah lama "Didukung oleh WebAssembly" dengan animasi kucing dan gemerlap untuk ditampilkan di situs web kami
@ratishphilip terima kasih atas umpan baliknya. Saya dapat menghargai gagasan untuk membuat ikon menjadi persegi. Memasang ikon/logo dengan rapi ke dalam kotak atau lingkaran selalu merupakan ide bagus demi kegunaan. Saya tidak suka seberapa pendek "A" terlihat meskipun setelah menyusut agar muat di dalam "W".
@pchester alasan utama membuatnya persegi adalah untuk memungkinkannya digunakan sebagai ikon dalam aplikasi. Dalam versi yang saya sarankan, ketinggian W dan A sekarang hampir sama.
Yah, itu hanya saran dari pihak saya. :) Kami semua berkolaborasi untuk membuat logo yang mendefinisikan perakitan web terbaik.
Sejauh ini anak kucing dalam logo keranjang adalah favorit saya. @BartoszBaczek adalah masalah hak cipta dihapus pada penggunaannya di w3c?
@bobajeff Nah itu gambar kucing, dan seperti hampir semua gambar kucing lainnya, ditemukan di internet. Saya tidak tahu.
Saya merasa kucing kehilangan suara latar ini: https://www.youtube.com/watch?v=EKcviWIDFKQ
@alexhultman Ikon Anda digunakan di JSconf singapura
https://github.com/WebAssembly/design/issues/112#issuecomment -264784261
Lihat klip berikut di 9:28
Seperti yang saya katakan itu bukan milik saya
@MWrathDev Komentar itu menyesatkan. Entri dikirimkan di atas oleh @Fogaccio
_memeluk manticore_
idealnya adalah:
Tapi tampilannya kurang bagus, jadi saya mengubahnya jadi jauh berbeda dari awal dengan konsep lain. Saya menambahkan beberapa smartphonefull ke dalamnya.
.
.
.
@olalonde
:))
Penyederhanaan mungkin berlebihan, tetapi idealnya adalah melakukan hal itu secara ekstrem tetapi tetap memiliki makna. Ikon yang disederhanakan masih menyimpan beberapa konsep penting termasuk bentuk W, javascript terbungkus di dalamnya atau itu adalah intinya. Terlihat juga bahwa blok di dalam blok, modul di dalam modul. Itu juga memiliki tombol yang menunggu untuk diklik. Saya pikir saya akan meletakkannya di posisi asimetris yang mewakili tindakan lingkungan server-klien.
Saya juga membuat versi lain untuk menyederhanakannya.
@lukewagner , ini adalah repositori berlisensi CC proposal saya:
@carlosbaraza ini tetap menjadi proposal favorit saya sejauh ini! Hanya satu komentar kecil: mengapa ukuran font WA lebih kecil dari JS? Itu membuatnya tampak kurang penting entah bagaimana.
@carlosbaraza saya juga suka ini.
Saya pikir takik kedua naik dari WA ke JS akan membantu menggambarkan keterkaitan kedua teknologi (mereka dapat memanggil satu sama lain melihat impor/ekspor) dan untuk menyeimbangkan area setiap warna. Ini mungkin mengharuskan teks JS didorong ke atas atau kedua teks dipusatkan, untuk simetri...
Sunting: Saya mengatakan ini karena tanpa mempertimbangkan contoh IC saya cenderung melihat kombinasi JS/WA sebagai dua potongan puzzle yang terhubung.
gaya 80-an!
memberikan suara saya untuk https://github.com/WebAssembly/design/issues/112#issuecomment -272718893
simple dan ceritanya bagus 👍
Awalnya saya memutuskan untuk menekankan pada kata "WebAssembly" secara keseluruhan sebagai logo, tetapi kemudian itu tidak akan menjadi unik. Jadi saya memutuskan untuk membuat logo acuh tak acuh untuk WebAssembly, tetapi sekali lagi itu terlihat terlalu canggih atau korporat yang bukan kekuatan penggunaan utamanya. Pada akhirnya saya mencoba menggunakan logo HTML5 yang mengilhami pengajuan saya.
Dibangun di atas logo HTML5 yang sudah penuh kasih dan kuat. Ini adalah turunan dari logo HTML5.
Cuplikan alat dev lain untuk menampilkan komentar berdasarkan popularitas :D. Yang ini mencetak semuanya ke konsol seperti:
PS: Sepertinya logo @Fogaccio telah digunakan di alam liar https://simpleprogrammer.com/2016/05/25/webassembly-finally-freed-javascript/
(() => {
// get all the comments that have thumbs up + images, sorted by most thumbs up
var comments = ($ =>
$(document, '.timeline-comment-wrapper')
.map(comment => { return {
element: comment,
thumbsUp: $(comment, 'g-emoji[alias="+1"]')
.map(gemoji => parseInt(gemoji.parentNode.innerText.replace(/[^0-9.]/g, '')))
.filter(num => !isNaN(num))
.pop()
}})
.filter(comment => comment.thumbsUp)
.sort((a, b) => b.thumbsUp - a.thumbsUp)
.map(({element, thumbsUp}) => { return {
author: $(element, '.author').shift().innerHTML,
thumbsUp: thumbsUp,
images: $(element, '.comment-body img')
}})
.filter(({images}) => images.length)
)((e, q) => Array.prototype.slice.call(e.querySelectorAll(q), 0))
// add padding to all the author names so they line up when we print them out
var longestNameCount = comments.reduce((a, {author}) => author.length > a ? author.length : a, 0)
comments.forEach(comment => {
for (var i = comment.author.length; i < longestNameCount; i++) comment.author += ' '
})
// print everything in nice collapsed groups
comments.forEach(({author, thumbsUp, images}) => {
console.groupCollapsed(author, '=', thumbsUp)
images.forEach(image => console.log(image))
console.groupEnd()
})
})()
Silakan menuju ke #980 untuk memilih kiriman teratas!
Saya merasa hanya mengambil 5 teratas sedikit tidak adil karena itu menguntungkan orang-orang yang mengajukan sejak lama daripada kiriman yang paling pas sebenarnya.
@g-harel menghargai umpan baliknya. Dalam hal ini, utasnya sangat kontroversial sehingga ini adalah pendekatan paling adil yang bisa kami lakukan. Juga, reaksi tidak diperkenalkan sampai Maret tahun lalu, jadi saya tidak berpikir pengiriman sebelumnya terlalu awal.
@ s3ththompson Saya lebih khusus merujuk ke utas di reddit pada bulan November yang memberi banyak perhatian pada masalah ini (begitulah cara saya belajar tentang ini dan akhirnya mengirimkan juga). Karena ada gelombang besar orang sekitar waktu itu, kiriman yang sudah ada mendapat banyak perhatian tetapi yang baru tidak mendapatkan kesempatan yang sama.
@s3ththompson Bisakah Anda menutup komentar tentang masalah ini sehingga orang-orang di utas ini berhenti menerima spam dan kemudian semua orang dapat memilih #980
Komentar yang paling membantu
Halo semuanya,
Saya hanya ingin menambahkan kontribusi ini ke proyek, silakan gunakan sesuka Anda.
Terima kasih