모티브, 에셋, 세트, 벡터

BX디자인 스터디로그 · 05

모티브, 에셋, 세트, 벡터

지난 시간까지 방향을 "정하는" 이야기였다면,
오늘은 정한 방향을 실제로 만들어내는 재료에 대해 배웠어요.
모티브 → 에셋 → 세트 → 벡터, 이 네 단어가 어떻게 연결되는지 정리해볼게요.

FROM IDEA TO FILE

아이디어가 실제 파일이 되기까지

1

모티브

브랜드를 관통하는 반복 테마

2

에셋

실제로 만들어져 재사용되는 결과물

3

세트

에셋을 일관된 스타일로 묶은 컬렉션

4

벡터

크기에 관계없이 선명한 파일 형식

01 · MOTIF

모티브

브랜드를 관통하는 반복 테마

모티브는 브랜드 곳곳에서 계속 반복되는 시각적 아이디어예요.
특정 도형, 패턴, 상징처럼 한 번 정해두면 여러 매체에 걸쳐 계속 등장해요.

왜 중요한가

• 모티브가 있어야 서로 다른 화면·매체에 흩어진 요소들이 "같은 브랜드"처럼 느껴져요.
• 모티브 없이 만들면 낱개 디자인들이 서로 따로 노는 느낌이 나요.

예시

어떤 브랜드가 물결무늬를 모티브로 정했다면, 로고에도 물결이 들어가고,
패키지 배경에도 같은 물결이 깔리고, 웹사이트 구분선도 물결 모양이 돼요.

02 · ASSET

에셋

실제로 만들어져 재사용되는 결과물

에셋은 모티브를 바탕으로 실제로 완성된 개별 디자인 파일이에요.
로고, 아이콘, 일러스트, 사진처럼 계속 꺼내 쓸 수 있는 결과물이에요.

왜 중요한가

• 매번 새로 만들지 않고 정리된 에셋을 재사용하면 작업 속도가 훨씬 빨라져요.
• 같은 에셋을 반복해서 쓰면 자연스럽게 일관성도 확보돼요.

예시

로고를 가로형·세로형·아이콘형 세 가지 버전으로 미리 만들어두면,
명함이든 배너든 상황에 맞는 버전을 바로 꺼내 쓸 수 있어요.

03 · SET

세트

에셋을 일관된 스타일로 묶은 컬렉션

세트는 여러 에셋을 같은 스타일 규칙으로 묶어놓은 그룹이에요.
낱개로는 좋아 보여도, 스타일이 제각각이면 같이 놓았을 때 어색해져요.

왜 중요한가

• 세트로 묶여 있으면 새 에셋을 추가해도 기존 스타일 규칙만 따르면 되니 확장이 쉬워요.
• 화면에 여러 개를 같이 배치해도 한 가족처럼 자연스럽게 보여요.

예시

앱 안의 모든 아이콘이 같은 선 굵기, 같은 모서리 둥글기로 만들어진 "아이콘 세트"라서, 어떤 화면에 놓아도 한 세트에서 나온 것처럼 보여요.

04 · VECTOR

벡터

크기에 관계없이 선명한 파일 형식

벡터는 점과 선을 수학적인 값으로 저장하는 파일 형식이에요.
그래서 아무리 확대해도 계단현상 없이 선명하게 유지돼요.

왜 중요한가

• 브랜드 에셋은 명함처럼 작은 크기부터 옥외 배너처럼 큰 크기까지 다양하게 쓰여요.
• 벡터로 만들어두면 크기와 상관없이 항상 선명한 화질을 보장할 수 있어요.

예시

래스터(픽셀)

확대하면 계단현상 발생

벡터

아무리 확대해도 선명

로고를 벡터(SVG·AI)로 만들어두면 명함에 써도, 옥외광고판에 써도 항상 선명하지만, JPG 같은 픽셀 이미지를 크게 늘리면 경계선이 뭉개져요.

🧭 오늘의 정리

네 단어가 결국 하나의 흐름으로 이어지는 게 오늘의 발견이었어요.

모티브 — 반복되는 아이디어를 정해요

에셋 — 아이디어를 실제 파일로 만들어요

세트 — 에셋을 일관된 그룹으로 묶어요

벡터 — 어떤 크기에서도 선명하게 유지해요

아이디어 하나가 모티브 → 에셋 → 세트를 거쳐, 벡터라는 튼튼한 형식으로 저장되어야 비로소 어디에나 쓸 수 있는 브랜드 자산이 되는 것 같아요.