네 가지 표면, 하나의 마크
비디오 크리에이터를 위한 로고 디자인 브리프는 회사 로고 브리프와 다르고, 그 차이는 미적인 게 아닙니다. 이 마크는 회사 로고가 절대 가지 않을 네 곳에서 읽히는데, 그중 세 곳은 아주 작습니다. 댓글 스레드의 원형 아바타, 경쟁작 사이 그리드의 썸네일, 움직이는 영상 위에 놓인 코너 버그, 그리고 2초 동안 이어지는 풀스크린 오프너입니다. 대부분의 로고는 그중 한 곳에 맞춰 그려지고 나머지 세 곳에서 조용히 실패합니다.
실패는 드라마틱하지 않을 때가 많습니다. 뭔가 깨지지 않습니다. 그저 마크가 사람들이 실제로 마주하는 크기에서 읽히지 않게 되고, 크리에이터는 다시 디자인하지 않고는 고칠 수 없는 로고를 2년 내내 확대만 합니다. 잘못된 표면을 먼저 디자인하는 데 드는 비용이 그렇습니다.
48픽셀 아바타 원
여기부터 시작하세요. 가장 까다로운 제약이고, 그 아래로 이어지는 모든 것을 결정하기 때문입니다. 채널 아바타는 댓글에서 가로 약 48픽셀의 원으로 렌더링되며, 정사각형 업로드를 플랫폼이 잘라냅니다. 모서리 쪽 요소는 모두 사라집니다. 미세한 내부 디테일은 회색 노이즈가 됩니다. 세 단어로 된 워드마크는 회색 얼룩 세 개가 됩니다.
테스트는 1분이면 됩니다. 마크를 48픽셀로 내보내 폰에서 실제 크기로 보고, 디테일이 아니라 실루엣을 보세요. 형태가 여전히 알아보기 쉽다면 마크는 통과입니다. 화면에 바짝 다가가야 한다면 통과하지 못한 것이고, 이미 무너진 그림은 대비를 더해도 살아나지 않습니다.
팔 길이에서 보는 썸네일
썸네일은 아바타보다 크지만 디자인하기는 더 어렵습니다. 그 자체로 단독으로 보이지 않기 때문입니다. 십일 개의 다른 타일과 나란히 그리드에 놓이고, 눈은 개별 프레임보다 그리드를 먼저 파악합니다. 조용한 구석의 로고는 사라집니다. 제목의 공간을 뺏는 로고는 클릭을 만드는 제목을 해칩니다.
작업 규칙은 이렇습니다. 마크는 프레임의 한 구석과 약 10분의 1을 차지하고, 플랫폼의 재생 시간 표시와 부딪히지 않도록 여백을 둡니다. 320×180 썸네일에서 남는 너비는 약 40픽셀입니다. 워드마크가 아니라 모노그램 자리입니다.
움직이는 영상 위에 놓인 오버레이
스트림 오버레이는 로고가 죽는 곳입니다. 밑바탕이 멈추지 않기 때문입니다. 게임 화면이 움직이고, 조명이 바뀌고, 흰색 플래시가 흰색 로고 바로 뒤에 닿습니다. 단색 견본 위에서 승인된 마크는 초당 40번 바뀌는 배경을 한 번도 겪지 못했습니다.
두 가지 수선으로 대부분 해결되고, 둘은 함께 어울립니다. 첫째는 조용한 플레이트, 즉 마크 뒤에 낮은 불투명도로 깊이감이지 스티커처럼 보이지 않게 하는 어두운 패널이나 흐린 배경 도형입니다. 둘째는 배경에 없는 색의 2~3픽셀 두께 대비 외곽선입니다. 둘 다 디자인 단계에서는 공짜고, 나중에 설득력 있게 덧붙이기는 거의 불가능합니다.
마크가 단 2초를 얻는 오프너
마침내 마크는 화면 전체를 차지하는데, 그게 사람들이 로고를 의뢰할 때 머릿속에 그리는 표면이면서 네 곳 중 가장 부담이 적습니다. 원형 아바타와 오버레이를 견딘 마크는 항상 풀스크린에서도 통합니다. 48픽셀에서 가독성을 준 요소들이 1080에서도 분명하기 때문입니다.
새로 생기는 결정은 모션뿐입니다. 소셜 오프너는 2~4초이고, 마크는 그 시간의 마지막 절반 초 이상은 자리를 잡고 완전히 읽혀야 합니다. 클립 전체를 채우는 등장은 시청자가 로고가 프레임을 떠나는 걸 보게 만듭니다.
인쇄가 아닌 영상을 위해 디자인하기
인쇄 디자인의 관습은 비디오 크리에이터 로고 디자인에 실제로 해가 되고, 하나씩 발견하기보다 이름을 붙여 두는 게 낫습니다.
형태보다 결정적인 건 대비
인쇄는 통제된 바탕을 줍니다. 흰 종이, 제자리에 머무는 잉크, 페이지를 가만히 잡은 독자. 영상은 그 어느 것도 주지 않습니다. 배경이 바뀌고, 압축이 가장자리를 무디게 하고, 화면은 낮과 밤에 모두 보입니다. 실제 결과는 마크에 디자인 시안보다 더 높은 대비가 필요하고, 최소 두 가지 색상 버전이 있어야 합니다. 어두운 영상 위에서 읽히는 버전과 밝은 영상 위에서 읽히는 버전입니다.
중간 톤 하나뿐인 마크가 최악의 경우입니다. 견본에서는 잘 보이다가, 그 톤으로 그린 배경이 아닌 모든 배경에서 사라집니다.
세 가지가 아닌 하나의 아이디어
비즈니스 로고는 흔히 동시에 여러 아이디어로 제 몫을 합니다. 모노그램, 심볼, 슬로건, 창립 연도까지. 영상은 그 모두를 지웁니다. 마크가 보통 너무 작거나 너무 짧게 노출돼 두 번째 아이디어가 닿을 틈이 없기 때문입니다. 통하는 버전은 하나의 형태가 하나의 역할을 합니다.
지금 마크가 세 요소를 담고 있다면, 영상용 버전은 가장 강한 하나만 남기고 나머지는 버립니다. 타협이 아닙니다. 매체가 요구하는 바입니다.
워드마크가 아바타로 부적합한 이유
워드마크는 새 크리에이터가 가장 흔히 고르는 선택이자, 가장 작은 표면에는 최악의 선택입니다. 글자는 가독성에 폭이 필요한데, 가로 48픽셀 원은 그 폭이 없습니다. 그 크기의 네 글자 워드마크는 글자당 약 6픽셀을 주는데, 그건 글자 형태를 구분할 수 있는 임계치 아래입니다.
해법은 모노그램, 즉 타입으로 놓지 않고 하나의 형태로 다시 그린 이니셜입니다. 아바타, 오버레이, 채팅 아이콘에는 모노그램을, 풀 워드마크는 오프너, 썸네일, 배너에 남깁니다. 자산은 두 개, 브랜드는 하나, 각각 실제로 읽힐 수 있는 곳에 쓰입니다.
세이프 영역도 디자인의 일부
모든 플랫폼은 업로드를 자르고, 덮고, 다시 프레이밍합니다. 그래서 마크는 그걸 가정한 여백을 두고 그려야 합니다. YouTube의 채널 프로필 관리 문서는 권장 이미지 크기를 제시하고, 아바타가 원으로 렌더링된다고 확인합니다. 바로 코너 중심 로고가 견디지 못하는 크롭입니다. 그 여백 안에서 디자인하는 건 공짜입니다. 출시 후에 발견하는 건 다시 그려야 합니다.
같은 논리가 오버레이에도 적용됩니다. 프레임 바깥 5%에는 마크를 두지 마세요. 그러면 플랫폼 자체 인터페이스, 진행 표시줄, 일부 기기가 적용하는 세이프 영역 트리밍을 견뎌냅니다.
처음부터 끝까지, 제대로 된 프로세스
다섯 단계, 이 순서대로. 순서가 개별 단계보다 중요합니다.
1. 브리프 전에 표면부터 정리하기
마크가 등장할 모든 곳을 픽셀 크기와 함께 적으세요. 아바타 48, 썸네일 40, 오버레이 90, 채팅 아이콘 32, 배너 2560×1440. 그 목록의 가장 작은 숫자가 디자인 제약입니다. 배너부터 시작해 내려가는 게 댓글 스레드에서 못 쓰게 되는 아름다운 로고가 되는 길입니다.
2. 가장 작은 크기부터 먼저 그리기
1080에서 그리기 전에 48픽셀에서 마크를 만드세요. 그 크기엔 하나의 형태만 들어갈 자리가 있고, 살아남은 게 정체성의 핵심이 됩니다. 작은 마크를 키우는 건 쉽습니다. 디테일 많은 마크를 줄이는 건 아니죠. 디테일은 축소되지 않고 사라지기 때문입니다.
3. 취향이 아닌 가독성을 위해 타이포 결정하기
로고에 글자가 들어간다면, 서체는 스타일보다 기능이 우선입니다. 넓은 카운터, 넉넉한 자간, 묵직한 두께는 영상 압축을 견디고, 가는 세리프와 좁게 트래킹된 디스플레이 서체는 견디지 못합니다. Google의 타이포 지식 베이스는 작은 크기에서 글자 형태가 어떻게 동작하는지 유용한 참고가 되고, 오픈 라이선스 카탈로그 덕에 고른 서체를 법적 문제 없이 임베드해 배포할 수 있습니다.
4. 단순화한 버전 그리기
모션과 작은 크기용 버전은 브랜드 시스템의 정상적인 일부이지 다운그레이드가 아닙니다. 같은 마크, 줄인 내부 디테일, 약간 더 두꺼운 외곽선, 삭제된 슬로건, 지워진 가장 작은 텍스트. 대부분의 크리에이터는 이걸 건너뛰고 인쇄 파일을 애니메이션합니다. 그 결과는 인쇄 파일이 움직이는 것처럼 보일 뿐입니다.
5. 파일 세트 내보내기
디스크에 남기는 게 나중에 할 수 있는 일을 결정합니다. 벡터 마스터, 즉 SVG나 PDF는 어떤 출력 크기로도 확장됩니다. 투명한 PNG 2000픽셀은 벡터를 사용할 수 없는 모든 경우를 커버합니다. MDN의 이미지 포맷 개요는 어떤 포맷이 알파 채널을 갖고 어떤 포맷이 단색에 평면화하는지 명확한 참고이고, 그 구분이 마크가 영상 위에 놓이는지 흰 상자 위에 놓이는지 결정합니다.
비용이 얼마인가
세 가지 경로, 각각 숫자를 달아서.
프리랜서 디자이너가 마크와 모노그램 버전, 짧은 브랜드 시트를 만드는 건 소규모 크리에이터 기준 보통 $300~$1,500이고, 소요 기간은 1~3주입니다. 크라우드소싱 공모전은 더 싸서 $100~$400이지만 평균 품질이 낮은 더 많은 옵션을 줍니다. 라이선스 조건을 꼼꼼히 보세요. 권리 양도는 플랫폼마다 다르기 때문입니다. 템플릿 마켓플레이스는 $20~$80으로 쓸 만한 결과를 내지만, 상업 이용을 제한하거나 출처 표기를 요구하는 라이선스가 흔합니다.
어느 경로를 택하든 잊히는 비용은 두 번째 라운드입니다. 48픽셀 테스트를 통과하지 못한 로고는 다시 그려야 하고, 다시 그리기는 원본만큼 듭니다. 나중에 재디자인하는 것보다 처음에 작은 크기 테스트에 돈을 들이는 게 쌉니다.
댓글에서 자주 보이는 다섯 가지 실수
흰색에서만 통하는 마크
흰색 아트보드에서 그리고 흰색 아트보드에서 승인했습니다. 처음 어두운 영상에 놓이는 순간 사라집니다. 서명하기 전에 검은색, 중간 회색, 실제 영상의 한 프레임 위에서 마크를 테스트하세요.
캔버스가 비어 있어 덧붙인 디테일
그라데이션, 드롭 섀도우, 미묘한 질감, 두 번째 외곽선. 각각은 48픽셀에서 보이지 않고, 각각은 1080에서 실패할 구멍 하나를 더합니다. 마크가 노출될 가장 작은 크기에서 보이지 않는 건 모두 지우세요.
락업에 굽혀 넣은 슬로건
로고 안에 들어간 슬로건은 배너 크기 아래에선 읽히지 않고, 파일을 다시 그리지 않고는 바꿀 수 없습니다. 슬로건은 따로 둔 타이포로, 자리가 있을 때 마크 곁에 놓고 없을 때는 뗄 수 있게 하세요.
하나의 마스터를 모든 포맷으로 늘린 경우
정사각 마크를 16:9 배너에 구겨 넣으면 구겨 보입니다. 그게 사실이니까요. 단일 파일을 다시 프레이밍하지 말고, 하나의 마스터에서 배치별로 내보내고, 이미지에 바를 굽히지 말고 비율을 정직하게 유지하세요.
모션 테스트 없음
가만히 있으면 완전히 읽히는 마크가 움직일 때는 쓸 수 없을 수 있습니다. 움직임이 눈이 형태를 파악할 시간을 줄이기 때문입니다. 마크를 2초 애니메이션에 넣어 폰에서 한 번 보고, 결정은 커밋한 뒤가 아니라 전에 하세요.
자주 묻는 질문
좋은 비디오 크리에이터 로고 디자인의 조건은?
세 가지 성질입니다. 48픽셀 원을 견디고, 흰색 아닌 배경에서도 버티고, 정체성을 잃지 않고 단순화할 수 있어야 합니다. 나머지, 스타일, 색, 서체는 그 세 가지가 채워진 뒤에 결정됩니다. 이를 통과하지 못한 마크는 1년 안에 교체됩니다.
영상용과 인쇄용 로고를 따로 만들어야 하나요?
로고 두 개가 아니라, 한 로고의 버전 두 개가 필요합니다. 작고 움직이는 표면용 단순화 버전과, 자리 있는 곳용 풀 마크입니다. 둘은 같은 형태를 공유하므로 브랜드는 하나로 읽힙니다. 디테일 버전을 어디서나 쓰는 게 브랜드를 깨뜨립니다.
로고는 워드마크가 좋을까, 심볼이 좋을까?
채널 이름이 두 단어 이상이면 둘 다. 심볼이나 모노그램이 아바타, 오버레이, 채팅 아이콘을 맡고, 워드마크가 오프너, 썸네일, 배너를 맡습니다. 워드마크만 가진 크리에이터는 댓글에서 아바타가 안 읽히는 크리에이터입니다.
크리에이터는 로고에 얼마를 써야 하나요?
이미 수익이 나는 채널이라면, $300~$1,500이 모노그램 버전과 짧은 브랜드 시트를 갖춘 제대로 된 마크를 사는데, 그게 어디서나 쓰이는 버전입니다. 그보다 낮으면 공모전이나 템플릿도 되는데, 라이선스가 상업 이용을 허용하고 파일 세트에 투명 내보내기가 포함돼야 합니다.
리디자인 없이 기존 로고를 애니메이션할 수 있나요?
보통은 됩니다. 투명한 SVG나 PNG를 올리고, 프레임과 트랙을 고르면 애니메이션이 생성돼 비트에 맞춰 잘립니다. 기존 마크가 디테일 많은 워드마크라면 대신 단순화 버전을 애니메이션하세요. 모션은 어수선한 마크를 더 읽기 어렵게 만들 뿐, 쉽게 만들지 않습니다.
결론
브리프는 '로고를 디자인하라'가 아닙니다. '원과 그리드와 움직이는 배경과 2초의 화면 시간을 견디는 마크를 디자인하라'입니다. 그리고 넷을 모두 견디는 마크는 대부분이 의뢰하는 것보다 단순합니다. 48픽셀에서 시작하고, 하나의 아이디어를 유지하고, 서명 전에 영상 위에서 테스트하세요. 마크가 맞으면, 완성된 로고 영상으로 만드는 일은 브라우저 편집기에서 몇 분이 걸리고, 그 뒤의 크기 규칙은 채널 오프너가 실제로 만들어지는 방식과 함께 읽을 가치가 있습니다.