반응형 로고: 잘 설계된 웹 혁신 (Responsive logos: our well-deserved web innovation)

이 글은 Ksenia PedchenkoResponsive logos: our well-deserved web innovation글을 번역했습니다. 저의 모든 글은 허가를 받고 진행 하였습니다

당신은 아직도 크기 조정만으로 충분하다고 생각하나요?

저는 좋은 로고의 중요성에 대한 수백 개의 글를 썼습니다. 트렌드, 최고의 경험, 예상치 못한 발견을 수용하세요. 하지만 저는 또 다른 "!"에 초점을 맞추고 있습니다. 즉, 반응형 로고의 현상입니다.

먼저 자극을 주세요

얼마 전에 저는 뛰어난 영국 디자이너이자 디지털 실험가인 조 해리슨의 프로젝트(project of Joe Harrison)를 발견했습니다. 그는 데스크탑과 모바일 스크린에 대한 대안을 제시하기 위해 샤넬, 나이키, 하인즈, 월트 디즈니, 레비 등 잘 알려진 로고들을 골랐습니다. 오, 저는 그가 어떻게 로고타이프(logotype)가 없이 할 수 있는 세부사항들을 제거하는지 연구하는데 많은 시간을 보냈고, 대체 불가능한 것만을 남겨두고 있는 텍스트들과 함께 일해요.
presentation
Joe Harrison의 반응형 로고입니다
많은 영감을 받고 감동받은 저는 반응하는 로고 철학의 본질을 받아들이고 여러분을 트렌드에 더 가까이 다가가기 위해 최선을 다했습니다. 그것은 모든 웹사이트에서 생겨나고 실행될 것입니다.

로고는 브랜드입니다

비록 여러분에게 로고가 신성하지 않고 기술이 발전함에 따라 반드시 바뀌어야 한다는 것이 꽤 명백하지만, 몇 년 전에 많은 크리에이터들과 회사들은 이 질문을 심각하게 다루지 않았습니다. 실제로, 전통적으로 우리는 다음과 같은 브랜드 캐논을 가지고 있습니다.
  • 브랜드는 로고입니다,
  • 로고는 브랜드입니다,
  • 로고는 브랜드의 아이덴티티 시스템을 철저히 따라야 합니다.
그러나 펩시(Pepsi)슬랙(Slack)과 같은 유명한 기업들은 그 반대임을 증명하고 로고를 회사의 얼굴처럼 여깁니다. 이 얼굴은 다를 수 있고 상황이나 배경에 적응할 수 있으며, 일단 인지할 수 있게 되면 그것은 움직일 수 없고 피할 수 없는 도장이 아닙니다. 그들은 모델에서 한 발짝 벗어나면 공동체가 더 이상 그것들을 인정하지 않을 것이라는 대중의 두려움을 뒤로 하고, 상표 실험을 서두릅니다.
presentation
슬랙(Slack) 브랜드 가이드라인에서 로고가 다릅니다.
슬로건을 없애고 로고마크를 그냥 두세요? 색, 효과, 질감을 가지고 놀아요? 아이콘 로고를 제거합니까? 바로 반응 로고에 대한 것입니다. 기억하세요, 여러분이 무엇을 시도하든, 기업의 정체성은 그대로 유지되어야 한다는 것을요.

어떻게 반응할 수 있습니까?

반응성 달성을 목표로, 무엇보다도, 여러분은 여러분이 알고 있거나 가지고 있는 단 하나의 이미지에 자신을 붙이지 말아야 합니다. 대신 상자 밖에서 생각해 보세요! 로고에 바탕 화면에서 볼 수 있는 작은 세부 사항이 많이 포함되어 있는 경우, 우아함을 유지하기 위해 모바일에서 로고를 피합니다. 가능한 한 단순화하세요. 색상, 구성, 모든 것을요!
로고 없이 디자인할 수 없는 가장 독특한 요소를 철저히 연구합니다. Medium 로고를 나타내는 'M'처럼요. 마치 Pepsi(again)가 모바일 버전에 대해 로고마크를 그대로 둔 것처럼 말입니다. 또는 K자 모양의 로깅이 완벽하게 인식되는 K자 모양의 Kodak이 작은 화면에서 브랜드 이름을 삭제했습니다.
presentation
Kodak, Medium 및 Pepsi 반응형 로고가 있습니다.
그러나 로깅 유형을 줄이는 것이 가장 분명하며, 간단한 해결책도 있습니다. 예를 들어, 모양과 질감을 사용하여 시각적으로 밝게 하는 것과 같은 몇 가지 공상적인 대안이 있습니다. 또는 Google의 경험을 확인해 보세요. 그들의 'G' 축소 모형은 브랜드 특성이 존중되는 색상 팔레트를 줄이고 연주하는 멋진 공생입니다. 사실, 여러분들을 묶을 것은 아무것도 없습니다. 단지 표면에 독특한 특징들을 유지하세요.
presentation
Google, Jaguar 및 Premier League의 반응형 로고입니다.
그런데 SVG 포맷을 사용할 수 있습니다. 아직 재설계를 할 준비가 되지 않은 경우 확장 기능이 상당히 향상되기 때문입니다. 어디에서나 로그 형식이 멋져 보일지 확신할 수 있지만, 작은 세부 정보로 가득 차 있는 포장은 피하는 것이 좋습니다. 이 경우에는 스마트 크기 조정 기능이 작동하지 않습니다.
SVG 로고의 크기를 조정하는 동안 분해도 시도할 수 있습니다. 제 말은, 여러분은 단지 오리지널 요소, 타이포그래피, 프레임, 그림자를 제거할 수도 있습니다. 이것은 강제적인 재설계를 의미하는 것이 아닙니다. 말 그대로, 여러분이 할 수 있는 모든 것을 지우기만 하면 됩니다!
presentation
PayPal, Adobe 및 InVision 반응형 로고입니다.
스마트함과 완벽한 디지털 편의성 덕분에, 제가 보는 바와 같이, 그리고 개척 기업의 경험으로 볼 때, 응답성이 뛰어난 로고는 환영할 만한 유행에 머물지 않을 것입니다. 대신, 그들은 꼭 필요한 존재가 되어야 합니다. 그리고 비록 지금은 반응하는 로고가 아주 드물지만, 그것들을 어디에나 가지고 있는 것은 시간 문제이지, 그 이상은 아닙니다.

이 글은 번역 글입니다. 원본 링크입니다.


안녕하세요! Early adopter입니다.
페이스북 [DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다.
"보버"에서 "디자인 번역 공장" 연재를 저와 함께 해주실 분을 찾습니다. 하단 "리뷰" 또는 "페이스북"으로 편하게 메시지 주세요!
PS. 제가 사용하는 블로그 "보버"에 "함께 쓰는 블로그"라는 기능이 요번에 추가됐네요 ㅋ (미디엄에 퍼블리케이션 같은 기능..)
하단 링크 글을 보시면 "디자인 번역 공장"에 어떻게 함께 연재할 수 있는지 자세히 설명되어있습니다. 또는 쉽게 FB 메시지 주세요!
https://bit.ly/2LxR0Bz