Design: WebAssemblyロゴ

それはきちんとした比喩です。 FWIW私はいつもBorlandC ++のロゴが好きでした。
ビルディングブロックが組み立てられているように見えました。 「組み立て」も持つことができます
その意味も。

22:34の水曜日、2015年6月3日には、JFバスティアン[email protected]
書きました：

@sunfishcode https://github.com/sunfishcodeは、
Webアセンブリ：
【画像：画像】
https://cloud.githubusercontent.com/assets/298127/7970689/95aefe64-09f4-11e5-87c8-b67d25f46901.png
それは素晴らしいアイデアを持っています：

• 「組み立て」を表すために一緒に来る矢印。
• 一緒に来る矢印は、他の言語のコンパイルを表すこともできます
  ウェブに。

もっと派手なもの/ウェブ-y /デザイナー-yがあればいいのにと思います。
ブラウザベンダーの1つではなく、Webに属するように、ニュートラルに保ちます。

私のチームのPetrHosekは、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つがある場合はどうなりますか
四隅の抽象的な形：「Webへのコンパイル」に基づいて構築
上記の比喩では、4つの形状は4つの異なるソース言語を表します
中央（ウェブ）に（矢印を介して）コンパイルされていました。

—
このメールに直接返信するか、GitHubで表示してください
https://github.com/WebAssembly/spec/issues/112。

@BrendanEichはまた、彼が雰囲気を組み立てるスーパーヒーロー、アベンジャーズスタイルが好きだと述べました。

はい、私のちょっとしたことはさておき、私は全体的に矢印が一緒に指しているのが好きです。 ビルディングブロックは興味深いアイデアです。 HTML5テクノロジークラスのアイコンスタイルに一致するコンセプトを誰かが持っているかどうか興味があります。

Petr Hosekは当初、次のことを思いついた。

@davidsehrは、そのロゴの恐ろしい欠陥を指摘しまし

ただし、HTML5テクノロジークラスのアイコンのアイデアはまだ優れています。

私はここで何人かの人々と話をしました、そして彼らは私達が最初の立ち上げまでどんなロゴも持っていないことを提案します。 そうすることで、代わりに技術に集中することができ、時間をかけて実際にロゴを作成することができます。ロゴは、不注意な意味を持たないものです。

@lukewagnerええと、それはバージョン1.0（いつか）であり、その略語はWASMです。 また、緑はこれまでのところ、典型的なHTML5テクノロジーアイコンAFAIKでは使用されていません。

編集： （CC BY 3.0）の下でライセンスされ、 HTML5ロゴに基づいてい

編集：時間があるときにピクセルエラーの少ないSVGバージョンを提供します：p。

編集：緑と紫のバージョンのSVG。

@Teemperor W3Cコミュニティグループに所属し、適切な著作権帰属がなければ、ロゴを受け入れることはできません。 今のところロゴを取得するには時期尚早です:)

@jfbastien私はすでにW3Cコミュニティに参加してい、HTML5ロゴの元のCCライセンスの下で

一緒に指している矢印に基づく別の設計（ W eb Aアセンブリの場合）：

（CC BY 3.0）の下でライセンスされ、RaphaelIsemannによって作成されました。

そして、後で変更されるロゴは、ロゴがまったくないよりはましだと思います:)

これが私の3分のショットです。

：+1：

WAジグザグはどうですか

@Namozag私はそれが好きです！

（添付ファイルは電子メールでは機能しないようです...）
（速くて汚いカップル）

ジグザグのアイデアの遊び：

ネガティブスペースで遊ぶ：

-フレッド

2015年6月23日に、13：27で、アンドレイ[email protected]書きました：

@Namozag https://github.com/Namozag私はそれが好きです！

—
このメールに直接返信するか、GitHub https://github.com/WebAssembly/design/issues/112#issuecomment-114450578で表示して

@fstarkはそれらを見ることができません。

メールで画像を添付できないようですので、元のコメントに追加しました。 それらはインラインで表示されますか？

いいえ

小さい解像度でもう一度試してみましょう。

画像1（ジグザグのバリエーション）

画像2（ネガティブスペース）

WhatsappもWAと省略されているため、WAロゴを使用するのは混乱するかもしれません。

ここのみんなによる本当に創造的な仕事。 WhatsAppの重複を回避することに同意します。 また、「何でも」の「クルーレス」からの\ / \ / ;-)。

/なれ

彼らのロゴはこのように見えるので、私はWhatsappの懸念を本当に理解していません 。

また、フルネームはWebAssemblyであり、wasmでもwaでもないので、混乱がどこから来るのかわかりません。 人々が名前としてwaを使い始めるのではありません。 これは、ロゴのランダムな落書きです。 @Teemperorのシールドのアイデア（WAの意味を避けるために、緑ではないかもしれません）をいくつかの落書きで再利用すると、WebAssemblyにHTML5に直接接続された認識可能な外観を与えることができます。 うーん。 後で試してみてください。

多分それは地域的なものかもしれませんが、私は@fstarksのロゴをWhatsAppとまったく
また、緑色のシールドはPHP用であることがわかったので（ @fstarkが言ったようにWhatsAppも緑色

私はあなたがロゴを控えるべきであることに同意します。 実際、私はそれが必要でさえあるとは確信していません。

しかし、私はロゴを考えるのが好きで、ここで見たデザインのいくつかが好きです。 ロゴがある場合は、フルネーム（WebAssembly）または短縮バージョン（wasm）を使用する必要があると思います。 後者では、wとasmを視覚的に区別することをお勧めします。 また、どういうわけかそれのアセンブリ言語の側面を参照することをお勧めします。

すべてのロゴのアイデア、@ Namozagのバリエーションに驚かされます

テキストとして「wasm」または「asm」が含まれているものを好むようです。

ああ、かっこいい、（ではなく）ロゴコンテスト！ そして、すでにいくつかの素晴らしいアイデア！ さて、これは私のロゴに対する見解です（以前のアイデアの束を取り入れようとしています）：

• HTML5セマンティクスのロゴ「構造に意味を与える」に少し似ていますが、逆さまにすると、「プログラムとユーザーの両方にとって、より便利なデータ駆動型Webが可能になります」。
• 少しコンパクトで流れるようなデータ
• 少しプラグイン可能
• ビットスタック
• 少し「W」、「A」、「S」、「M」
• オプションのシェーディングと、もちろん_green_

乾杯！

@dcodeIOは

@fstark画像2 、、乾杯!!

@dcodeIO ：いいね！

多分このようなもの;）

@dcodeIOの黒/緑が本当に好きです！

黒と緑が好きです。 乾杯！

Elmié。、1 dejul。 de 2015 a la（s）10:10 am、Jan-OliverOpdenhövel<
[email protected]>escribió：

@dcodeIOhttps ：//github.com/dcodeIOによる黒/緑のものが本当に好きです
！

—
このメールに直接返信するか、GitHubで表示してください
https://github.com/WebAssembly/design/issues/112#issuecomment-117662363 。

私のサブ

これは私の最後の潜水艦と重複しています

プロジェクトに最適なロゴを決定するために、投票を行う必要がありますか？

WebAssemblyのロゴについては、すでに長い間お話を伺っていましたが、もう終わりだと思います。

iPhoneで送信

在2015年7月16日、22：36、トーマス[email protected]写道：

プロジェクトに最適なロゴを決定するために、投票を行う必要がありますか？

—
このメールに直接返信するか、GitHubで表示してください。

私はグラフィックソフトウェアで何も試していませんが、コンパイルを待っているとき、私は次のアイデアを思いつきました：

• 中央にあるのは、W（ウェブ）とA（アセンブリ）の垂直方向の重ね合わせで、次のように空に手を上げる人の絵文字をたくさん思い出させます： \o/
• 右側のものは中央のものと同じですが、W（ウェブ）とA（アセンブリ）もうまく折りたたまれています。
• 左側のものは中央のものと同じですが、中央の三角形の上に4つのフローティングヘッドがあり、元の一時的なロゴと同じアイデアを思い起こさせるはずです。

誰かがこれらのアイデアを拡張し、これらのスケッチ画像から実際のロゴを作成することをいとわないのであれば、それは素晴らしいことです！

私は黒/緑のものが大好きです@dcodeIO

投票に関して、そしてこのスレッドで期待を設定するのを助けるために：ロゴを選ぶためのプロセスはまだ選択されていません。このプロセスが何であれ、WebAssemblyのリリースに近づくと思います（仕様と実装） 。 そうは言っても、私はここで一連のアイデアを楽しんでいます。急いで、または差し迫った決定がないというだけで、誰かにやめるように言うつもりはありません。

多いほどもっと良いでしょう！ 私は@lukewagnerに同意します。MVPのリリースに近づいたときにのみロゴを決定しましょう。 それまで創造性を維持してください。

最高のロゴを見つけることを決してあきらめないでください！

私はデザイナーではありませんが、Doodleをいくつか作成して、共有したほうがいいと思いました。

それらは非常にラフです（間違った配置/比率/フォント）が、一般的な考え方に出くわす必要があります。

やってみよう:)

@dcodeIO image 2は素晴らしく見えます！

@dcodeIOかっこいい!!

@dcodeIOの場合は+1

+ 1 @ dcodeIOの黒と緑のロゴ

+ 1 @ dcodeIO黒と緑の場合

本当にラファエルの最初のものが好きです

これはKritaで遊んでいるときに作ったものです。 デザインは数ヶ月間私の頭の中で浮かんでいましたが：

これは、エフェクトで遊んでいるときに行った80年代風の実験です。

皆さんこんにちは、
この貢献をプロジェクトに追加したかったので、好きなように使ってください。

ありがとう

現在のHTML5 / CSS / JSロゴは醜くて古いです（その技術もそうです、笑）。 そのベクトルのロゴ（シンプル、クリーン、パワフル、そしてひどい飛行）を取り、好きなようにそれを使ってください。

wa_logo.zip

@Fogaccioの作品が大好き

@Fogaccioのロゴが好き

@Fogaccioと@jjmiyaoの作品はかっこいいです！

ErikDemaineに触発されて感謝したWASMテキストhttp://erikdemaine.org/fonts/hinged/
WとMは対称であることに注意してください。 （他のいくつかのキャラクターと同様に、より楽しくなります。）
F＃UNFSharp実験的インキュベータープロジェクトFSTWASMFSharp ToWASMに使用/推奨されます。
このフォントのすべての文字と数字は、1つのユニバーサルヒンジチェーンから折りたたむことができます。具体的には、鋭い角にヒンジで固定された128個の右二等辺三角形です。 特に、すべてのキャラクターはまったく同じ領域を持っています。 さらに、チェーンはピリオドで表される正方形に折りたたむことができます。 私たちの論文「アルファベットのヒンジ付き解剖」、Journal of Recreational Mathematics、31（3）：204–207、2003を参照してください。

私は@Fogaccioのロゴのファンです。 クリーンですぐに認識でき、数年前に作成された古いWebプラットフォーム（HTML / CSS）のロゴよりもモダンな感じがします。

+1 @Fogaccioのロゴ、それは素晴らしいアスキーアートバージョンを持っています。

\ \ \  /\
 \/\/\   \

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

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

...

@ Fogacci 、o .svg 、 .aiバージョンのロゴはありますか？

@mbebenitaはい私はします.. =]

しかし、私はファイルを配信する準備をする必要があります、私はそれをできるだけ早くするつもりです

@Fogaccioこれについて何か進展はありますか？

@kenchris私はアセットプロダクションに取り組んでいます。

@Fogaccioフレンドリーなping

こんにちは@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

これをもう少し読みやすくすることができると思いますか。 このバージョンのアイコンは、IDEやその他のツールで使用できます。 このサイズのロゴのカスタムピクセルアートバージョンがおそらく必要です。 まだ何かを考えていないのであれば、喜んでこれを行います。

こんにちは@mbebenita 、私は.icoにピクセルアートをしようとしましたが、成功しませんでした。

私はあなたの助けにとても感謝します

@Fogaccioは、より少ない色合い（およびより鮮明な色-したがって、背景/透明/白とのより多くの契約）を使用すると、おそらくより鮮明に見えるようになります

16x16のサイズしかないのですが、ちょっと難しいです:)色合いを慎重に選ぶ必要があります

これがもう1つです。 そのソリッドオブジェクトは、「A」の上に「W」があり、あるビューからは非常に単純な古い学校のピクセル化された2Dロゴを提供し、別のビューからは3Dロゴを提供します。 これがアニメーションGIFです：

ソリッドオブジェクトは、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];

2Dビューは次のとおりです。

そしてここに3Dビューがあります：

必要に応じて、バリエーションを作成し、アセットセットを具体化することができます。

私はAのためにもっと対称的な曲がったクロスアームで遊んだ：

でも個人的にはAがはっきりしているのでストレートクロスアームが好きです。

@ h00gs面白いです、あなたはほとんど

レンチはアセンブリを伝達する可能性があり、WAに似た形状から構築できると思いました。

@rfernbachどういうわけかあなたのデザインは私にはバイキングのように見えます：

...マスコットが必要ですか？ :)

こんにちは@mbebenitaピクセルアートでファビコンを作成するのはどうですか？ ... =]

それで、私の最初の努力は完全に正しくなかったので、私は頑張って、Aのための湾曲したクロスバーが見栄えがするのを見つけました。 これがアニメーションです：