arrow_back

© INDEEP Inc. All rights reserved.

+82.2.576.3320

INSIDE INDEEP

반응형 로고 디자인 사례

반응형 디자인은 이미 오래전부터 웹디자인 분야에서 유행이 아닌 필수로 자리 잡은 만큼, 그에 따른 반응형 로고 디자인도 꽤 중요해질 것입니다. 예시를 한번 살펴볼까요?

안녕하세요! 인딥입니다.

디바이스의 다양화에 따른 반응형 디자인의 트랜드는 앞으로도 계속될 것으로 보입니다. 기존에 익숙했던 웹 사이트의 레이아웃 및 콘텐츠에 대한 변형뿐만 아니라 로고 또한 디바이스의 해상도에 따라 최적화되어 보여질 수 있도록 개발되는 추세입니다. 데스크 탑 PC만이 대표적인 디바이스로 사용되던 때와 달리 스마트폰, 태블릿PC 등 다양한 멀티디바이스를 사용하고 있는 요즘, 브랜드 아이덴티티의 기본인 로고 디자인도 다양한 디바이스에 반응할 수 있도록 최적화된 디자인이 필요해진 것 입니다. 

반응형 디자인은 이미 오래전부터 웹디자인 분야에서 유행이 아닌 필수로 자리 잡은 만큼, 그에 따른 반응형 로고 디자인도 꽤 중요해질 것입니다. 예시를 한번 살펴볼까요?



샤넬의 로고를 예를 들어 대표적인 디바이스인 데스크탑, 태블릿, 스마트폰에서 로고의 반응형 디자인을 살펴 보도록 하겠습니다. 데스크탑 사이즈의 샤넬 로고와 달리 태블릿 크기의 해상도에서는 기존의 디자인에 비해 한결 간결해지도록 심벌마크의 원형 테두리를 없앴습니다. 디바이스 해상도가 작아졌을 때, 로고 디자인의 명확한 시안성을 위해 불필요한 부분이 사라지도록 한 것입니다. 모바일 해상도에서 샤넬은 아예 심벌마크를 워드마크에 조합한 모습으로 표현하여 더욱 간결하게 브랜드를 인지할 수 있도록 하였습니다.



두번째로 코카콜라 로고의 변화를 살펴보겠습니다. 코카콜라의 로고는 타브랜드들의 로고보다 좀 더 복잡한 구성을 띄고 있습니다. 대부분의 로고들이 심벌과 텍스트가 쉽게 분리될 수 있는 이중구조를 가지고 있으나 코카콜라는 텍스트와 그래픽이 조화된 로고이기 때문에 반응형에서 로고를 어떻게 단순화 시켜 시각적 요소를 극대화할지 주목되는 부분 입니다. 태블릿PC 에서는 로고의 형태는 유지하되 인지가 어려운 상단과 하단의 텍스트를 배제하여 간결화 하였습니다. 해상도가 더욱 작아지는 모바일에서는 기존의 복잡한 로고 형태가 사용자에게 인지될 수 없음을 감안하여 coca-cola의 줄임말인 coke로 텍스트를 변경하고 아이덴티티는 유지한 로고를 사용하고 있습니다.