학습 내용

색상, 디자인, 글꼴, 브랜드 콘셉트를 통해 비즈니스를 전문적이고 신뢰할 수 있게 보이도록 만드는 방법을 알아보세요. 이 가이드는 다음 내용을 단계별로 안내해요.

디자인 컨셉 만들기

시작하려면 비즈니스 계획과 대상 고객에 대해 최소한 대략적인 윤곽은 잡아 두는 것이 좋아요. 로고를 만들거나 글꼴을 선택하는 작업에 들어가기 전에, 브랜드에 신뢰도를 더하고 고객을 끌어들일 디자인 콘셉트 아이디어를 먼저 정리해야 해요. 먼저, 대상 고객을 충분히 이해하고 있는지 확인해 주세요. 대상 고객이 어떤 유형의 미디어를 소비하는지, 그리고 인터넷 안팎에서 어디에 시간을 보내는지 아는 것이 매우 중요해요. 이 정보를 바탕으로 경쟁사 사이트로 이동해 색상, 글꼴, 로고, 사진, 기타 디자인 요소를 살펴보세요. 어떤 색상을 사용하나요? 스크립트, 세리프, 또는 산세리프 글꼴을 사용하나요? 브랜드를 구축하기 위해 기본적으로 어떤 이미지를 사용하나요? 마음에 드는 점과 효과가 좋은 요소를 메모해 두세요.

브랜드 색상 선택

어떤 색상을 사용할지 결정하는 일은 부담스럽게 느껴질 수 있어요. 색상은 서로 다른 감정을 불러일으키며, 브랜드에 대한 반응에 영향을 미쳐요.  기본적인 색채 이론을 살펴볼게요.

  • 파란색
    신뢰, 지성, 자신감, 신뢰성, 평온함을 의미해요.
Examples of blue logos from different brands including facebook, twitter, Linkedin, etc.
Examples of blue logos from different brands including facebook, twitter, Linkedin, etc.

파란색은 자동으로 신뢰성과 믿음을 연상시키기 때문에 병원, 제약 회사, 정부 기관, 기술 회사에서 널리 사용돼요. 휴대폰에서 민감한 정보를 담고 있는 앱을 살펴보세요. 대부분 로고가 파란색일 가능성이 높아요.

  • 빨간색
    흥분, 주의, 자극, 강함을 의미해요.
Examples of red logos including KFC, Target, YouTube, Wendy's, etc.
Examples of red logos including KFC, Target, YouTube, Wendy's, etc.

빨간색은 다양한 효과를 줘요. 빨간색은 배고픔을 느끼게 하고, 심박수를 높이며, 화가 나게 하고, 주의를 끌어요. 또한 빨간색은 패스트푸드를 더 빨리 구매하게 하거나, 흥미진진하다고 느껴 영상을 보게 하거나, 필요하지 않은 것을 사게 만들 가능성을 높여요.

  • 초록
    지속 가능성, 내구성, 건강, 신선함, 친근함을 의미해요.
Examples of green logos including Starbucks, Sweetgreen, Whole Foods, etc.
Examples of green logos including Starbucks, Sweetgreen, Whole Foods, etc.

초록색은 친근하고 지속 가능한 에너지를 줍니다. 건강식 옵션과 아웃도어 브랜드에서 볼 수 있어요.

노란색(명랑함, 긍정적), 보라색(화려함, 신비로움), 검정색(VIP, 고급, 독점) 같은 다른 색상도 로고 디자인에 사용되지만, 위의 색상만큼 흔하지는 않아요.

어디서 시작해야 하나요? 중립적인 색상 1개, 대담한 색상 2개, 행동 촉구 색상 1개를 선택하세요. 좋아하는 색상 중에서 전달하려는 메시지와 잘 어울리는 색상으로 시작한 다음, 그 색상을 중심으로 다른 색상들을 채워 넣으세요. 색상이 서로 잘 어울리는지 확인해 주세요.

색상 구성에 대한 영감을 어디에서 얻을 수 있나요? Adobe Color CC로 이동하세요. “Explore” 탭에서 브랜드와 관련된 다양한 키워드를 검색할 수 있어요. 또한 “Create” 탭에서 원하는 다양한 색상 조합을 살펴볼 수 있어요.

브랜드의 색상을 고를 때 가장 중요한 것은 고객에게 전달하고 싶은 메시지를 떠올려 보는 거예요. 색상이 로고 디자인, 웹사이트, 그리고 판매할 수도 있는 상품에 어떻게 적용될지 생각해 보세요. 색 구성에 대한 아이디어가 생기면, 이제 글꼴로 넘어갈 준비가 된 거예요.

브랜드 글꼴 선택

브랜드 글꼴을 찾고 선택하는 일은 부담스럽게 느껴질 수 있어요. 결국, 수천 가지 글꼴이 있으니까요. 하지만 가장 중요한 점은 글꼴이 궁극적으로 몇 가지 범주, 즉 세리프, 세리프, 스크립트, 디스플레이로 나뉜다는 점이에요.

  • 세리프
    세리프 글꼴은 각 글자의 끝에 선이 붙어 있어요. 클래식하고 전통적이며 진지한 느낌을 줘요.
Example of a serif font
Example of a serif font
  • Sans Serif
    Sans Serif는 문자 그대로 “세리프가 없음”을 의미해요. 이 글꼴은 글자 끝에 선이 없어서 더 현대적인 느낌을 줘요. 세리프와 산세리프 글꼴은 모두 보통 읽기 쉬우며, 산세리프 글꼴이 약간 더 유리한 편이에요.
Example of a Sans Serif font
Example of a Sans Serif font
  • 스크립트
    스크립트 글꼴은 손글씨와 가장 비슷해 보이며, 글자들이 어떤 방식으로든 서로 이어져 있어요. 최근 몇 년 사이 인기가 크게 높아졌고, 재미있고 DIY 같은 분위기를 연출해요. 로고와 헤더에는 사용되지만, 본문 텍스트에는 거의 사용되지 않아요.
Example of a Script font
Example of a Script font
  • 디스플레이
    디스플레이 폰트는 주의를 끌어요. 가장 읽기 어렵기 때문에 의도적으로, 그리고 드물게 사용해야 해요.
Example of a Display font
Example of a Display font

브랜드와 웹사이트에 깊이감과 개성을 더하는 가장 좋은 방법은 같은 글꼴의 서로 다른 굵기를 조합하거나, 서로 다른 유형의 글꼴을 함께 사용하는 거예요. 대비되는 글꼴 굵기는 보통 세리프 또는 산세리프 글꼴과 함께 사용하며, 굵게 표시된 헤더를 더해요.

Examples of Serif and Sans Serif fonts with Lorem Ipsum text underneath each
Examples of Serif and Sans Serif fonts with Lorem Ipsum text underneath each

반면 서로 다른 글꼴 유형을 사용하는 것은 세리프 글꼴과 산세리프 글꼴을 함께 사용하는 것처럼 보일 수 있어요. 보통 세리프 글꼴은 헤더로 사용하고 산세리프 글꼴은 본문 텍스트에 사용해요. 스크립트 글꼴과 디스플레이 글꼴을 헤더로 사용하고 세리프 또는 산세리프 글꼴을 함께 사용할 수도 있지만 주의가 필요해요. 결국에는 콘텐츠를 쉽게 읽을 수 있도록 해야 해요. 마지막으로 다른 브랜드와 밀접하게 연결된 글꼴은 선택하지 마세요(예: Coca-Cola, Sopranos, Harry Potter 등). 무료 글꼴을 다운로드할 수 있는 유용한 리소스로는 Google fonts가 있어요.

Examples of 2 Seriffonts with Lorem Ipsum text underneath each
Examples of 2 Seriffonts with Lorem Ipsum text underneath each

로고 디자인

경쟁사의 디자인을 조사하고, 브랜드에 잘 맞을 것 같은 색상 구성표를 만들고, 글꼴을 선택하는 어려운 작업을 모두 끝냈으니 이제 로고를 만들 차례예요. 시작하기 전에, 로고를 만들 때 염두에 두면 좋은 몇 가지 개념을 살펴볼게요.

로고는 다음과 같아야 해요:

  1. 간단합니다.
  2. 확장 가능(즉, 광고판에서처럼 모바일 기기에서도 쉽게 읽을 수 있음)
  3. 기본적으로 가로형

로고를 만들 때는 두 가지 옵션이 있어요. 직접 로고를 디자인하거나 다른 사람에게 디자인을 맡길 수 있어요. 직접 디자인해 보고 싶거나 몇 가지 옵션을 시도해 보고 싶지만 비싼 새 소프트웨어에 투자하고 싶지 않다면 GIMP, Inkscape, Pixlr, Canva 같은 무료 이미지 편집 및 디자인 도구를 사용해 로고를 만들 수 있어요.

디자인할 때는 브랜드의 최적 확장성을 위해 다음과 같은 로고 같은 이메일의 다른 버전이 필요하다는 점을 염두에 두세요: 

  • 배경은 투명한 흰색입니다.
  • 텍스트 색상을 사용하면 어두운 색과 밝은 색 텍스트 옵션을 제공할 수 있습니다.
  • 도형에는 정사각형, 가로형, 그리고 파비콘용 옵션이 포함돼요.

직접 만들지 않고 로고 디자인을 맡길 사람을 고용하고 싶지 않다면, Shopify 앱 Hatchful을 사용하면 무료로 로고를 디자인할 수 있어요. 로고가 브랜드와 업계 모두에 잘 어울리는지 꼭 확인해 주세요.

사이트가 정상적으로 운영되기 시작하면 이메일, 웹사이트 및 기타 커뮤니케이션에 생동감을 더하기 위해 몇 장의 스톡 사진과 동영상이 필요할 수 있어요. Unsplash, Gratisography, Pexels는 모두 브랜드를 강화하는 데 도움이 되는 고품질 스톡 사진과 동영상을 제공해요.

결과

브랜드 색상, 스타일링, 로고가 준비되었는데, 이제 무엇을 해야 할까요? 다음으로, 웹사이트를 어디에서 호스팅할지 결정하세요. 무언가를 판매하고 있나요? 웹사이트의 브랜딩 선택을 염두에 두고 전자상거래 스토어를 설정하세요. Klaviyo와 통합되는, 필요할 수 있는 플랫폼에 관한 문서를 확인해 보세요. 브랜딩과 디자인 방향을 정하고 나면, 브랜드에 맞는 콘텐츠를 훨씬 더 쉽게 만들 수 있어요.

추가 자료

이 도움말 문서가 유용했나요?
이 형식은 도움말 문서 피드백 용도로만 사용하세요. 지원 팀에 문의하는 방법.

Klaviyo에서 자세히 살펴보기

커뮤니티
동료, 파트너, Klaviyo 전문가와 연결되어 영감을 받고 인사이트를 공유하며, 모든 궁금한 사항에 대해 답을 얻으세요.
파트너
특정 작업을 도와주거나 지속적인 마케팅 관리를 위해 Klaviyo 인증 전문가를 고용하세요.
지원

계정을 통해 지원에 액세스하세요.

이메일 지원 (무료 체험 및 유료 계정) 연중무휴 24시간 사용 가능

채팅/가상 비서
사용 가능 여부는 위치 및 요금제 유형에 따라 다름