권장 브라우저 안내

이 웹사이트는 Internet Explorer 9 버전 이상에서만 이용 가능합니다.
편리한 사이트 이용을 위하여 최신 브라우저로 업그레이드해주시기 바랍니다.

다크 모드로 보기 라이트 모드로 보기

저희와 함께 하시겠습니까?

프로젝트 의뢰는 아래로 문의 주시기 바랍니다.
websre@naver.com
Tel: 1800-9356

본문 바로가기

News

웹스리퍼블릭의 공지사항을 확인하세요.

Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now
News
February 21, 2019
Article

반응형 로고 디자인을 고려해야 하는 이유

본문

로고는 브랜드의 심장이라고 해도 과언이 아닙니다. 오늘날 크로스채널 지형에서 단순히 멋진 로고만으로는 충분하지 않으며, 이제 로고는 다이내믹해야 합니다. 인쇄, 모바일, 디지털 및 소셜 플랫폼 전반에서 지원되어야 하며 크기와 상관없이 명확하고 매력적이어야 합니다.

어도비 인디자인 CC어도비 일러스트레이터 CC와 같은 프로그램과 오픈타입 글리프 또는 화면 최적화를 위한 가변 글꼴을 사용하면 최적화된 반응형 로고를 디자인할 수 있습니다. 이렇게 탄생한 로고는 언제 어디에서나 매력적으로 보일 수 있습니다. 이러한 로고를 만들기 위해서는 먼저 다양한 플랫폼에서 어떤 속성이 영향을 받는지를 이해하고 적합한 툴을 사용해야 합니다.

반응형 로고가 중요한 이유

로고는 비즈니스에서 매우 중요한 역할을 합니다. 브랜드의 “개성”에 대한 고객의 첫인상은 로고를 본 후 몇 초 만에 결정됩니다. 로고 디자인은 브랜드 정체성을 정의하고 고객의 참여를 유도하며, 브랜드를 경쟁사와 차별화하고 고객 충성심을 고취시킵니다.

이외에도 로고는 많은 기능을 합니다. 또한 대형 간판에서 작은 앱 아이콘에 이르기까지 로고의 시각적인 기능은 효과적이어야 합니다. 모바일 사용과 소셜 채널이 급증하고, 항상 온라인 상태를 유지하는 디지털 문화가 자리 잡은 현시점에서 로고는 디바이스 또는 화면 크기와 관계없이 로고만의 고유한 매력을 발산할 수 있어야 합니다.

로고 출처: 프리다 메드라노(Frida Medrano)

로고의 디지털 버전은 예를 들어 웹 페이지 상단에 있는 가로 막대, 페이지 양쪽에 있는 세로 공간, 소셜 미디어의 사각형 및 원형 스팟과 같은 다양한 영역을 고려하여 만들어져야 합니다.

“지금의 디지털 환경은 꽤 가변적입니다. 다시 말해 태블릿, 모바일, 데스크톱 등 다양한 크기의 화면뿐만 아니라 인쇄까지 고려해야 합니다. 또한 명함부터 대형 광고 게시판, 포스터에 이르기까지 모든 규모로 디자인해야 합니다”라고 타이포그래피 전문 그래픽 디자이너 프리다 메드라노(Frida Medrano)는 말합니다.

“반응형 로고를 통해 다양한 공간과 상황에서 브랜드를 표현할 수 있고, 브랜드와 함께 디자인 가치를 높일 수 있다”고 프리다는 말합니다.

완벽한 로고를 디자인하는 방법

로고 디자인에 정해진 규칙은 없지만, 매력적이고 유연한 반응형 로고를 디자인하기 위해 참조할 수 있는 모범 사례는 많습니다.

1. 비주얼 전략 구상

먼저 브랜드에 적합한 비주얼 전략을 구상하는 것이 중요합니다. 작업 중인 브랜드와 해당 브랜드의 경쟁사를 이해하기 위해 스스로 다음의 질문을 해 보십시오.

  • 브랜드가 무엇을 표현하고자 하는가?
  • 브랜드의 고객은 누구인가?
  • 경쟁사와는 다른 브랜드만의 차별화 요인은 무엇인가?
  • 경쟁사의 로고는 어떤 디자인인가?

훌륭한 로고는 독창적이고, 시대를 초월합니다. 신선하고 현대적이어야 할 뿐만 아니라 시간이 흘러도 고유한 매력을 유지해야 합니다. 또한 실질적인 아이디어를 전달할 수 있을 만큼 복합적이고, 사용 용도와 관계없이 효용성을 발휘할 수 있을 만큼 단순해야 합니다.

어도비의 크리에이티브 클라우드 팀이 제공하는 권장 사항은 야구 모자에 로고를 부착한 모습을 떠올리면서 로고의 효용성을 테스트해 볼 것을 권장합니다. 즉, 로고를 야구 모자에 부착할 수 있을 만큼 단순하다면 다른 곳에도 비교적 쉽게 사용할 수 있다는 의미이기 때문입니다.

로고 출처: 프리다 메드라노(Frida Medrano)

2. 시각적 요소 고려

복합적이지만 단순한 로고 마크는 부분적으로 대비, 반복, 정렬 및 근접과 같은 시각적 요소에 의해 좌우됩니다. 아이콘 또는 워드마크에 사용된 굵은 획과 얇은 획의 대비를 자세히 살펴보십시오. 크기에 따라 대비가 바뀌는 로고의 여러 가지 변형 버전을 만들어야 할 수 있습니다.

“완벽한 로고는 스마트한 개념과 기능을 모두 갖추어야 한다고 생각한다”고 프리다는 말합니다. “이는 형태와 심미적 요소가 디지털 디자인과 인쇄 디자인에 모두 효과적이어야 한다는 의미입니다.”

로고 출처: 프리다 메드라노(Frida Medrano)

3. 문자 디자인의 이해

어도비 크리에이티브 클라우드는 강력한 반응형 로고를 디자인하는 데 필요한 모든 툴을 갖추고 있습니다. 디자이너는 인디자인을 이용해 모양과 타이포그래피 중심의 로고를 만들 수 있고 일러스트레이터에서는 벡터 모양을 이용해 온라인 화면과 인쇄상에서 멋지게 표시되는 로고를 만들 수 있습니다. 벡터 아트는 품질을 그대로 유지하면서 모든 크기에 맞게 비율이 조정되기 때문입니다.

유연하고 생명력이 긴 로고를 만들려면 문자 디자인에 대한 이해가 전적으로 필요합니다. 예를 들어 문자가 포함된 로고 디자인이라면 해당 문자가 모든 플랫폼과 모든 크기의 화면에서 어떻게 표시되는지를 고려해야 합니다. 로고 디자이너는 화면 최적화를 위해 오픈타입 글리프를 주로 이용합니다. 프리다는 이제 일러스트레이터에서 제공되는 새 글꼴 포맷을 기반으로 하는 가변 글꼴을 사용할 것을 권장합니다. 이러한 가변 글꼴 중 다수가 폭 및 시각적 크기에 대한 옵션을 제공하므로 디자이너가 로고타입의 크기 및 공간을 보다 효과적으로 제어할 수 있기 때문입니다. 또한 일러스트레이터에서 사용자 정의한 가변 글꼴은 인디자인으로 가져올 수도 있습니다.

4. 로고 테스트

로고 디자인을 모두 만들었다면 프라임 시간에 바로 노출시키기 전에 다양한 상황에 대비해 테스트를 수행해야 합니다. 모든 플랫폼에 로고를 배포하고 다양한 크기와 모양으로 배치해 봅니다. 그런 다음, 모든 크기의 화면에서 어떻게 표시되는지 살펴보고 소형 포맷과 대형 포맷으로 인쇄해 봅니다. 또한 여러 디자인 옵션을 고려 중이라면 A/B 테스트를 수행하여 가장 효과적인 디자인 옵션을 결정해야 합니다.

로고 출처: 프리다 메드라노(Frida Medrano)

가장 중요한 목표는 시각적 스타일이 뛰어날 뿐만 아니라 새로운 기술과 사용 패턴에 따라 적응할 수 있어, 시간이 흘러도 가치 있는 디자인을 만드는 것입니다.

“디자이너는 브랜드의 성장에 대비해 미래 가치가 있는 디자인으로 브랜드 이미지를 고취시켜야 한다”고 프리다는 말합니다.

반응형 로고 디자인을 만들 준비가 되셨습니까? 어도비 크리에이티브 클라우드로 시작해 보십시오.

 

원문보기

 

출처 : 어도비 블로그(https://blogs.adobe.com/creativedialogue/ko/design-ko/why-should-you-be-thinking-about-responsive-logo-design/)

Contact us

궁금하신 사항을 남겨주세요!
확인 후 빠른 답변 드리겠습니다.
  • T. websre@naver.com
  • M. 1800-9356
  • 예산을 선택해 주세요.
    • 100만원 이하
    • 300만원 이하
    • 500만원 이하
    • 700만원 이하
    • 1000만원 이하
    • 1000만원 ~ 2000만원
    • 2000만원 이상


디자인 샘플보기

상담톡
궁금한게 있으신가요? 무엇이든 물어보세요.