모든 온라인 플랫폼을 위한 멋진 시각적 브랜드를 DIY하는 방법(포토샵 필요 없음)

브랜드 아이덴티티를 구축하는 것은 단순히 비주얼에 관한 것이 아닙니다. 하지만 그래픽을 잘 활용하면 청중에게 "프로"라고 외치는 세련된 레이어를 추가할 수 있습니다.

그것은 블로그, 유튜브 채널, 상점 또는 완전히 다른 무엇이든 관계없이 구축하는 것과 상관없이 원하는 것입니다. 브랜드 또는 시각적 자산만 업데이트하는 경우에도 중요합니다. (휴일 테마 소셜 미디어 프로필, 누구?)

게다가, 썸네일 이미지를 흔들 수 있는 방법을 모르는 YouTuber로 두각을 나타내는 것보다 킬러 그래픽으로 뜨거운 새로운 YouTuber로 두각을 나타내는 것이 훨씬 낫습니다. 아시죠?

운 좋게도 요즘에는 옵션이 있습니다. 전문 디자이너에게 투자할 준비가 되지 않았고 Photoshop을 배울 생각만 해도 소름이 돋는 경우에도 모든 프로젝트 또는 플랫폼을 위한 훌륭한 시각적 브랜드를 구축할 수 있습니다.

기존 브랜드를 업데이트하든 완전히 새로운 프로젝트를 시작하든, 시각적 개체가 적절한지 확인하세요. 초보자 친화적 인 도구를 사용하는 방법은 다음과 같습니다.

브랜드 전략 개요

시각적으로 자세히 알아보기 전에 브랜드를 보다 총체적으로 볼 필요가 있습니다. 글꼴, 색상, 로고, 비주얼 머천다이징만이 중요한 것이 아닙니다.

브랜드의 기초는 당신이 누구이고, 당신이 무엇을 지지하며, 당신이 누구를 섬기는가입니다. 알고 나면 세부 사항이 훨씬 쉬워집니다.

브랜드의 기초는 당신이 누구이고, 당신이 무엇을 지지하며, 당신이 누구를 섬기는가입니다.

브랜드를 더 잘 이해할 수 있도록 다음 질문에 답해 보세요.

• 너 뭐하니?
• 왜 합니까?
• 누구를 섬기나요?
• 그들은 무엇을 필요로합니까?
• 무엇이 당신을 다르게 만드는가?

그리고 기억하십시오. 모든 사람에게 모든 것이 될 수는 없으며 시도해서는 안 됩니다. 최고의 브랜드는 무언가를 대표하는 브랜드이므로 땅에 지분을 두는 것을 두려워하지 마십시오.

이것은 목록에 몇 가지 질문을 추가하는 것을 의미할 수도 있습니다.

• 뭘 안해 ?
• 누구를 섬기지 않습니까 ?

예를 들어, 당신이 전통적으로 남성이 지배하는 산업이나 틈새 시장에 속해 있지만 브랜드가 여성 고객에게 초점을 맞추고 있다면 이는 중요한 사항입니다. 아니면 당신이 요가 브랜드일 수도 있지만, 당신은 그들이 "요가 사람"이 될 거라고 생각해본 적이 없는 사람들을 위한 것입니다.

비주얼뿐만 아니라 브랜드의 모든 측면에 대한 견고한 기반이 마련되면 선택하기가 훨씬 쉽습니다.

추가 읽을거리: 브랜드의 모든 부분을 정리해야 합니까? 브랜드 구축을 위한 7단계 가이드를 확인하십시오.

시각적 브랜드 아이덴티티 구축

기초를 잘 다졌다면 이제 비주얼로 넘어갈 차례입니다.

강력한 시각적 브랜드를 가진 회사는 경쟁에서 우위에 있습니다. 대부분의 경우 로고를 보지 않고도 광고나 게시물을 알아볼 수 있기 때문입니다. 사용하는 글꼴에서 이미지 처리에 이르기까지 시각적 개체와 일관되기 때문입니다.

여기 예가 있습니다. 누가 이 광고를 만들었다고 생각합니까?

아니면 이것?

첫 번째 광고는 오랫동안 운영되는 iPod 광고 스타일의 Apple 광고이고 두 번째 광고의 글꼴은 Nike 라는 것을 즉시 알 수 있습니다. 이것이 일관된 로고 사용, 글꼴 사용 및 제품 디자인을 포함한 일관된 시각적 브랜딩의 힘입니다.

비주얼에 일관성을 추가하여 이러한 대형 브랜드만큼 식별할 수 있는 브랜드를 구축하여 Pinterest에서 핀이나 Youtube 커버 이미지를 볼 때마다 그것이 귀하의 것임을 알 수 있습니다.

이를 잘 수행하는 브랜드 중 하나가 파이낸셜 다이어트(Financial Diet)입니다. 다음은 그들의 Youtube 페이지, 웹사이트 및 상점에서 가져온 몇 가지 이미지로, 모두 동일한 일관된 브랜드의 일부임이 분명합니다. 팬이 이미지를 보자마자 TFD에서 가져온 것임을 알 수 있습니다.

일관된 브랜딩은 미래의 팬과 고객이 귀하를 찾는 데 도움이 되는 또 하나의 방법이며, 시간이 지남에 따라 이러한 시각 자료는 귀하에게 익숙한 것과 동일한 고품질 콘텐츠 또는 제품을 기대할 수 있다는 단서를 제공합니다.

브랜드에 무엇을 사용할 것인지 결정할 때 선택한 대상을 적어 두십시오.

• 글꼴 : 제목에 어떤 글꼴을 사용하시겠습니까? 본문에 어떤 것을 사용하시겠습니까? 강조를 위해 어떤 글꼴을 사용합니까?
• 색상: 브랜드에 적합한 색상은 무엇입니까? 몇 가지 색상을 사용할 것인가? 선택할 때 각각에 대해 16진수 코드를 기록해야 합니다. 이 코드는 #5c6ac4와 같이 표시됩니다. 이것이 대부분의 웹 플랫폼이 원하는 정확한 색상을 사용하고 있는지 확인하는 방법입니다.
• 패턴: 줄무늬를 사용합니까? 물방울 무늬? 패턴이 없습니까? 그것을 기록하고 당신이 좋아하는 예를 저장하십시오.
• 이미지 처리: 모든 이미지가 흑백입니까, 아니면 선명한 색상을 원하십니까? 이미지에 항상 사람이 있습니까? 일러스트레이션만 사용하시겠습니까?
• 로고 변형: 로고 를 사용하는 다양한 방법은 무엇입니까? 텍스트 기반 로고, 아이콘 또는 둘 모두가 있습니까?

여기에서 브랜드 스타일 가이드가 유용할 수 있습니다. 브랜드에 대해 내린 모든 결정을 추적하는 데 도움이 될 수 있으므로 다음에 무언가를 만들어야 할 때 마치 자신이 만든 것처럼 보일 수 있습니다.

스타일 가이드는 그래픽 생성을 가상 비서(또는 성장에 따라 다른 직원)에게 넘길 때 도움이 될 수 있으며 앱을 사용하여 그래픽을 빌드하는 경우 계속 추적할 수 있습니다.

로고 만들기

Nike swoosh와 같은 아이콘에 맞서면 로고 디자인이 어렵게 느껴질 수 있지만, 필요한 모든 기능(및 그 이상)을 수행하는 로고를 만드는 데 도움이 될 수 있는 몇 가지 간단한 규칙이 있습니다.

간단하게 유지

로고 로데오가 처음이라면 얼마나 다양한 크기가 필요한지 모를 수 있지만 생각보다 많습니다. 최소한 웹사이트의 파비콘(favicon)이 작동하려면 약간의 변형된 로고가 필요합니다. 파비콘은 URL 표시줄이나 웹 브라우저의 탭에 표시되는 작은 이미지입니다.

이 작업을 수행하는 가장 쉬운 방법은 로고를 단순하게 유지하는 것입니다.

매우 상세한 로고는 전체 웹 페이지에서 멋지게 보일 수 있지만 필요한 가장 작은 크기로 축소하면 어수선하고 복잡하거나 그냥 보기 흉하게 보일 수 있습니다. 인스타그램 아바타나 트위터 프로필 사진으로 축소하더라도 상세한 로고가 있으면 거칠 수 있습니다.

단순함은 당신의 친구입니다.

변형 만들기

지금까지 살펴본 모든 예는 정사각형 이미지이지만 웹사이트 헤더나 YouTube 배너 이미지는 어떻습니까? 둘 다 일반적으로 훨씬 더 많은 수평 공간을 제공하며 직사각형 로고 또는 워드마크가 더 적합할 수 있습니다.

다음은 월마트의 예입니다. 그들은 Facebook 프로필 사진에 정사각형 아이콘을 사용하지만 다른 장소에서 사용하는 직사각형 워드마크(일관성을 위해 아이콘을 통합한)도 있습니다.

맥락 고려

일반적으로 업계의 일부로 이해되는 특정 항목이나 모양이 있을 수 있습니다. 금융을 위한 달러 기호, 화장품을 위한 메이크업 브러쉬, 그런 종류의 것들을 생각해보세요. 업계에서 사용되는 일반적인 색상도 있을 수 있습니다.

그것에 기대어 일반적인 기호, 색상 또는 규칙을 사용할 것인지 아니면 완전히 피할 것인지는 귀하에게 달려 있습니다. 의도적으로 선택했는지 확인하십시오.

로고를 만드는 방법

이것은 기억해야 할 것이 많다고 생각하고 아마도 긴장하고 있는 곳입니다. 그리고 이 모든 작업을 수행하기 위해 Photoshop을 알 필요가 없다는 약속이 아니었나요?

네가 옳아. 당신을 위해 무거운 일을 할 수있는 앱이 등장하는 곳입니다.

Hatchful 은 로고 디자인에서 추측을 배제하는 iOS 및 Android용 앱입니다. 이 모든 것을 염두에 두고 제작되었으며 여러분의 약간의 정보만 있으면 사용 가능한 수백 가지 중에서 최고의 로고 템플릿을 선택하는 데 도움이 됩니다.

색상, 글꼴 등을 조정하고 필요한 모든 변형 및 자산을 다운로드할 수 있습니다. 무료로 사용할 수 있으며 정말 좋아하는 디자인에 약간의 돈을 투자하고 싶다면 프리미엄 로고 옵션이 있습니다. 하지만 편집을 마치고 새 로고를 다운로드할 준비가 된 경우에만 비용을 지불하면 됩니다. 및 브랜드 자산.

추가 읽을 내용: 여기에 로고를 만드는 데 도움이 되는 5가지 다른 로고 생성기가 있습니다(훌륭한 로고를 만드는 방법에 대한 추가 조언 포함).

플랫폼 브랜딩

요즘에는 웹사이트를 브랜드화하고 하루라고 부르는 것만으로는 충분하지 않습니다. 프로젝트에 따라 아직 웹사이트가 없거나 필요하지 않을 수도 있습니다.

그러나 어디에서 브랜드 구축을 시작하든(웹사이트, Youtube, Instagram 등 이름 지정) 어디에서나 비주얼에 주의를 기울여야 합니다.

즉, 사용 중인 모든 플랫폼에 적합한 크기와 색상의 브랜드 소셜 미디어 이미지가 필요합니다.

사용하는 모든 플랫폼에 적합한 크기와 색상의 브랜드 소셜 미디어 이미지가 필요합니다.

우리 는 각 플랫폼에 대한 각 이미지 크기의 전체 세탁 목록을 공유할 수 있지만 그렇게 하면 목록이 매우 길어질 뿐만 아니라 한 플랫폼이 레이아웃이나 선호하는 이미지 크기를 변경하는 즉시 오래된 목록이 됩니다. (사이즈 를 찾고 있다면 Sprout Social이 이 게시물에서 사이즈를 최신 상태로 유지하는 데 큰 역할을 합니다.)

하지만 그 모든 이미지 크기 정보를 처리할 도구를 사용하지 않으시겠습니까?

Hatchful은 Youtube, Facebook, Instagram 등을 위한 브랜드 소셜 미디어 이미지를 구축하고 앱에서 직접 다운로드할 수 있습니다. 이미지는 각 플랫폼에 적합한 형식과 크기로 지정됩니다.

각 이미지를 소셜 미디어 플랫폼에 업로드하기만 하면 브랜드가 표시됩니다.

그리고 트윗에 이미지를 추가하거나 Instagram을 위한 멋진 인용 이미지를 올려야 할 때 이를 위한 도구가 있습니다.

Canva는 권장되는 소셜 미디어 이미지 크기를 추적하므로 Pinterest 그래픽, Twitter 이미지, Youtube 썸네일 또는 기타 사전 크기의 소셜 미디어 이미지를 선택하기만 하면 됩니다. 글꼴, 색상 및 레이아웃이 기존 브랜드와 일치하는지 확인하기만 하면 됩니다.

멋진 소셜 미디어 이미지를 순식간에 만들 수 있도록 특별히 설계된 Buffer의 이미지 편집 도구인 Pablo를 사용하여 소셜 미디어 게시물에 최적화된 이미지를 만들 수도 있습니다.

사이트 또는 상점 브랜딩

프로젝트의 어느 시점에서 자신의 브랜드 웹사이트를 구축하고 싶을 것입니다.

때로는 첫 번째 단계이기도 하고 때로는 마지막 단계이기도 하지만 인터넷에 자신의 이름을 부를 수 있는 장소가 있으면 완전히 창의적으로 제어할 수 있으며 프로젝트에서 수익을 창출하는 데 큰 요인이 될 수 있습니다.

추가 읽을거리: 다음은 YouTube에서 돈을 버는 방법에 대한 포괄적인 설명입니다. 스포일러 경고: 일부 방법에는 비디오 스트리밍 사이트 외부에 자신의 웹사이트가 포함됩니다.

여기서 일관성이 훨씬 더 중요해집니다. 다른 플랫폼보다 시각적 유연성이 더 높기 때문입니다. 다음을 사용할 방법을 고려해야 합니다.

• 주제
• 이미지
• 글꼴
• 로고
• 그림 물감
• 주제

주제

사이트의 테마는 시각적 브랜드와 관련하여 대부분의 다른 결정의 기초가 됩니다. 집의 기초와 같다고 생각하십시오. 시작하기 위한 기본 틀을 제공하고 거기에서 취향에 맞게 사용자 정의할 수 있습니다.

그리고 아니요, 우리는 Property-Brothers 스타일의 철거 벽 사용자 정의를 말하는 것이 아닙니다. 그렇기 때문에 테마를 신중하게 선택하여 디지털 월(페이지 레이아웃이라고도 함)이 1일 차부터 원하는 것과 비슷한지 확인해야 합니다.

Shopify 스토어를 구축하는 경우 테마 스토어에서 시작하십시오. 구축하려는 항목, 가격 등을 기준으로 테마를 정렬할 수 있습니다.

추가 자료 : 주제를 선택하는 데 도움이 필요하십니까? 다음은 프로젝트에 완벽한 테마를 선택하기 위해 알아야 할 모든 것입니다.

이미지

사이트의 이미지에는 헤더 이미지, 블로그 게시물 이미지, 사이드바 이미지, 제품 이미지 등의 모든 것이 포함됩니다. 웹사이트는 이미지가 많은 경향이 있기 때문에 브랜드의 중요한 부분입니다.

이미지를 선택할 때 일관된 이미지 유형을 선택하여 모두 응집력 있게 보이도록 하세요. 이미지의 절반이 만화이고 나머지 절반이 고전적인 흑백 이미지인 경우 올바른 인상을 주지 못할 수 있습니다(물론 그렇게 하려는 경우는 제외).

이미지가 필요하십니까? 버스트가 도움이 될 수 있습니다. 프로젝트나 상점에 사용할 수 있는 무료 스톡 이미지 모음입니다.

글꼴

이미 브랜드의 글꼴을 선택했고 스타일 가이드에 글꼴에 대한 기록이 있으므로(맞나요?) 테마에 추가하는 것은 테마 편집기에서 선택하는 것만큼 쉬워야 합니다.

대부분의 테마와 대부분의 플랫폼에서는 드롭다운 목록에서 선택하는 것처럼 쉽게 만들 수 있습니다. 글꼴이 옵션으로 표시되는 한 모든 설정이 완료된 것입니다.

선택한 글꼴이 옵션으로 표시 되지 않는 경우 테마의 코드를 살펴봐야 합니다. 그것이 당신의 안전 지대를 벗어난다면 전문가에게 아웃소싱해야 할 때일 수 있습니다. Shopify에서 테마 사용자 지정과 같은 작은 작업을 도와줄 전문가를 찾을 수 있습니다.

로고

로고 변형에 대해 이야기했을 때를 기억하십니까? 귀하의 사이트를 설정해야 할 때가 오면 이러한 도구가 있으면 매우 기쁠 것입니다.

가장 작은 변형이 있는 경우 사이트의 파비콘으로 큰 도움이 되며 사이트 헤더에 더 넓은 버전을 추가할 수 있습니다. 의미가 있는 다른 사이트 요소에 로고를 추가할 수도 있습니다.

예를 들어 Shopify 스토어를 구축하는 경우 모든 배송 알림에 로고를 추가할 수 있으므로 브랜드에서 보내는 모든 이메일은 브랜드 가 표시됩니다.

다음은 고객에게 주문이 배송되었음을 알리는 캐나다 지방의 한 예입니다.

그림 물감

테마가 정해지면 일반적으로 일부 색상을 사용자 지정할 수 있습니다. 이미 선택한 특정 색상을 다시 살펴보고 사이트에서 일관되게 사용하고 있는지 확인하고 싶을 것입니다.

여기에서 귀하가 작성한 16진수 코드가 귀하의 웹사이트에서 브랜드 색상이 픽셀 단위로 완벽한지 확인하는 데 유용할 것입니다.

기억에 남는 브랜드 아이덴티티 구축

요즘에는 초보자에게 친숙한 몇 가지 앱으로 훌륭한 시각적 브랜드를 만들 수 있습니다. 견고한 시각적 요소는 온라인 프로젝트나 매장을 성공으로 이끄는 데 중요한 부분입니다.

로고를 만들고 모든 소셜 미디어 플랫폼을 최대한 빨리 브랜드화하려면 Hatchful이 최선의 방법입니다. 지금 iOS 또는 Android용 앱을 다운로드하면 Photoshop이 필요 없는 완전한 브랜드(또는 브랜드 변경) 온라인 인지도를 얻을 수 있습니다.

게다가 이 모든 도구는 소셜 미디어 프로필이나 웹사이트를 전체적으로 업데이트하려고 할 때마다 적용됩니다. 계절 비즈니스, 휴가철 또는 모든 중지를 요구하는 테마 제품 출시의 경우일 수 있습니다.

브랜딩을 업데이트하는 이유가 무엇이든 상관없이 흔들릴 준비가 된 것입니다.