Design: 웹어셈블리 로고

깔끔한 비유입니다. FWIW 저는 항상 Borland C++ 로고를 좋아했습니다.
빌딩 블록을 조립하는 것처럼 보였습니다. "조립"도 할 수 있습니다
그 의미도.

2015년 6월 3일 수요일 오후 10시 34분, JF Bastien [email protected]
썼다:

@sunfishcode https://github.com/sunfishcode 는 빠른 로고를 해킹했습니다.
웹 어셈블리:
[이미지: 이미지]
https://cloud.githubusercontent.com/assets/298127/7970689/95aefe64-09f4-11e5-87c8-b67d25f46901.png
좋은 아이디어가 있습니다.

• "조립"을 나타내기 위해 함께 오는 화살표.
• 함께 오는 화살표는 다른 언어를 컴파일하는 것을 나타낼 수도 있습니다.
  웹에.

더 멋진 / web-y / Designer-y가 있으면 좋을 것입니다.
브라우저 공급업체가 아닌 웹에 속하도록 중립을 유지하세요.

우리 팀의 Petr Hosek은 HTML5 기술 클래스 아이콘 사용을 제안했습니다.
http://www.w3.org/html/logo/ , 다음을 생각해 냈습니다.
[이미지: 이미지]
https://cloud.githubusercontent.com/assets/298127/7970659/70880d2e-09f4-11e5-9c7b-c2134ee7f483.png

_다른 제안이 있습니까?_

@lukewagner https://github.com/lukewagner 는 다음과 같이 말했습니다.

내 개인적인 문제는 화살표의 비대칭이 나를 귀찮게한다는 것입니다.
약간. 비대칭은 시각적으로 좋을 수 있습니다. 아이디어를 버리려면:
화살표가 대칭이지만 약간 다른 4개가 있으면 어떻게 될까요?
네 모서리의 추상 모양: "웹으로 컴파일" 기반 구축
위의 은유에서 4개의 모양은 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) 및 HTML 5 로고 기반 라이선스

편집: 시간이 있을 때 픽셀 오류가 적은 SVG 버전을 제공할 예정입니다.

편집: 녹색 및 보라색 버전용 SVG.

@Teemperor W3C 커뮤니티 그룹에 속하지 않고 적절한 저작권 표시가 없으면 로고를 수락할 수 없습니다. 지금 로고를 얻기에는 너무 이르다 :)

@jfbastien 저는 이미 W3C 커뮤니티에 있습니다. 로고는 분명히 HTML 5 로고를 리믹스한 것이기 때문에 HTML5 로고 의

(ssembly W EB A에서) 함께 가리키는 화살표에 기초하여 다른 설계 :

Raphael Isemann이 만든 (CC BY 3.0) 라이선스.

그리고 나중에 바뀔 로고는 아예 없는 것보다 낫다고 생각합니다 :)

여기 내 3 분 샷입니다.

:+1:

WA 지그재그는 어떻습니까?

@ 나

(첨부파일이 이메일로 안되는 것 같습니다...)
(빠르고 더러운 커플)

지그재그 아이디어에 대한 플레이:

음수 공간을 가지고 노는 것:

—프레드

2015년 6월 23일 13:27에 Andrey [email protected]이 다음과 같이 썼습니다.

@Namozag https://github.com/Namozag 좋아요!

—
이 이메일에 직접 답장하거나 GitHub https://github.com/WebAssembly/design/issues/112#issuecomment -114450578에서

@fstark 는 그들을 볼 수 없습니다.

이메일로는 이미지 첨부가 안되는 것 같아서 원본 댓글에 추가했습니다. 인라인으로 표시됩니까?

아니요

더 작은 해상도로 다시 시도하겠습니다.

이미지 1(지그재그의 변형)

이미지 2(네거티브 스페이스)

Whatsapp도 WA로 약칭하기 때문에 WA 로고를 사용하는 것이 혼란스러울 수 있다고 생각합니다.

여기 있는 모든 사람들의 정말 창의적인 작업입니다. WhatsApp 중복 방지에 동의합니다. 또한 "WhatEVER"에 대한 "Clueless"의 \\/ ;-).

/be

Whatsapp의 로고가 다음과 같이 보이기 때문에 Whatsapp에 대한 우려를 정말로 이해하지 못합니다. .

또한 전체 이름은 wasm도 wa도 아닌 WebAssembly이므로 어디서부터 혼동이 올지 모르겠습니다. 사람들이 wa를 이름으로 사용하기 시작하는 것과는 다릅니다. 로고에 임의의 낙서 일뿐입니다. @Teemperor 의 방패 아이디어(WA 내포를 피하기 위해 녹색이

지역적인 문제일 수도 있지만 @fstarks 의 로고를 WhatsApp과 전혀 연결하지 않습니다.
또한 녹색 방패가 PHP용이고 WhatsApp도 @fstark가 말한 것처럼 녹색이라는 것을 칠 했습니다(픽셀 오류 수정).

로고를 보류해야 한다는 데 동의합니다. 사실 나는 그것이 하나 있어야 한다고 확신하지 않는다.

그러나 나는 로고를 생각하는 것을 좋아하고 여기에서 본 디자인 중 일부를 좋아합니다. 로고가 있다면 풀네임(WebAssembly)이나 축약형(wasm)을 사용해야 한다고 생각합니다. 후자의 경우 w를 asm과 시각적으로 구별하는 것이 좋습니다. 또한 어떻게 든 어셈블리 언어 측면을 참조하는 것이 좋습니다.

@Namozag의 모든 로고 아이디어에 놀라움

나는 텍스트로 'wasm' 또는 'asm'이 있는 것을 선호하는 것 같습니다.

오, 멋지군요. (아닙니다) 로고 콘테스트입니다! 그리고 이미 훌륭한 아이디어가 있습니다! 글쎄, 이것은 로고에 대한 나의 견해입니다(이전 아이디어를 통합하려고 시도함):

• HTML5 의미 체계 로고 "구조에 의미 부여"와 비슷하지만 여전히 "프로그램과 사용자 모두에게 더 유용한 데이터 기반 웹을 활성화"합니다.
• 약간의 간결하고 흐르는 데이터
• 약간의 플러그 가능
• 비트 스택
• 약간 "W", "A", "S", "M"
• 선택적 음영 및 물론 _green_

건배!

@dcodeIO 멋져요 !

@fstark 이미지 2 , 건배!!

@dcodeIO : 좋아요!

아마도 이런 식으로 ;)

@dcodeIO의 검정/초록색이 정말 마음에 듭니다!

검정색과 녹색이 마음에 듭니다. 건배!

El mié., 7월 1일 de 2015 a la(s) 10:10 am, Jan-Oliver Opdenhövel <
알림@github.com> 설명:

나는 @dcodeIO https://github.com/dcodeIO 의 검정/초록색을 정말 좋아합니다.
!

—
이 이메일에 직접 답장하거나 GitHub에서 확인하세요.
https://github.com/WebAssembly/design/issues/112#issuecomment -117662363.

내 서브

이것은 내 마지막 하위 항목과 중복됩니다.

프로젝트에 가장 적합한 로고가 무엇인지 결정하기 위해 간단한 설문조사를 실시해야 합니까?

당신은 이미 오랫동안 WebAssembly의 로고에 대해 이야기해 왔지만 이제는 끝이라고 생각합니다.

아이폰으로 보내기

2015年7月16日，22:36에，Thomas [email protected]写道：

프로젝트에 가장 적합한 로고가 무엇인지 결정하기 위해 간단한 설문조사를 실시해야 합니까?

—
이 이메일에 직접 회신하거나 GitHub에서 확인하세요.

그래픽 소프트웨어에서 아무 것도 시도하지 않았지만 컴파일을 기다릴 때 다음과 같은 아이디어가 떠올랐습니다.

• 중앙에 있는 것은 W(웹)와 A(어셈블리)를 수직으로 겹쳐놓은 것으로, 마치 하늘을 향해 손을 드는 사람의 이모티콘이 많이 생각납니다. \o/
• 오른쪽에 있는 것은 중앙에 있는 것과 같지만 W(웹)와 A(어셈블리)도 멋지게 접힙니다.
• 왼쪽에 있는 것은 중앙에 있는 것과 같지만 중앙 삼각형 위에 4개의 플로팅 헤드가 있어 원래 임시 로고와 동일한 아이디어를 떠올리게 합니다.

누군가가 이러한 아이디어를 확장하고 이 스케치 이미지에서 실제 로고를 만들 수 있다면 정말 좋을 것입니다!

나는 검정/초록을 좋아합니다 @dcodeIO

투표 주제에 대해, 그리고 이 스레드에서 기대치를 설정하는 데 도움이 되도록: 로고를 선택하기 위한 프로세스가 아직 선택되지 않았으며 이 프로세스가 무엇이든 WebAssembly(사양 및 구현) 릴리스에 더 가까워질 것이라고 생각합니다. . 즉, 나는 여기에서 아이디어의 흐름을 즐겼고 누구에게도 멈추라고 말하는 것이 아니라 서두르거나 임박한 결정이 없다는 것을 의미합니다.

더 즐겁게! @lukewagner의 말에 동의합니다. MVP 릴리스가 가까워질 때만 로고를 결정합시다. 그때까지 창의력을 유지하십시오.

최고의 로고를 찾는 것을 절대 포기하지 않을 것입니다!

나는 디자이너는 아니지만 몇 가지 낙서를했고 공유하는 것이 좋겠다고 생각했습니다.

그것들은 매우 거칠지만(잘못된 정렬/비율/글꼴), 일반적인 아이디어가 이해되어야 합니다.

시도해보자 :)

@dcodeIO 이미지 2가 멋지게 보입니다!

@dcodeIO 멋지네요 !!

@dcodeIO의 경우 +1

@dcodeIO 검정 및 녹색 로고의 경우 +1

@dcodeIO 검정 및 녹색의 경우 +1

정말 라파엘의 첫 작품처럼

Krita와 놀면서 만든 것입니다. 디자인이 몇 달 동안 내 머리 속에 떠돌았지만:

다음은 효과를 가지고 놀면서 만든 80년대식 실험입니다.

안녕하세요 여러분,
이 기여를 프로젝트에 추가하고 싶었습니다. 원하는 대로 사용하세요.

감사 해요

현재 HTML5/CSS/JS 로고는 보기 흉하고 오래되었습니다. 간단하고 깨끗하며 강력하고 하늘을 나는 벡터 로고를 사용하여 원하는 모든 작업을 수행하십시오.

wa_logo.zip

@Fogaccio 의 작업을 사랑합니다.

@Fogaccio 의 로고가 마음에

@Fogaccio 와 @jjmiyao 의 작품은 멋지다!

Erik Demaine에 의해 영감을 받은 WASM 텍스트 http://erikdemaine.org/fonts/hinged/
W와 M은 대칭입니다. (다른 캐릭터들도 마찬가지여서 더 재미있습니다.)
F#UN FSharp 실험 인큐베이터 프로젝트 FSTWASM FSharp에서 WASM으로 사용/제안됩니다.
이 글꼴의 모든 문자와 숫자는 하나의 보편적인 힌지 조각 체인, 특히 날카로운 모서리에 힌지 연결된 128개의 직각 이등변 삼각형에서 접힐 수 있습니다. 특히, 모든 캐릭터는 정확히 동일한 영역을 가지고 있습니다. 또한 체인은 마침표로 표시되는 사각형으로 접힐 수 있습니다. "Hinged Dissection of the Alphabet", 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 , .ico에 픽셀 아트를 시도했지만 성공하지 못했습니다. 자유롭게 할 수 있도록 도와주세요 =]

나는 당신의 도움에 대해 매우 감사 할 것입니다

@Fogaccio 는 더 적은 색상 음영(그리고 더 선명한 색상 - 따라서 배경/투명/흰색과 더 많이 계약)을 사용하면 더 선명하게 보일 것입니다.

16x16 사이즈밖에 없어서 좀 힘들긴 하지만 :) 쉐이드 잘 고르셔야 해요

여기 또 하나가 있습니다. 한 보기에서는 매우 단순한 구식 픽셀화 2D 로고를 제공하고 다른 보기에서는 3D 로고를 제공하는 "A" 위에 있는 "W"로 구성된 견고한 개체입니다. 다음은 애니메이션 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의 곡선형 크로스바가 멋져 보이는 것을 발견했습니다. 다음은 애니메이션입니다.