"지루한"것으로 인식 된 새로운 "전문"브랜딩

오픈 소스 프로젝트 ( VBA 편집기의 추가 기능 인 Rubberduck)를 관리 하고 최신 릴리스까지는 스플래시 형식이었습니다.

2015 년부터 브랜딩은 소용돌이 치는 VBA 코드와 고무 오리 주식 이미지를 중심으로 다소 발전했습니다. 프로젝트 초기부터 모든 곳에서 사용하고있는 서명 쇼 카드 고딕 글꼴에 "RUBBERDUCK"문자가 있습니다. 정신적으로 포기할 준비가되었습니다.

간단히 말해 지난 밤 저는 2018 년 브랜딩을 기반으로 한 새로운 스플래시 형식으로 버전 2.2를 출시했습니다. 스톡 덕키는 오리의 약간 희미한 SVG 버전 인 "그림자 덕키"로 대체됩니다.

디자인은 실제로 Code Review SE에서 잘 수행 되는 2018 커뮤니티 광고 자료 를 기반으로 하지만 프로젝트가 해당 사이트에서 시작된 이후 2015 년부터 중재자로 활동 한 이후 괜찮은 디자인에 대한 인식이 왜곡되었을 수 있습니다.

트위터에서 빠른 여론 조사를 실시했는데 (주일 내내) 지금까지 결과 (좋아요, 지금까지 7 표만)는 새로운 스플래시 양식이 "더 무딘"(57 %)로 인식되고 있음을 나타냅니다. "보다 전문적인"(43 %)-어떤 식 으로든 트위터 설문 조사를 과학적이거나 정확한 측정으로 취하고 있지는 않지만, 지금까지 피드백의 절반이 "더 칙칙한"새로운 스플래시로 간주된다는 사실이 다소 걱정입니다.

저는 그래픽 아티스트가 아니지만이 프로젝트의 일부로 입어야 할 많은 모자 중 하나이므로 새로운 커뮤니티를 통해 피드백을 찾고 새로운 디자인 / 브랜딩을 개선하여 개선 할 수있는 방법을 찾고 있습니다. "둔함"과 "전문성"을 향상시킵니다.

제가 전하고자하는 것은이 도구가 전문가를 대상으로 하고 있으며 사용자 코드를 통해 보는 것입니다. 원래의 디자인처럼 복잡하지 않고 유쾌 하게 느껴지지 않는 디자인, 즉 아직 정제 되지 않은 개념입니다. t "지루한"또는 지루한 느낌이 듭니다 (서명 Showcard Gothic 글꼴이 도움이되기를 바랍니다).

새 디자인이 메시지를 전달하는 데 실패하는 위치 및 방법과 "흐리게"인식되지 않도록 변경할 수있는 사항을 이해하려면 귀하의 도움이 필요합니다. 또한 내가 모르는 디자인 원칙을 위반하는지 여부를 알고 싶습니다. 아마도 중요한 명암 문제가 나타나지 않거나 너무 작은 잘못된 글꼴 (Gill Sans MT)을 사용하고 있습니다. 또는 레이아웃에 불균형이있는 것 (레터링 배치 대 더키, 상태 레이블 위치 지정 등)-한 동료 기고자는 블러 링이 도움이되지 않으며 더 날카로운 오리가 덜 아마추어처럼 보일 것이라고 지적합니다. ... 나는이 모든 것이 디자인 전문가에 의해 객관적으로 정량화 될 수 있다고 확신합니다.

유용한 정보가있는 경우 Visual Basic Editor가 추가 기능을로드 할 때 시작 화면이 약 3 초 동안 표시됩니다.

나는 칙칙함에 대한 인식이 새로운 스플래시 화면의 색상 부족으로 인한 것이라고 생각합니다. 나는 당신의 정화 방법을 좋아합니다 (오늘 나는 그 단어를 배웠습니다).

Showcard Gothic을 고수하려는 경우 "전문성"을 전달하는 로고를 디자인하기가 어렵 기 때문에 개인적으로 서체의 장난기를 포용하고 로고에 노란색과 파란색을 추가합니다. 여기에 내 빠른 샷이 있습니다.

나는 또한 배경을 평범한 흰색으로 두지 않을 것이며, 미묘한 질감은 먼 길을 갈 수 있습니다. 나는 소용돌이 를 원래의 "스와 일링 코드"에 끄덕임으로 선택 했지만 어떤 종류의 미묘한 질감이나 부드러운 그라디언트 일 수도 있습니다.

^{pexels.com을 통한 Anthony의 오리 실루엣 제공}

나는이 질문이 약간 광범위하다고 생각합니다. 그리고 나는 또한 "당신이 내 로고에 대해 어떻게 생각하십니까하기"때문이다 "폴링"평신도 또는 사용자를 생각 항상 매우 나쁜 생각. "위원회 별 디자인"은 종종 너무 다양한 의견을 제시하고 명확한 방향을 제시하지 않습니다. 소수의 팀은 훌륭하거나 ... 협업은 ...하지만 여론 조사는 일반적으로 당신이 변경 / 생성 한 것에 관계없이 결코 행복 하지 않은 사람들과 싸 웁니다 .

로고를 만드는 데 몇 명의 디자이너가 필요합니까?
--- 100 ....
1을 만들고 99를 말하면 "그것을 더 잘했을 수 있습니다." :)

전반적으로 고무 오리와 같은 환상적인 그래픽을 사용하지 않는 것이 부끄러운 일이라고 생각합니다. 그것은 즉시 인식 할 수있는 것이며 즉각적인 개방적이고 친근하며 매력적인 인상을줍니다. 내가 것 정말 오리 더를 재생할 수 있습니다.

나는 생각하는 과정이 초청의 시점을 넘어서 그것을 최소화하는 것이 무엇인지 확실하지 않지만 글씨체는 그대로 유지한다. 내 개인적인 취향은 로고 타입 일뿐 아니라 "디스플레이 스타일"서체로 만들어서는 안됩니다. 실제로는 덜 전문적으로 보입니다 . 특히 기술 산업에 종사 할 가능성이 높은 사용자는 사용자가 해당 서체를 다른 곳에서보고 인식 할 수 있습니다.

나는 이것에 많은 시간을 소비하지는 않았지만, 이전에는 고무 오리 이미지를 만들었으므로 약간의 도움을 줄 수는 없었습니다. 오리가 유형보다 오리에 더 집중하면 스플래시 카드 또는 그래픽이 본질적으로 더 매력적이고 유혹적입니다.

보다 표준적인 서체는 제 생각에 더 많은 "전문성"을 빌려줄 것입니다.

다시 한 번 오리 작품은 내가 만든 작품이므로 주변에 누워있었습니다. 주어진 시간이 지나면 오리를 더 커스터마이징하고 유형과 통합하는 것이 더 좋을 수도 있습니다 .... 안경을 착용하십시오 ... 다른 각도를 사용하십시오 ... 어떻게 VBE 코드에 묶으십시오. 이것은 모두 기존 아트 워크를 사용하여 머리 꼭대기에서 벗어난 것입니다. 위의 유형은 더 많은 시간과주의를 기울일 수 있지만 오리 자체의 중요성을 전달한다고 생각합니다. (내가 사용한 파란색은 연속성을 위해 오리의 눈 색깔에서 뽑아 났으므로 더 생생하게 만들 수 있습니다.)

_{여기의 개념은 가져가는 데 무료입니다. 실제 작품은 아닙니다 .}

첫 번째 게시물이 "논쟁적인"것이지만 나는 "작동하지 않는다"고 말하는 사람이 아닙니다.

다음은 많은 결정을 내려야하는 대략적인 과정입니다.

이것은 긴 글이 될 것입니다.

1. 저작권 문제를 피하려면 독창적 인 작품이 필요하므로 고무 오리에 대한 나의 해석에 대한 첫 번째 스케치가 있습니다. 첫 번째는 푸들처럼 보입니다. 기본 도형을 얻는 것입니다.

2. 몇 가지 글꼴을 살펴 보겠습니다. 일부 "솔리드"글꼴 프로젝트에는 "커터"글꼴이 필요했기 때문에 둥근 글꼴이 마음에 들기 시작합니다.

3. 이미지 글꼴 조합을 탐색합니다. 흑백 버전이 작동하지 않습니다. 글꼴 무게에 대한 일부 수정 사항이 적용됩니다.

4. 오리는 평평 할 수 없습니다. 일부 그림자 및 하이라이트가있는 검은 색 버전 추가.

5. 파란색 배경에 대한 스캇의 아이디어를 훔치다 ... 아야, 오리는 프레임 밖을보고있다.

나는 또한 이미지와 오리 사이의 공간을 채우기 위해 바람 피우고 있습니다.

6. 오리를 돌아 서서 ... (남자는 신선함을 원했습니다 ... 퀘크가 작동합니까?)

7. 이중선이있는 지옥, 한 줄만 만들어 봅시다 ...

8. 다른 쪽의 그림자를 탐색하는 중 ... 아니요 작동하지 않습니다 ...

9. 떠 다니는 k를 기억하십니까? 한번 더 살펴보고 변형을 시도하지 마십시오 ...

설명하기 위해 이것을 게시하고 있습니다. 레시피는 하나뿐이 아닙니다 ... 여기에 각 단계마다 많은 탐색과 조사를 위해 게시했습니다. 나는 고무 오리의 사용에 관한 저작권 기사를 읽고, 글꼴을 탐색하고, 무료로 사용하는 글꼴을 선택하고, 대비 비율, 스타일, 응용 프로그램 등을 읽습니다.

예, 오리는 컷터로 만들거나 다른 스타일을 가질 수 있습니다. 모든 사람을 기쁘게 할 수있는 방법은 없지만 운이 좋으며 약간 더 단단하고 덜 둔합니다.

더 행복한 버전으로 편집하고 하늘을보다 낙관적으로보고 ... 하늘을 꿈꾸며 ...

용서해주세요 무례하다는 뜻은 아닙니다.

이 도구는 전문가를 대상으로합니다

그것은 ... 아니, 그렇지 않습니다.

나는이 텍스트를 주석으로 게시했지만 정말 좋습니다 (그러나 약간 냉소적입니다 ... 알았습니다)

이미지가 중요한 경우 ... 디자이너를 고용하십시오. 프로그래밍이 중요하지 않은 경우, 베이커를 고용하여 코드를 작성하십시오.

완성 된 소프트웨어 제품은 좋은 코드 외에 UX, 유용성, 이미지, 인식 등 많은면이 있습니다. 따라서 전문 사용자를 대상으로하는 경우 전문 디자이너를 고용하여 전문적인 모양을 만들어야합니다.

많은 돈을 지불하는 것은 아닙니다. 또한 공동 노력이 될 수 있습니다. 그러나 협력을 요구하는 것을 두려워하지 마십시오.

JohnB가 설명하는 것처럼 색을 사용하면 색상이 향상 될 수 있습니다. 이것은 명백한 질문 일 수 있지만 실루엣과 일반적인 텍스트 일 ​​뿐이므로 실제로는 색상 이상의 것이 필요합니다. 추상화, 스타일, 비율, 색 구성표, 인쇄 선택 등 실제 디자인이 필요합니다.

몇 가지 참고 사항 :

나는 이것이 무례하게 들린다는 것을 안다. 단순히 아닙니다. 저는 프로그래머가 아니므로 프로그램의 품질이나 본질적 가치, 혜택, 시장을 판단 할 수 없습니다. 그러나 스플래시 화면의 그래픽 디자인 측면과 어떻게 든 브랜딩에 대한 비판을 요구하는 질문이 있었기 때문에 저의 책임은 그렇게하는 것입니다.

우리는 여러 분야의 협력적인 세상에 살고 있습니다. 그리고 그것은 큰 일입니다. n_n

귀하의 '둔한'버전과 귀하가 링크 한 2018 커뮤니티 광고 자료 를 비교해 볼 때 , 많은 "둔함"은 흐릿함을 사용하여 발생한다고 생각합니다. 지각 심리학자가 실제로 그것을 설명 할 수 있다고 생각합니다. 무딘 것이 실제로 무엇인지 봅시다 : 안개를 통해 무언가를 보는 것이 둔한 인상을 줄 것이라고 생각합니다.

이미지를 비교할 때 현재 로고에는 흐린 오리가 있으며 글꼴의 대비도 훨씬 낮습니다.

오리와 같은 글꼴을 오리 모양으로 만들어보십시오. 대비가 강합니다.

또한 글꼴과 유사하게하여 복잡성을 줄이며 전문성을 크게 향상시킬 수 있습니다.

전문적인 느낌을 높이려면 로고에서 오리를 덜 두드러지게 만드는 것이 좋습니다. 중심이 아니며 압도적으로 크지 않습니다. 크기가 작고 오른쪽에있을 수 있지만 제품 이름보다 뒤지지 않습니다. 또한 여전히 "재미있는"글꼴을 사용하지만 현재 글꼴의 절반에 불과한 글꼴을 사용해보십시오.

처음에는 인식 할 것이 거의 없기 때문에 지루하다고 생각합니다. 이 로고의 주요 메시지는 "우리는 다른 것과 똑같습니다. 찾을 특별한 것은 없습니다. 우리는 투명성과 조화를 이룰 수 있으며, 브랜드를 알고 싶다면 자세히 살펴 봐야 합니다. " 일부는 "전문가"라고 생각하고 다른 사람들은 "이 항목이 비활성화되어 있습니다"라고 생각합니다. 오래된 스플래시 는 실제로 문자를 읽을 시간이 있기 전에 " WOW RUBBER DUCK !!! "을 외 칩니다 . 그런 다음 " 이봐! 코드로 재생! " 이 단락에서 사용한 두 가지 향상된 기능보다 더 다르게 보입니다. 그리고 퀘스트, 방금 큰소리로 읽는 사람은 무엇입니까? 첫 부분의 Italica 또는 대담한 소리입니까?

프로그래밍을 시작했을 때 PC에는 거의 텍스트 인터페이스가 있었지만 메뉴에는 가독성을 높이기 위해 메뉴의 모든 샷컷이 강조 표시되었습니다. 비슷한. 그리고 스플래쉬 화면은 자랑스럽게 "우리는 이것이다"라고 말하는 프로그램 이름의 최소한 ASCII 아트를 얻습니다. 나중에 그래픽 인터페이스가 생겼으며 밝아진 색상으로 가득 차 있었고, 몇 픽셀 만 있고 색상이 거의없는 경우에도 아이콘을 쉽게 인식 할 수있었습니다. 메뉴에서 비활성화 된 항목은 짙은 회색이지만 여전히 잘 보입니다.

시간이 지남에 따라 더 큰 해상도, 더 많은 색상 화면 및 더 많은 계산 능력이 생겼습니다. 그러나 사용 가능한 모든 색상으로 인해 회색 테마에서 사용 가능한 프로그램이 천천히 회색으로 떨어졌습니다. 강조 표시된 항목조차도 몇 년 전에 비활성화 된 항목보다 읽을 수 없습니다. 셔츠와 양말의 색상과 색상에 모두 동일하게 보이지만 쉽게 읽을 수는 없습니다.

그것은 모든 구매자가 구매자의 관심을 끌기위한 여배우 / 배우의 이미지를 방해하지 않기 때문에 모든 첨단 반사판이 "최첨단 전문 물건"을 사용하는 척하는 멋진 모델로 빛나는 광고에서 멋지게 보입니다. 실제로 사용하고 싶을 때와 실제로 메뉴에서 무언가를 찾으려고 할 때 훨씬 더 나쁩니다.

이 그레이 온 그레이 디자인과 실제 대기업 로고를 비교해보십시오. 각각의 큰 브랜드는 맥도날드, 코카콜라, 리눅스, 윈도우, 아디다스, 나이키 등 첫눈에 쉽게 재구성 할 수 있습니다. stackexchange에서 다른 섹션의 favicons를보십시오 (페이지 제목이나 오른쪽 열 "핫 네트워크 질문")-처음 볼 때 다시 인식 가능합니다. 돋보기 및 / 또는 관련 이름 읽기

그렇다면 스플래시가 인식 가능한 메시지를 보내지 않고 이미 알고 있거나 공간의 일반적인 필러 인 경우 스플래시가 배경에 보이지 않는 것처럼 보이는 이유는 무엇입니까? 제 생각에는 스플래시와 로고는 회사 / 제품 브랜드 / 아이덴티티 / 인식에 많은 영향을 미칩니다. 그리고 " 우리는 여기에 있습니다 " 라고 자랑스럽게 말할 수도 있고 " 저희를 언급하지 마십시오. 우리는 아무 것도 중요하거나 모욕적 인 것이 아닙니다 ."

어쩌면 나는이 시간에 너무 나이가 들었지만 매번 "읽기 어려운 점"에 대한 가독성을 선호합니다.

나는 둔한 지각은 주로 회색 빛의 색과 독이 매우 어둡게 생긴 것으로 생각합니다.

시도해야 할 사항 :

• 전체 이미지를 밝게하고 재미 / 여름 / 밝은 색을 사용하면 이미지가 훨씬 "흥미롭게"보입니다.

• 이미지에서 회색의 양을 줄이는 것도 도움이됩니다.

• 검은 글자 만 쓰지 말고 회색을 고려하십시오 (이전 진술과 모순되는 것처럼 보일 수 있지만 분명히 균형이 있어야합니다).

존은 말하기의 창조는 @ 내가 설명하고있는 무슨 달성 아주 잘.

동료 코더이자 엔지니어로서 비즈니스 소유자가 된 Mathieu는 다음과 같은 몇 가지 사항을 고려해야합니다.

귀하의 시장이 (전문 개발자)라고 생각하는 것과 귀하의 제품이 전문가라고 생각하는 것은 처음에는 다른 사람들이 자신의 인식에 기초한다고 생각하는 것입니다.

나는 당신의 프로젝트 / GitHub를 보았습니다. 귀하의 프로젝트가 실제로 전문 프로젝트이고 전문 개발자가 그것을 사용하고 싶다는 것을 증명할 자격이 있지만 지식을 쌓는 데 18 년이 걸리고 리소스를 탐색하는 데 15 분이 걸렸습니다.

당신은 실로 매우 전문적인 엔지니어 (위와 당신의 온라인 존재로 판단)이지만, 당신은 또한 전문 디자이너입니까? 브랜드 매니저? 당신은 그렇게 생각하지 않을 수도 있지만, 그 직업은 사람들이 인생을 완벽하게하기 위해 소비하는 것들이기도합니다.

엔지니어로서 우리는 모든 일을 스스로 할 수 있다고 생각하도록 편향되어 있습니다. 좋은 일이지만 비즈니스 / 프로젝트를 성장시킬 때 어떤 일을 맡겨야합니다. 이것은 그 중 하나입니다.

OSS 및 독점 도구에 대한 모든 끔찍한 브랜드 / 이미지는 프로젝트 소유자, 엔지니어, 주말 동안 김프를 발사 할 수 있다고 생각하고 멋진 로고가 나오고 정신이 이어지고 불가능합니다. 비즈니스 소유자가 왜 우리의 도구 / OSS를 구매하지 않는지 궁금합니다. 비즈니스 소유자는 엔지니어가 아닙니다 (대부분), 전문성을 평가하기 위해 필요한 것은 현금 흐름, 로고 및 브랜드, 정확하게 OSS 프로젝트에없는 것들.

당신에게 나의 제안 : 대리인이! @JohnB 또는 @Rafael를 고용, 또는 여기 : https://99designs.com.au , 브랜드의 엔지니어가 자신의 일을 할 수 있도록하는 $ (350) 아래로 넣어 "대회"를 작성, 당신은 것입니다 새 로고를 좋아 한 다음 기술을보다 효율적으로 적용 할 수있는 작업에 집중하십시오.

불행히도, 새 로고는 둔하고 일반적이며 기억에 남지 않습니다.

왜 지구상에서 고무 오리를 회색으로 만들고 고무질을 제거 하시겠습니까? 고무 오리는 아이들을위한 장난감, 즉 이미지의 힘입니다. 사람들은 어떤 식 으로든 물건을 기대하거나 혼란스럽고 무의식적으로 제품에서 도망칩니다.

오래된 디자인은 실제로 메시지를 전했기 때문에 더 나았습니다 .5 초 안에 VBA를 처리하고 색상이 생생하며 모두가 웃는 노란 고무 오리를 좋아한다면 코딩을 쉽게하는 도구라는 것을 이해할 수 있습니다. 수영, 그것은 "신선한", "장난"과 "쉬운"의 이미지를 보냅니다.

문제가 보입니까? 당신은 당신의 오래된 로고에 대한 모든 좋은 것들을 빼앗아 지금은 일반적인 실루엣, 의미, 메시지 또는 색상이없는 일반적인 글꼴을 사용하는 일반적인 단어로 남습니다 (더 나쁜 것은 회색이 우울증과 관련이 있습니다. 우리의 뇌에 신호를 보내지 않는 색은 사람들이 "둔한"것을 언급하는 이유입니다.

그리고 여러분은 엔지니어로서 문제에 접근하고 있습니다. 디자인 프로세스를 "객관적으로 수량화"할 수 있다고 생각할 수는 없습니다. 예술의 한 형태이며 "방법"이 있지만 기계에 대한 디자인 방법은 없습니다. 음악 쓰기 (오각형에서 음악 읽기와 반대).

무례하다고 생각되면 사과하고, 객관적이 되려고 노력하고 있습니다. 디자인 / 브랜드 / 컬러 / 심리학은 제가 읽고 배우는 분야이지만, 일을 끝내야 할 때 전문가를 고용하는 것이 좋습니다 .

로고 디자인을 그레이 스케일로 유지하고 둔해지지 않도록 할 수 있다고 생각합니다. 회색 디자인은 오리 아이콘에서 더 깊이 있고 양식화 된 처리로 이점을 얻을 수 있습니다. 지금은 너무 바래서 서체 뒤에서 길을 잃었습니다.

또한 내가 모르는 디자인 원칙을 위반하는지 여부를 알고 싶습니다. 아마도 중요한 명암 문제가 표시되지 않거나 너무 작은 잘못된 글꼴을 사용하고있을 것입니다.

그것에 대해 나는 타이포그래피 규칙에 대해 이야기하고 싶습니다.

오른쪽으로 보이는 문자의 선은 세로선보다 두껍게되기를 원합니다.

K의 오른쪽 아래 부분을 생각하십시오.

이것은 글꼴이 아닌 — 글꼴이 아닙니다.

수평선은 수직선보다 더 얇아지기를 원합니다.

아님 — 서체에서 수행됩니다.

글꼴에 표시되는 것은 삼각형과 원의 팁에 대한 규칙입니다.

위 또는 아래 표시는 글꼴 기준선보다 높거나 낮습니다.

당신의 B를보십시오.

윗부분이 더 높아집니다.

내가 말한 모든 한도에 대해, 단어의 시작 부분의 대문자는 가독성을 증가시킵니다.

모든 모자가 반드시 그런 것은 아닙니다.

그리고 소리의 방향으로 조금갑니다.