Design: Логотип WebAssembly

Отличная метафора. FWIW Мне всегда нравился логотип Borland C ++, который
выглядело так, будто строительные блоки собираются вместе. «Сборка» также может иметь
этот оттенок тоже.

В среду, 3 июня 2015 г., в 22:34, JF Bastien [email protected]
написал:

@sunfishcode https://github.com/sunfishcode взломал быстрый логотип для
Веб-сборка:
[image: image]
https://cloud.githubusercontent.com/assets/298127/7970689/95aefe64-09f4-11e5-87c8-b67d25f46901.png
В нем есть хорошие идеи:

• Стрелки собираются вместе, чтобы обозначить «сборку».
• Стрелки, сходящиеся вместе, также могут означать компиляцию других языков.
  в Интернет.

Было бы неплохо иметь что-нибудь более навороченное / web-y / designer-y, и
сохраняйте нейтральный характер, чтобы он принадлежал Интернету, а не одному из поставщиков браузеров.

Петр Хосек из моей команды предложил использовать значки классов технологии HTML5.
http://www.w3.org/html/logo/ и получил следующее:
[image: image]
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 также упомянул, что ему нравится собирать атмосферу супергероев в стиле Мстителей.

Да, не говоря уже о том, что в целом мне нравятся стрелки, указывающие вместе. Строительные блоки - интересная идея; Мне было бы интересно, есть ли у кого-нибудь концепция, соответствующая стилю значка технологического класса HTML5.

Первоначально Петр Хосек придумал следующее:

@davidsehr указал на ужасную ошибку в этом логотипе . Мне нравятся стрелки, но мы определенно должны избегать случайного создания исторически нечувствительных логотипов!

Однако идея значка технологического класса HTML5 по-прежнему хороша!

Я поговорил с некоторыми людьми здесь, и они предлагают нам отложить создание любого логотипа до первого запуска. Это позволит нам вместо этого сконцентрироваться на технологиях и даст нам время, чтобы на самом деле создать логотип, который будет продуман и не имеет непреднамеренного значения!

@lukewagner Ну, это версия 1.0 (иногда) и сокращенно WASM. Кроме того, зеленый цвет пока не используется в типичных значках технологии HTML5 AFAIK.

РЕДАКТИРОВАТЬ: под лицензией (CC BY 3.0) и на основе логотипа HTML 5

РЕДАКТИРОВАТЬ: предоставлю версию SVG с меньшим количеством ошибок пикселей, когда у меня будет время: стр.

РЕДАКТИРОВАТЬ: SVG для зеленой и фиолетовой версии.

@Teemperor мы не можем принять логотип, если вы не указали авторские права. Также пока рано получать логотип :)

@jfbastien Я уже в сообществе W3C . Логотип должен быть лицензирован в соответствии с исходной лицензией CC для логотипа HTML5, потому что, очевидно, это просто переработанный логотип HTML 5.

Другой дизайн, основанный на стрелках, указывающих вместе (для сборки W eb A ):

Лицензия (CC BY 3.0) , созданная Рафаэлем Иземанном.

И я думаю, что логотип, который позже поменяют, лучше, чем его вообще не делать :)

Вот мои 3-х минутные снимки.

: +1:

Что насчет зигзага WA

@Namozag мне нравится!

(похоже, вложения не работают по электронной почте ...)
(Пара быстрых и грязных)

Игра на идее зигзага:

Игра с отрицательным пространством:

-Фред

23 июня 2015 года в 13:27 Андрей [email protected] написал:

@Namozag https://github.com/Namozag Мне нравится!

-
Ответьте на это письмо напрямую или просмотрите его на GitHub https://github.com/WebAssembly/design/issues/112#issuecomment -114450578.

@fstark их не видит.

Похоже, вы не можете прикреплять изображения по электронной почте, поэтому я добавил их в исходный комментарий. Они появляются в строке?

Неа

Позвольте мне попробовать еще раз с меньшим разрешением.

Изображение 1 (Вариация на тему Зигзаг)

Изображение 2 (негативное пространство)

Я думаю, что использование логотипа WA может сбивать с толку, потому что Whatsapp тоже сокращается как WA.

Действительно творческая работа всех здесь. Согласитесь избегать дублирования WhatsApp; также \ / \ / от "Clueless" вместо "whatEVER" ;-).

/быть

Я не совсем понимаю беспокойство по поводу WhatsApp, так как их логотип выглядит так .

Кроме того, полное название - WebAssembly, а не wasm или wa, поэтому я не уверен, откуда взялась путаница. Это не похоже на то, если бы люди начали использовать wa в качестве имени. Это просто случайные каракули на логотипе. Повторное использование идеи щита @Teemperor (возможно, не зеленого цвета, чтобы избежать коннотации WA) с некоторыми каракулями может придать WebAssembly узнаваемый вид, напрямую связанный с HTML5. М-м-м. Может попробовать позже.

Может быть, это региональный вопрос, но я вообще не связываю логотип @fstarks с WhatsApp.
Кроме того, как я понял, зеленый щит предназначен для PHP (и WhatsApp также зеленый, как сказал @fstark ), поэтому я перекрасил его в фиолетовый цвет (и исправил ошибки пикселей):

Я согласен, что вам следует воздержаться от логотипа. На самом деле я не уверен, что он вообще нужен.

Однако мне нравится придумывать логотипы, и мне нравятся некоторые из дизайнов, которые я видел здесь. Если есть логотип, я думаю, следует использовать полное имя (WebAssembly) или сокращенную версию (wasm). В последнем я предлагаю визуально отличить w от asm. Кроме того, предлагается как-то сослаться на аспект языка ассемблера.

Пораженный всеми идеями логотипа, вариация @Namozag

Я бы предпочел что-нибудь, содержащее «wasm» или «asm» в качестве текста.

О, круто, (не) конкурс логотипов! И уже несколько отличных идей! Что ж, это мой взгляд на логотип (пытаюсь объединить кучу предыдущих идей):

• В некоторой степени похоже на логотип семантики HTML5 «Придание значения структуре», но в перевернутом виде, по-прежнему «обеспечивающий более полезный, управляемый данными Интернет как для программ, так и для ваших пользователей».
• Немного компактные, плавные данные
• Немного подключаемый
• Немного стек
• Немного "W", "A", "S", "M"
• Дополнительная штриховка и, конечно же, _зеленый_

Ваше здоровье!

@dcodeIO отлично выглядит!

@fstark Изображение 2 ,, Ура !!

@dcodeIO : хорошо!

Может как то так;)

Мне очень нравится черный / зеленый от @dcodeIO!

Мне нравится черный и зеленый. Ваше здоровье!

El mié., 1 июл. de 2015 a la (s) 10:10 am, Jan-Oliver Opdenhövel <
[email protected]> подписка:

Мне очень нравится черный / зеленый от @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 image 2 отлично выглядит!

@dcodeIO это круто !!

+1 за @dcodeIO

+1 за черно- зеленый логотип

+1 для @dcodeIO Black and Green

Действительно как первый Рафаэль

Это то, что я сделал, играя с Критой. Хотя дизайн витал в моей голове несколько месяцев:

Вот эксперимент 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 равнобедренных равнобедренных треугольников, прикрепленных к своим острым углам. В частности, у каждого персонажа точно такая же область. Кроме того, цепочка может складываться в квадрат, обозначенный точкой. См. Нашу статью «Разбиение алфавита на шарнирах», Journal of Recreational Mathematics, 31 (3): 204–207, 2003.

Я фанат логотипа @Fogaccio . Он чистый, мгновенно узнаваемый и выглядит более современным, чем некоторые из старых логотипов веб-платформ (HTML / CSS), которые были созданы несколько лет назад.

+1 логотип @Fogaccio , у него хорошие версии ASCII-арта.

\ \ \  /\
 \/\/\   \

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

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

...

@Fogacci , o у вас есть .svg , .ai версия логотипа?

@mbebenita да, я знаю .. =]

Но мне нужно подготовить файлы к доставке, я сделаю это как можно быстрее

@Fogaccio Есть ли в этом прогресс?

@kenchris Я работаю над производством активов.

@Fogaccio дружелюбный пинг

Привет, @kenchris и @mbebenita , я близок к завершению ассетов .svg и .ai, думаю, что получу их в пятницу.

Символ тега HTML + AST.

Всем привет,
Просто чтобы вы знали, что здесь (https://github.com/Fogaccio/OpenDesign/tree/master/webassembly_identity) находятся файлы предложения по брендингу, которое я отправил ранее. Я надеюсь, что эти ресурсы могут помочь вам наилучшим образом. Не стесняйтесь делиться мыслями и предложениями.

Спасибо

@Fogaccio, спасибо, это здорово. Я смотрю на маленькую версию favicon 16x16:

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

Как вы думаете, это можно было бы сделать более разборчивым. Эта версия значка может использоваться в IDE и других инструментах. Вероятно, нам понадобится пользовательская версия логотипа в пиксельном стиле для этого размера. Я был бы счастлив сделать это, если вы еще чего-то не имеете в виду.

Привет @mbebenita , я пытался сделать пиксельную вышло , не стесняйтесь помочь мне в этом =]

Буду очень признателен за вашу помощь

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

Вот 2-й вид:

а вот 3D-вид:

При необходимости я могу создавать вариации и расширять наборы активов.

Я играл с более симметричной согнутой поперечиной для A:

но лично я предпочитаю прямую перекладину, потому что буква А более очевидна.

@ h00gs интересно, мне нравится, что у вас почти что происходит с MC Эшером.

Я думал, что гаечный ключ может сообщать о сборке и может быть построен из форм, подобных WA.

@rfernbach мне почему-то твой дизайн кажется викингом:

... нам нужен талисман? :)

Привет, @mbebenita. Как вам сложно сделать фавикон в пиксельной

Так что мои первоначальные усилия были не совсем правильными, поэтому я проявил настойчивость и обнаружил, что изогнутая поперечина для A выглядит хорошо. Вот анимация: