오늘 내용을 한 문장으로 먼저 잡으면:
브랜드를 알아보게 만드는 건 로고 하나가 아니라, 수십 번 반복되는 작은 규칙이다.
오늘은 크게 네 부분으로 진행되었다.
모티브 찾기 → 모티브가 자산이 되는 조건 → 에셋 세트 만들기 → AI 결과물을 실무용 파일로 다듬기
01. 모티브는 ‘반복되는 최소 단위’
모티브(motif)는 브랜드 안에서 반복해서 등장하는 가장 작은 시각적 규칙이다.
로고는 보통 한 화면에 한 번 등장하지만, 모티브는 여러 매체와 요소에서 계속 반복된다. 특정한 모서리 형태, 곡선, 각도, 선 굵기, 여백과 같은 작은 규칙도 모티브가 될 수 있다.
따라서 브랜드를 분석할 때는 로고 자체보다 브랜드가 반복적으로 사용하는 시각적 특징을 찾아야 한다.
모티브를 찾는 기준
형태에서는 모서리, 곡선, 각도를 살펴본다. 버튼이나 카드의 모서리를 얼마나 둥글게 사용하는지, 특정한 곡선이나 각도가 반복되는지 확인한다.
비율에서는 여백과 굵기를 살펴본다. 일정한 선 굵기와 요소 사이의 간격 역시 브랜드의 반복적인 인상을 만드는 요소이다.
결국 모티브를 찾는 과정은 브랜드가 반복하고 있는 작은 시각적 습관을 발견하는 과정이다.
브랜드를 알아보게 만드는 것은 로고가 아니라 수십 번 반복되는 작은 규칙이다.
02. 모티브가 자산이 되기 위한 3가지 조건
발견한 모티브가 모두 브랜드 자산이 되는 것은 아니다. 실제 브랜드 에셋으로 사용하기 위해서는 세 가지 조건을 만족해야 한다.
1. 작아져도 보여야 한다
약 32px 정도의 작은 크기에서도 형태를 알아볼 수 있어야 한다.
큰 화면에서만 보이는 세부 묘사는 앱 아이콘이나 작은 UI 요소에서 사라진다. 따라서 브랜드 에셋은 다양한 크기로 사용될 가능성을 고려해야 한다.
2. 흑백에서도 살아야 한다
색을 제거해도 특징이 유지되어야 한다.
컬러가 없어지는 순간 정체성을 잃는다면 형태 자체의 특징이 충분하지 않은 것이다. 인쇄, 각인, 자수 등 다양한 환경에서도 사용할 수 있도록 색에 지나치게 의존하지 않아야 한다.
3. 숫자로 설명할 수 있어야 한다
규칙을 다른 사람이 그대로 재현할 수 있어야 한다.
‘적당히 둥글게’, ‘조금 두껍게’와 같은 표현은 사람마다 해석이 달라진다. 반면 선 굵기 2px, 모서리 4px처럼 수치로 정의하면 제작자가 달라져도 비슷한 결과를 만들 수 있다.
즉, 말이나 숫자로 설명할 수 없는 형태는 아직 명확한 브랜드 규칙이라고 보기 어렵다.
03. 복잡하게 만드는 것이 좋은 것은 아니다
에셋을 처음 만들 때는 많은 디테일을 추가하기 쉽다. 그러나 브랜드 에셋은 포스터처럼 크게 사용되기도 하고, 앱 아이콘처럼 매우 작게 사용되기도 한다.
큰 크기에서는 작은 디테일이 문제가 되지 않지만 크기가 작아지면 선이 뭉치거나 형태가 사라질 수 있다.
따라서 에셋을 제작할 때는 큰 결과물보다 작게 사용했을 때 살아남는 형태인지 확인하는 것이 중요하다.
04. 에셋 세트는 아이콘·프레임·패턴으로 확장한다
발견한 모티브는 하나의 그래픽으로 끝나는 것이 아니라 여러 브랜드 에셋으로 확장할 수 있다.
아이콘
아이콘은 기능이나 정보를 전달한다.
같은 크기, 선 굵기, 모서리 형태 등을 적용하여 여러 아이콘이 하나의 세트처럼 보이도록 제작한다.
프레임
프레임은 내용을 묶거나 강조하는 역할을 한다.
테두리, 구분선, 말풍선 등에 브랜드의 곡률이나 선 굵기와 같은 규칙을 적용할 수 있다.
패턴
패턴은 넓은 면을 채우는 데 사용한다.
포장지, 배경, 굿즈 등에 반복적으로 적용할 수 있으며 브랜드의 시각적 인상을 넓은 영역으로 확장하는 역할을 한다.
제작 순서는 아이콘 → 프레임 → 패턴으로 진행한다. 작은 단위인 아이콘에서 규칙을 먼저 결정한 뒤 이를 점차 큰 영역으로 확장하는 방식이다.
05. 에셋은 하나의 방향으로 묶어야 한다
에셋 세트를 만드는 것은 각각의 요소를 잘 만드는 것과 다르다.
아이콘 하나하나가 완성도가 높더라도 서로 다른 선 굵기, 곡률, 디테일을 사용한다면 하나의 브랜드 자산처럼 보이지 않는다.
따라서 에셋을 제작할 때는 다음과 같은 요소를 일정하게 유지해야 한다.
- 선 굵기
- 모서리와 곡률
- 각도
- 크기와 비율
- 여백
- 디테일의 정도
에셋의 완성도는 개별 요소보다 여러 요소를 함께 배치했을 때 하나의 시각 언어처럼 보이는가를 기준으로 판단해야 한다.
낱개를 잘 만드는 것이 아니라, 하나의 방향으로 묶는 일이다.
06. 레퍼런스에서 방향을 찾는다
처음부터 새로운 에셋 시스템을 만드는 것은 어렵다. 따라서 먼저 마음에 드는 레퍼런스를 여러 개 수집하고, 각각의 특징을 분석하는 방식이 효과적이다.
중요한 것은 단순히 레퍼런스를 따라 만드는 것이 아니라 왜 마음에 드는지 언어로 정리하는 것이다.
예를 들어 ‘선이 얇고 모서리가 각져 있다’와 같이 특징을 한 문장으로 표현할 수 있다.
이후 해당 특징을 기준으로 새로운 형태를 제작한다.
레퍼런스 수집 → 특징 발견 → 언어화 → 규칙화 → 브랜드에 적용
의 과정으로 정리할 수 있다.
07. AI로 만들고 다듬기
AI는 브랜드 에셋의 초안을 빠르게 만드는 데 활용할 수 있다. 그러나 이미지를 생성하는 것만으로 작업이 끝나는 것은 아니다.
실무에서 사용할 수 있는 자산으로 만들기 위해서는 다음 과정이 필요하다.
생성 → 선택 → 배경 분리 → 업스케일 → 정리
생성
한 번에 하나의 결과만 만드는 것이 아니라 여러 후보를 생성한다.
선택
단순히 가장 예쁜 결과보다 기존에 정한 브랜드 방향과 규칙에 가장 잘 맞는 결과를 선택한다.
배경 분리
배경을 제거하여 투명 파일로 만든다. 다양한 배경과 매체에서 사용할 수 있도록 하기 위한 과정이다.
업스케일
실제 사용 환경을 고려해 필요한 해상도를 확보한다.
정리
파일 이름과 버전을 일정한 규칙으로 관리한다.
예를 들어 다음과 같이 정리할 수 있다.
파일명: 브랜드종류이름_버전 순
(ex) mybrand_icon_leaf_v2.png
파일까지 체계적으로 관리해야 이후에도 반복해서 사용할 수 있는 브랜드 자산이 된다.
08. AI가 만든 결과에도 사람의 정리가 필요하다
AI로 생성한 에셋에는 미세한 차이가 남는다.
아이콘마다 선 굵기가 달라지거나 중심이 조금씩 어긋날 수 있으며, 형태가 완전히 정돈되지 않는 경우도 있다.
따라서 최종 결과에서는 다음과 같은 작업이 필요하다.
선 굵기 통일
각 에셋의 선 두께를 동일하게 맞춘다.
중심 맞추기
여러 에셋을 함께 배치했을 때 균형이 맞도록 위치와 비율을 조정한다.
벡터로 다시 그리기
필요한 경우 Illustrator 등의 프로그램을 이용해 최종 형태를 벡터로 정리한다.
AI는 초안을 빠르게 만드는 데 유용하지만, 최종적인 일관성과 완성도를 결정하는 것은 사람이 수행하는 정리 과정이다.
AI는 80%를 빠르게 만든다. 남은 20%가 브랜드의 품질을 결정한다.
💡 오늘 기억해둘 것
① 로고 = 브랜드의 전부가 아니다.
브랜드다움은 작은 시각 규칙이 반복되면서 생긴다.
② 모티브는 반드시 재현 가능해야 한다.
작아져도 보이고 → 흑백에서도 살고 → 숫자로 설명할 수 있어야 한다.
③ 에셋은 낱개가 아니라 세트로 평가한다.
아이콘 하나의 완성도보다 여러 개를 늘어놨을 때 한 가족처럼 보이는지가 중요하다.
④ AI 결과물을 그대로 브랜드 에셋이라고 부르지 않는다.
생성 → 선택 → 배경 분리 → 업스케일 → 선·중심 보정 → 필요시 벡터화 → 파일 정리까지 해야 한다.
마지막 정리
1. 브랜드를 알아보게 만드는 건 로고가 아니라 수십 번 반복되는 작은 규칙이다.
모서리, 곡선, 각도, 선 굵기, 여백처럼 반복되는 작은 시각적 특징이 브랜드의 인상을 만든다.
2. 작아져도 보이고, 흑백에서도 살고, 누가 만들어도 같아야 브랜드 자산이 된다.
모티브는 단순한 장식이 아니라 반복해서 사용할 수 있는 규칙이어야 한다.
3. AI는 80%를 빠르게 만들고, 사람이 다듬는 마지막 20%가 브랜드의 품질을 결정한다.
생성한 결과를 그대로 사용하는 것이 아니라 선택하고, 정리하고, 규칙에 맞게 다듬어야 실제 브랜드 자산이 된다.
🔖 참고자료
https://kr.pinterest.com/freeisaac/%EB%B8%8C%EB%9E%9C%EB%93%9C-%EB%AA%A8%ED%8B%B0%EB%B8%8C/?invite_code=6cf7109f79444ddeb5ef93999fb459ee&sender=534450818187796369
https://www.plus-ex.com/experience#alipay
https://www.plus-ex.com/experience#kt
https://www.plus-ex.com/experience#bts
https://kr.pinterest.com/freeisaac/%EC%95%84%EC%9D%B4%EC%BD%98%ED%94%BD%ED%86%A0%EA%B7%B8%EB%9E%A8/?invite_code=3c970c4ad0d34bae92ace7b765efa33c&sender=534450818187796369
https://kr.pinterest.com/freeisaac/%ED%94%84%EB%A0%88%EC%9E%84-%EB%94%94%EC%9E%90%EC%9D%B8/?invite_code=7c4769578b7b477596a9ed3656f8515e&sender=534450818187796369
https://kr.pinterest.com/freeisaac/pattern-design/?invite_code=a9c5371ac7684698b7a260b3709f9b77&sender=534450818187796369
