| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
- 포토샵
- 프로젝트클라우드
- 구름만드는공장
- 구름
- 포토샵cs4
- iclfac
- 축복
- 인터넷
- 소통
- 1000명에게축복받기
- icloudfactory
- 구름상자
- 인터넷강좌
- 프로젝트 축복
- Photoshop
- 클라우드 프로젝트
- 프로젝트
- 클라우드
- 천명에게축복받기프로젝트
- 프로젝트 클라우드
- 당신의꿈은무엇입니까?
- iclfac.com
- Photoshop CS4
- 천명에게축복받기
- 축복해요
- projectcld
- 포토샵강좌
- cloud
- 축복나눔
- 김팀
- Today
- Total
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
- 포토샵
- 프로젝트클라우드
- 구름만드는공장
- 구름
- 포토샵cs4
- iclfac
- 축복
- 인터넷
- 소통
- 1000명에게축복받기
- icloudfactory
- 구름상자
- 인터넷강좌
- 프로젝트 축복
- Photoshop
- 클라우드 프로젝트
- 프로젝트
- 클라우드
- 천명에게축복받기프로젝트
- 프로젝트 클라우드
- 당신의꿈은무엇입니까?
- iclfac.com
- Photoshop CS4
- 천명에게축복받기
- 축복해요
- projectcld
- 포토샵강좌
- cloud
- 축복나눔
- 김팀
- Today
- Total
구름만드는공장
유튜브 로고 분석, 빨간 재생 버튼은 왜 누르고 싶게 보일까? 본문
유튜브 로고는 읽는 로고가 아니다.
누르는 로고다.
빨간 사각형 안에 들어간 흰색 삼각형을 보면 사람들은 그것을 단순한 그림으로 받아들이지 않는다. 자연스럽게 영상이 시작되는 장면을 떠올린다.
삼각형은 오른쪽을 가리킨다.
오른쪽은 영상이 재생되는 방향처럼 느껴진다.
빨간색은 수많은 화면 요소 사이에서 빠르게 눈에 들어온다.
그래서 유튜브 로고는 브랜드의 이름을 알려주는 동시에 하나의 행동을 유도한다.
보는 순간 무엇을 해야 하는지 안다.
재생.
유튜브 로고가 강한 이유는 여기에 있다. 로고가 서비스를 설명하는 데서 끝나지 않고, 서비스 안에서 가장 중요한 행동을 그대로 상징한다.
유튜브 로고의 핵심은 재생 버튼이다
유튜브를 상징하는 가장 강한 형태는 빨간 재생 버튼이다.
모서리가 둥근 빨간 사각형.
그 안에 놓인 흰색 삼각형.
요소는 단순하다.
하지만 이 두 가지가 만나면 사람들은 곧바로 영상을 떠올린다. 재생 버튼은 오래전부터 영상기기와 미디어 화면에서 사용돼 온 익숙한 기호이기 때문이다.
유튜브는 새로운 상징을 만들어 사람들에게 가르치려 하지 않았다.
이미 사람들이 알고 있던 행동 기호를 가져와 브랜드의 얼굴로 만들었다.
이 선택은 굉장히 효율적이다.
사람들은 로고의 의미를 따로 공부할 필요가 없다. 언어나 국가가 달라도 삼각형 재생 버튼을 보면 무엇을 뜻하는지 대체로 이해할 수 있다.
좋은 로고는 반드시 완전히 새로운 모양이어야 하는 것은 아니다.
익숙한 상징을 자기 브랜드만의 방식으로 차지하는 것도 강한 전략이 될 수 있다.
유튜브는 재생 버튼을 만들지 않았다.
대신 재생 버튼을 보면 유튜브가 먼저 떠오르게 만들었다.
삼각형은 왜 오른쪽을 향할까
유튜브 로고 안의 흰색 삼각형은 오른쪽을 향한다.
작은 차이처럼 보이지만, 이 방향이 중요하다.
우리는 글을 읽거나 화면을 넘길 때 왼쪽에서 오른쪽으로 이동하는 흐름에 익숙하다. 오른쪽을 향한 형태는 앞으로 진행하거나 다음 장면으로 넘어가는 느낌을 만든다.
재생 버튼도 같은 방식으로 작동한다.
삼각형이 오른쪽을 향하면 영상이 앞으로 움직이기 시작할 것처럼 보인다. 반대로 왼쪽을 향하면 되감기나 이전 장면을 떠올리기 쉽다.
유튜브 로고는 정지된 그림이다.
하지만 삼각형의 방향 때문에 멈춰 있는 것처럼 느껴지지 않는다. 곧 영상이 시작될 것 같은 상태로 보인다.
이건 동영상을 다루는 브랜드와 잘 맞는다.
유튜브의 콘텐츠는 한곳에 가만히 놓인 이미지가 아니다. 재생되고, 멈추고, 앞으로 넘어가고, 반복되는 움직임이다.
유튜브 로고는 그 서비스의 핵심을 아주 작은 삼각형 하나에 담았다.
빨간색은 영상을 찾게 만든다
유튜브 하면 가장 먼저 떠오르는 색은 빨간색이다.
빨간색은 강하다.
배경에서 쉽게 튀어나온다.
작게 들어가도 존재감이 있다.
영상 플랫폼의 화면은 매우 복잡하다.
썸네일마다 색이 다르고, 채널마다 분위기가 다르고, 수많은 이미지와 글자가 한 화면에 함께 놓인다. 이런 환경에서 브랜드가 특정 이미지나 복잡한 무늬를 고정적으로 사용하기는 어렵다.
콘텐츠가 계속 바뀌기 때문이다.
하지만 빨간색 재생 버튼은 어떤 썸네일 옆에서도 유튜브의 표시로 남는다.
영상이 밝아도 보이고,
어두워도 보이고,
사진 옆에서도 보이고,
글자 사이에서도 보인다.
유튜브의 빨간색은 화면 전체를 지배하는 색이 아니다. 필요한 순간을 표시하는 색에 가깝다.
로고, 재생, 구독, 라이브처럼 사용자의 시선과 행동이 필요한 부분에서 힘을 쓴다.
색을 많이 쓰는 것보다, 어디에 써야 하는지를 정확히 아는 것이다.
처음에는 이름이 더 중요했다
초기의 유튜브 로고에서는 ‘YouTube’라는 이름이 중심에 가까웠다.
You와 Tube가 시각적으로 나뉘었고, Tube 부분은 빨간색 둥근 상자 안에 들어갔다. 지금처럼 재생 아이콘이 이름 앞에 독립적으로 놓인 구조는 아니었다.
당시에는 이 방식이 필요했다.
유튜브가 아직 널리 알려지지 않았기 때문에 사람들이 먼저 이름을 읽어야 했다. 심볼 하나만 보여줘서는 어떤 서비스인지 알기 어려웠다.
하지만 브랜드가 성장하면서 상황이 달라졌다.
사람들은 유튜브라는 이름을 이미 알고 있었다. 빨간색과 영상 이미지도 충분히 연결되어 있었다. 모바일 앱과 스마트 TV처럼 로고를 작게 표시해야 하는 화면도 계속 늘어났다.
긴 이름을 매번 전부 보여주는 방식보다, 작은 아이콘 하나로도 알아볼 수 있는 구조가 필요해졌다.
그래서 2017년 유튜브 로고의 중심이 달라졌다.
빨간 재생 아이콘이 글자 앞으로 빠져나왔다.
빨간 상자가 글자에서 빠져나온 이유
2017년 이전의 유튜브 로고에서는 빨간색 둥근 상자가 ‘Tube’라는 글자 뒤에 있었다.
빨간색이 글자의 배경이었다.
개편된 로고에서는 그 빨간 상자가 글자에서 분리됐다. 그리고 안에 흰색 삼각형이 들어가면서 독립적인 재생 아이콘이 되었다.
이 변화는 단순히 배치를 바꾼 것이 아니다.
브랜드의 중심을 이름에서 행동으로 옮긴 것이다.
예전에는 ‘YouTube’라는 이름을 먼저 읽었다.
지금은 빨간 재생 버튼을 먼저 본다.
이제 유튜브는 이름을 끝까지 읽지 않아도 알아볼 수 있다. 공간이 넓을 때는 재생 아이콘과 YouTube 글자를 함께 사용하고, 공간이 좁을 때는 빨간 아이콘만 사용할 수도 있다.
스마트폰 앱 아이콘에서는 글자를 넣기 어렵다.
스마트 TV 메뉴에서도 작은 크기로 보여야 한다.
영상 화면 한쪽에 표시될 때도 방해가 되지 않아야 한다.
빨간 재생 아이콘은 이런 환경에서 훨씬 잘 작동한다.
로고가 웹사이트 주소창에서만 보이던 시대에서, 모든 화면에 들어가는 시대로 넘어간 것이다.
유튜브 로고는 작은 화면을 위해 바뀌었다
유튜브는 컴퓨터 화면에서 시작한 서비스다.
하지만 지금은 스마트폰, 태블릿, TV, 게임기, 자동차 화면처럼 전혀 다른 크기와 비율의 기기에서 사용된다.
이런 브랜드의 로고는 한 가지 형태만 고집하기 어렵다.
넓은 화면에서는 이름까지 보여줄 수 있다. 하지만 작은 화면에서는 글자가 뭉개지거나 너무 길어질 수 있다. 앱 아이콘처럼 정사각형 공간에서는 워드마크 전체가 들어가기 어렵다.
유튜브는 이 문제를 빨간 재생 아이콘으로 해결했다.
공간이 충분하면 아이콘과 이름을 함께 보여준다.
공간이 부족하면 아이콘만 남긴다.
줄어든다고 해서 로고가 망가지는 것이 아니라, 상황에 맞춰 형태가 달라지는 것이다.
이것을 반응형 로고라고 볼 수 있다.
좋은 로고는 크게 보일 때만 멋있는 그림이 아니다. 얼마나 작아졌을 때까지 브랜드가 남는지도 중요하다.
유튜브 로고는 작은 화면일수록 오히려 핵심이 더 분명해진다.
빨간 사각형.
흰색 삼각형.
그것만으로 충분하다.
로고와 서비스 화면이 같은 언어를 쓴다
유튜브 로고의 재생 버튼은 서비스 안에서도 반복된다.
영상 썸네일을 누르면 재생되고, 화면 아래에는 재생 바가 움직인다. 라이브 방송에는 빨간색 표시가 붙고, 구독 버튼이나 중요한 행동에도 브랜드의 붉은색이 사용된다.
즉, 로고와 실제 사용 경험이 분리되어 있지 않다.
로고에서 본 재생의 상징이 서비스 안에서 실제 행동으로 이어진다.
이런 브랜드는 기억되기 쉽다.
로고에서는 전혀 다른 이미지를 보여주고, 서비스 안에서는 또 다른 시각 언어를 사용하면 브랜드의 인상이 흩어진다. 하지만 유튜브는 로고의 핵심인 색과 움직임을 화면 안에서도 반복한다.
로고는 재생을 보여준다.
서비스는 실제로 재생된다.
브랜드의 약속과 사용자의 행동이 같은 지점에서 만난다.
유튜브의 빨간색도 조금씩 변한다
유튜브의 로고 형태가 크게 바뀌지 않는다고 해서 디자인이 멈춰 있는 것은 아니다.
최근 유튜브는 20주년에 맞춰 대표 색인 빨간색을 조금 더 부드럽고 차가운 방향으로 조정했다. 빨간색에서 자홍색으로 이어지는 그라데이션도 영상 진행 표시나 일부 인터페이스에 적용하고 있다.
겉으로 보면 작은 색상 차이다.
하지만 화면을 기반으로 하는 브랜드에서는 색 하나도 단순한 취향으로 정하기 어렵다.
휴대전화에서 어떻게 보이는지,
대형 TV에서 지나치게 강하지 않은지,
밝은 화면과 어두운 화면에서 모두 잘 보이는지,
글자나 버튼과 충분한 대비를 만드는지까지 확인해야 한다.
유튜브가 빨간색을 버리지 않은 것도 중요하다.
사람들이 이미 유튜브와 빨간색을 강하게 연결하고 있기 때문이다. 완전히 다른 색으로 바꾸면 새로워 보일 수는 있지만, 오랫동안 쌓인 기억을 잃을 수도 있다.
그래서 유튜브는 혁명보다 조정을 선택했다.
색의 정체성은 남기고, 화면 환경에 맞지 않는 부분만 다듬었다.
오래된 브랜드가 바뀌는 좋은 방식 중 하나다.
움직이는 브랜드에는 움직이는 로고가 필요하다
유튜브는 동영상 플랫폼이다.
그런데 로고가 인쇄물에만 맞는 정적인 형태라면 브랜드의 성격을 충분히 보여주기 어렵다.
그래서 유튜브의 재생 아이콘은 다양한 모션으로 확장된다. 앱을 실행할 때 나타나는 애니메이션, 영상 진행 표시, 빨간색에서 자홍색으로 움직이는 그라데이션처럼 브랜드가 화면 안에서 실제로 움직인다.
이때 중요한 것은 로고를 화려하게 흔드는 것이 아니다.
서비스의 행동과 연결된 움직임을 만드는 것이다.
재생 버튼이 커졌다가 줄어들고,
진행 막대가 앞으로 움직이고,
색이 다음 방향으로 흐른다.
모든 움직임이 영상 플랫폼이라는 정체성과 연결된다.
좋은 모션 로고는 정지된 로고에 효과를 덧붙인 것이 아니다.
브랜드가 원래 하는 일을 움직임으로 보여준다.
유튜브 로고는 콘텐츠보다 앞에 서지 않는다
유튜브에는 매일 수많은 영상이 올라온다.
영화 예고편, 음악, 뉴스, 게임, 강의, 브이로그, 쇼츠까지 콘텐츠의 형태와 분위기가 모두 다르다.
이렇게 다양한 콘텐츠를 담는 플랫폼의 로고가 지나치게 복잡하거나 개성이 강하면 문제가 생길 수 있다. 로고가 영상보다 먼저 보이거나, 특정 콘텐츠 장르의 이미지에 브랜드가 갇힐 수 있기 때문이다.
유튜브 로고는 이 점에서 영리하다.
형태는 단순하고, 색은 강하다.
영상과 경쟁할 만큼 복잡하지 않지만, 필요할 때는 분명하게 보인다. 콘텐츠를 가리지 않으면서도 어디에서 본 영상인지 알려준다.
플랫폼 브랜드의 로고는 주인공이 되어서는 안 된다.
무대가 누구의 것인지 알려주되, 무대 위 콘텐츠보다 튀어서는 안 된다.
유튜브의 빨간 재생 버튼은 그 균형을 잘 잡는다.
작은 브랜드가 배울 점
작은 브랜드가 유튜브 로고에서 배울 점은 빨간색과 삼각형을 사용하자는 것이 아니다.
더 중요한 것은 로고와 고객의 행동이 연결되어 있는가다.
유튜브에서 가장 중요한 행동은 영상을 재생하는 것이다. 그래서 로고도 재생 버튼을 닮았다.
배달 서비스라면 주문과 도착이 중요할 수 있다.
숙박 브랜드라면 머무름과 휴식이 중요할 수 있다.
교육 브랜드라면 이해와 성장이 중요할 수 있다.
운동 브랜드라면 시작과 움직임이 중요할 수 있다.
브랜드가 고객에게 가장 먼저 일으키고 싶은 행동이 무엇인지 찾으면, 로고와 시각 언어의 방향도 더 분명해진다.
또 하나는 사용 환경이다.
로고를 만들 때 흰 종이 위에 크게 놓인 모습만 보면 안 된다.
앱 아이콘에서는 어떻게 보이는가.
모바일 화면에서는 알아볼 수 있는가.
프로필 사진처럼 동그랗게 잘려도 남는가.
영상 구석에 작게 들어가도 브랜드를 알아볼 수 있는가.
유튜브 로고는 브랜드의 의미뿐 아니라 실제로 쓰이는 화면까지 고려해 만들어졌다.
좋은 로고는 멋진 설명보다 먼저, 현실에서 제대로 작동해야 한다.
좋은 로고는 다음 행동을 알려준다
유튜브 로고는 영상을 그리지 않는다.
카메라도 없고,
촬영하는 사람도 없고,
텔레비전 화면도 없다.
대신 영상을 시작하는 순간을 보여준다.
빨간색 사각형 안의 흰색 삼각형.
그것을 보는 순간 사람들은 이 브랜드가 무엇을 하는지 생각하지 않는다. 이미 손가락은 다음 행동을 알고 있다.
누르면 시작된다.
그래서 유튜브 로고는 단순한 회사 표시가 아니다.
서비스로 들어가는 입구이고,
콘텐츠를 시작하는 버튼이며,
사용자의 행동을 기억시키는 상징이다.
좋은 로고는 브랜드가 무엇인지 보여준다.
더 좋은 로고는 그다음에 무엇을 해야 하는지까지 알려준다.
유튜브 로고는 말하지 않는다.
재생한다.

