2026.04.02 DAY.19
[ Today I Learned ]
DAY19_AI디자인 실전 콘텐츠 제작 2~3강, 도메인 탐색 및 모작 스터디 1주차
[ AI 디자인 실전 콘텐츠 제작 ] 제 2강. 레퍼런스를 활용한 프롬프트 분석
1. 레퍼런스 시각적 분석하기
젠틀몬스터 사이트 분석
1. 레이아웃(Layout)
- 여백이 많고, 사진이나 영상 하나가 큼지막한 과감한 레이아웃
- 자연스럽게 중요한 이미지에 집중
2. 컬러 팔레트(Color)
- 흰색, 검정, 회색처럼 명도 차이를 활용한 무채색계열, 강한 명암 대비 자주 사용
- 컬러가 적어 사진 속 피사체가 주인공이 됨. 전체적으로 군더더기 없는 느낌
3. 이미지 스타일(Image Style)
- 실험적인 포즈, 독특한 오브젝트
- 예술적이고 초현실적 분위기
4. 무드(Mood)
- 아방가르드
- 예술적
- 실험적
키워드 추출하기
| 레이아웃(Layout) | Wide spacing / Half-screen image / Focus image |
| 컬러 팔레트(Color) | Monotone / High contrast / Clean |
| 이미지 스타일(Image Style) | Experimental fashion photography / Dramatic lighting with heavy shadows |
| 무드(Mood) | Avant-garde, Artistic, Conceptual |
키워드 찾기 - Chat GPT
이 웹사이트를 분석해서 브랜드의 디자인 특징을 정리해 주세요.
레이아웃, 컬러 팔레트, 이미지 스타일, 무드로 나누고,
각 항목을 한 줄 설명 + 핵심 키워드 5~8개로 뽑아주세요.
웹사이트: [URL 붙여넣기]
아래 브랜드 웹사이트를 분석해서 이미지 생성에 활용 가능한 구체적인 프롬프트 키워드를 뽑아주세요.
조건:
1) 레이아웃, 컬러 팔레트, 이미지 스타일, 무드로 나누기
2) 각 항목은 '한 줄 요약' + '이미지 생성용 키워드'로 구성
3) 키워드는 Midjourney, Firefly에서 바로 사용할 수 있을 정도로 구체적으로 제시
4) 추상적 단어는 최소화하고, 아래 요소들을 포함해서 키워드 생성
- 카메라 종류(DSLR, 50mm lens, zoom, wide-angle 등)
- 라이팅 기법(soft light, hard shadow, rim light, spotlight 등)
- 색감(temperature, saturation, monochrome 등)
- 질감(texture) - 구체적 장면, 오브젝트, 배경 요소
- 구성(Layout) 관련 상세 키워드(full-bleed hero image, extreme whitespace 등
5) 영어 키워드 기준으로 작성
웹사이트: [URL 붙여넣기]
키워드 쉽게 이해하기 - Chat GPT
아래 이미지 생성 키워드들의 의미를,
1) 일반적인 영어 뜻
2) 디자인/사진·영상 업계에서의 실무적 의미
3) Midjourney, Firefly 등 이미지 생성 모델에 입력했을 때 어떤 효과가 나타나는지
4) 가능한 경우 시각적 예시 설명(구도, 빛, 질감 등)
이 4가지 기준으로 아주 쉽게 설명해 주세요. 한글로 설명해 주세요.
키워드: [여기에 내가 이해하고 싶은 키워드들 붙여넣기]
키워드 정리하기 - Chat GPT
추출한 이미지 생성 키워드들을 간단하고 깔끔하게 정리해 주세요.
요구사항:
1) 레이아웃 / 컬러 / 이미지 스타일 / 무드 정도의 큰 카테고리로만 분류
2) 중복되거나 비슷한 단어는 하나로 정리
3) 각 카테고리별 핵심 키워드만 5~10개 정도로 요약
4) 설명은 최소화하고, 목록 형태로 간결하게 정리
5) 나중에 프롬프트로 조합하기 쉬운 형태로 정돈
6) 초보자도 이해할 수 있도록 한글 설명 간단히 추가
2. 프롬프트 확장하고 다양한 이미지 생성하기
Firefly / Midjourney용 프롬프트 만들기 - Chat GPT
정리한 키워드를 활용해서 이미지 생성용 프롬프트를 만들어 주세요.
요구사항:
1) 하나의 주제를 중심으로 5개의 서로 다른 버전의 프롬프트 생성
2) 프롬프트 구조는 다음 흐름으로 통일 - 주제 → 레이아웃 → 이미지 스타일 → 라이팅 → 컬러 감성 → 무드
3) 문장은 영어로 작성
4) Firefly or Midjourney에서 가장 잘 작동하는 문장형 프롬프트 형태
5) 키워드는 자연스럽게 문장에 녹여서 사용
6) 프롬프트마다 스타일이 미묘하게 다르게 변주되도록 작성
주제: [여기에 원하는 주제 입력]
최종 이미지 선택하기
- 문제 있는 이미지 제거 (제품 형태 왜곡, 어색한 조명, 이상한 그림자, 질감 오류, 편집활용이 어려운 구조 등)
- 목적에 따라 최종 베스트 선택 (전체구도가 명확, 첫눈에 들어오는 임팩트, 여백활용 가능성)
3. [실습] 브랜드 레퍼런스 분석 & 최종 이미지와 프롬프트 기록
브랜드 레퍼런스 분석
1. 레이아웃(Layout)
- 극단적인 여백과 이미지 중심의 모듈형 그리드, 에디토리얼 느낌의 커머스 레이아웃
- extreme whitespace (넓은 여백)
- editorial layout (에디토리얼 구성)
- centered composition (중앙 정렬)
- clean UI blocks (단순 UI 블록)
- product-focused layout (제품 중심 구조)
2. 컬러 팔레트(Color)
- 화이트·베이지 중심의 저채도 뉴트럴 팔레트 + 자연 소재 기반 색감
- off-white / ivory (오프화이트)
- desaturated tones (저채도 컬러)
- low contrast (낮은 대비)
- neutral color temperature 4800–5000K (중성 색온도)
- monochrome harmony (톤온톤 구성)
3. 이미지 스타일(Image Style)
- 자연광 기반, 연출 없는 라이프스타일 + 소재 질감 강조 제품 사진
- DSLR camera, 50mm lens (표준 렌즈)
- shallow depth of field, f/2.8 (얕은 심도)
- soft natural window light (자연광)
- low contrast grading (낮은 대비 톤)
- minimal lifestyle scene (미니멀 일상 연출)
- off-center composition (비대칭 구도)
4. 무드(Mood)
- 조용하고 절제된 ‘무인(無印)’ 감성, 일상 중심의 차분한 라이프스타일
- calm minimal mood (차분한 분위기)
- zen atmosphere (젠 감성)
- no-brand aesthetic (무브랜드 감성)
- simple functional design (기능 중심)
- quiet lifestyle (조용한 일상)
- uncluttered space (비어있는 공간)
최종이미지 & 프롬프트 기록
- 선정이유 : 깔끔한 여백과 미니멀한 제품구성, 우드와 베이지톤의 따듯한 색감이 디자인에 활용하기 좋아보임
- 프롬프트 : minimalist muji style, extreme whitespace, neutral beige palette, natural light, DSLR 50mm lens, soft diffused lighting, low saturation, linen texture, wood surface, clean editorial layout, calm zen mood, no-brand aesthetic
[ AI 디자인 실전 콘텐츠 제작 ] 제 3강. 레퍼런스를 활용한 프롬프트 분석
1. 브랜드 가이드 핵심 구성요소
로고 사용 가이드
- 최소 크기
- 보호 여백(로고 주변 공간)
- 사용 금지 규칙(늘이기, 회전, 그림자 추가 등)
컬러 시스템
- Primary color(대표 색) 브랜드를 가장 상징하는 대표 색상
- Secondary color(보조 색) Primary를 보완하고 다양한 UI/콘텐츠에 활용되는 확장 컬러
- Accent color(포인트 색) 핵심 요소를 강조할 때 사용하는 포인트 컬러
- 색상 조합, 대비 규칙
타이포그래피
- 제목용 / 본문용 폰트
- 자간 규칙
- 줄 간격
- 영문/국문 병행 시 규칙
이미지 스타일
- 따뜻한 브랜드는 밝은 톤의 사진, 전문적인 브랜드는 간결하고 여백 있는 사진 등 이미지의 규칙 설정
- 일러스트라면 굵은 선인지, 파스텔 톤인지까지 규칙을 둠
톤 앤 매너
- 브랜드가 ‘어떤 성격으로 말할지’를 결정하는 요소
- 친근한 톤 : 말 끝이 부드럽고 감탄사 사용 / 오늘도 편안한 하루 보내세요 :)
- 전문적인 톤 : 명확하고 간결한 문장 / 안정성과 효율성을 제공하는 서비스입니다.
- 프리미엄 톤 : 군더더기 없고 단정한 문장 / 불필요한 요소 없이 본질에 집중합니다.
2. 브랜드 가이드 만들기 - Chat GPT
브랜드 성격 정의 (Persona 설정)
당신은 전문 브랜드 전략 컨설턴트입니다.
20대 직장인을 타깃으로 한 신규 카페 브랜드를 기획 중입니다.
고객이 ‘잠시 쉬어가는 느낌’을 받을 수 있는 브랜드 성격을 정의해 주세요.
요청사항:
1) 브랜드 성격을 3줄로 요약해 주세요.
2) 핵심 감정 키워드도 3개만 함께 제시해 주세요.
컬러 시스템 추천 요청하기
당신은 브랜드 디자이너입니다.
해당 카페 브랜드와 어울리는 컬러 팔레트를 3가지 조합으로 추천해 주세요.
요청사항:
1) 각 컬러 조합은 3~5개의 색으로 구성해 주세요.
2) 각 컬러의 HEX 코드를 포함해 주세요.
3) 해당 조합을 추천하는 이유를 2줄 이내로 설명해 주세요.
4) 표 형태로 정리해 주세요.
미니 브랜드 가이드 완성하기
당신은 전문 브랜드 디자이너입니다.
지금까지 정의한 내용을 기반으로 미니 브랜드 가이드를 한 페이지 분량으로 작성해 주세요.
구성:
1) 브랜드 소개(2~3줄)
2) 핵심 메시지(핵심 문구 1개 + 설명 2줄)
3) 톤 앤 매너(요약 3줄) 4) 컬러 시스템(표 포함)
5) 이미지 스타일 요약(키워드 5개 + 2줄 설명)
요청사항:
- 실제 브랜드 가이드 문서처럼 깔끔한 형식으로 정리해 주세요.
피드백 요청하기(Self-Check)
마지막으로, 지금 작성하신 답안을 스스로 검토하고
명확성·일관성·브랜드 이미지 적합성 기준으로
수정이 필요한 부분이 있다면 손봐서 최종 버전을 제시해 주세요.
3. 브랜드 이미지 만들기
이미지 키워드 도출하기 - Chat GPT
당신은 브랜드 아트디렉터입니다.
앞서 만든 미니 브랜드 가이드를 기반으로
해당 브랜드의 이미지 스타일을 설명하는 키워드를 10개 추출해 주세요.
요청사항:
1) 사진 톤, 색감, 질감, 조명, 무드, 촬영 방식 요소를 반드시 포함해 주세요.
2) 각 키워드는 1~3단어의 짧은 표현으로 정리해 주세요.
3) Firefly에서 바로 사용할 수 있는 스타일 키워드 형태로 작성해 주세요.
4) 영문으로 작성해 주세요.
5) 추출된 키워드는 서로 조합했을 때 하나의 일관된 브랜드 이미지 스타일로 보이도록 구성해 주세요.
마지막으로, 추출된 키워드가 브랜드 톤앤매너와 일관성이 있는지
스스로 점검하시고 필요한 경우 개선한 최종 키워드를 제시해 주세요.
이미지 만들기 - Firefly
예시 프롬프트 : A cozy modern café scene with soft neutral tones, warm natural light, minimal composition, calm wood texture, gentle matte finish, cozy clean atmosphere, slow-life mood, natural depth of field, subtle color palette, quiet everyday moments. A peaceful space that feels warm and relaxing, with natural light falling softly on wooden tables and simple ceramics. Emphasize comfort, calm ambiance, and a sense of taking a small break from a busy day.
4. [실습] 타사 브랜드 가이드 찾고 적용하기
브랜드 가이드 찾아보기
- 드롭박스 : https://brand.dropbox.com/
- 넷플릭스 : https://brand.netflix.com/ko
드롭박스
1) 브랜드 성격
- 창의성과 생산성을 연결하는 유연한 협업 플랫폼
- 기능 중심이 아닌 아이디어와 표현 중심의 브랜드
- 실용성과 실험성이 공존하는 크리에이티브 테크 브랜드
2) 로고 사용 방식
- Glyph(박스 아이콘) + Wordmark 구조
- Full logo / Tab(레이아웃 중심 요소) 이원 시스템
- Plane 기반 레이아웃 확장
- 변형 금지 (회전, 왜곡, 색상 변경 X)
- 구성 요소로서 레이아웃을 조직하는 역할
3) 컬러 시스템
- Primary: Dropbox Blue (#0061FE)
- Base: Coconut(오프화이트), Graphite(다크그레이)
- 특징: 다양한 Accent 컬러 (핑크, 옐로우, 그린 등)
- 전략: 예상 밖의 컬러 조합 (Unexpected palette)
- 방식: 대비·조합 중심 (diagonal pairing)
4) 타이포그래피
- Custom Typeface: Sharp Grotesk (DB Sharp Grotesk)
- Variable font (가변 굵기/폭)
- Bold & Graphic 헤드라인
- 실험적 조합 가능 (유연한 타입 시스템)
- 디지털 환경 최적화
5) 이미지 스타일
- 현실 기반 + 크리에이티브 믹스
- 컬러 블록 + 이미지 결합
- 그래픽 요소와 사진의 결합 (Hybrid visual)
- 단순 정보 전달 → 아이디어 표현 중심
- 레이아웃 안에서 이미지가 구조적 역할
6) 톤앤매너
- 창의적이고 유연한 톤 (Creative & Flexible)
- 친근하지만 실험적인 분위기
- 기능 설명보다 아이디어 확장에 초점
- 직관적이면서도 playful한 감성
- 브랜드 가이드 자체가 하나의 경험 (interactive & engaging)
넷플릭스
1) 브랜드 성격
- 강렬하고 대담한 엔터테인먼트 중심 브랜드 (Bold & Cinematic)
- 단순하지만 글로벌하게 확장 가능한 미니멀 아이덴티티
- 감정·스토리 중심 경험을 강조하는 콘텐츠 플랫폼
2) 로고 사용 방식
- Wordmark + “N” 심볼 이원 구조
- Netflix Red 기본 / 필요 시 Black·White 변형
- Clear space 엄격 유지
- 왜곡·변형 금지 (stretch, rotate X)
- 상황별: 전체 로고 / 소형 디바이스 → “N” 심볼
3) 컬러 시스템
- Primary: Netflix Red (#E50914)
- Secondary: Dark Red (심볼용 깊이 표현)
- Base: Black / White
- 특징: High contrast, Cinematic palette
- 느낌: 강렬함, 몰입감, 에너지
4) 타이포그래피
- Custom Sans-serif (Gotham 기반)
- All caps / Bold 중심
- Condensed, 안정적인 구조
- Screen 친화적 (디지털 최적화)
- 단순하고 강한 가독성
5) 이미지 스타일
- 콘텐츠 중심 (Key art 강조)
- 인물 중심 / 감정 표현 강조
- High contrast, cinematic lighting
- 드라마틱, 몰입감 있는 장면
- 썸네일/포스터 중심 구성
6) 톤앤매너
- 대담하고 자신감 있는 톤 (Bold & Confident)
- 감정을 자극하는 스토리 중심
- 직관적이고 간결한 메시지
- 글로벌하지만 로컬 감성 반영
- 콘텐츠에 몰입시키는 분위기
브랜드 가이드 분석 후기
다른 기업의 브랜드 가이드를 살펴보면서 가장 인상 깊었던 점은 단순히 로고나 색상을 정리하는 수준이 아니라 브랜드를 어떻게 보여주고 사용할지까지 자세하게 정리되어 있다는 것이었다. 특히 Netflix는 강한 빨간색과 단순한 디자인만으로도 브랜드 느낌이 바로 전달된다는 점이 기억에 남았다. 콘텐츠 중심의 이미지도 일관되게 사용해서 전체적으로 깔끔하고 집중되는 느낌을 주는 것도 인상적이었다. 반면 Dropbox는 다양한 색과 자유로운 레이아웃을 사용해서 더 밝고 창의적인 분위기를 보여주는 점이 흥미로웠다.
이 두 브랜드를 보면서, 브랜드는 꼭 하나의 스타일로만 표현되는 것이 아니라 목적에 따라 전혀 다른 방식으로 만들 수 있다는 것을 알게 되었다. Netflix는 정리되고 통일된 느낌이 강하다면, Dropbox는 조금 더 자유롭고 다양한 표현이 가능한 구조라는 점이 특히 기억에 남는다. 이번 브랜드 가이드 분석을 통해, 좋은 브랜드는 단순히 예쁜 디자인이 아니라 계속 일관되게 쓰이면서도 다양하게 활용할 수 있는 구조가 중요하다는 것을 느꼈다. 앞으로 디자인을 할 때도 이 부분을 꼭 생각하면서 작업해보고 싶다.
[ 도메인 탐색 및 모작 스터디 ] - 1주차 Ch.2 도메인 레퍼런스 분석
[1주차] Ch.2 도메인 레퍼런스 분석
톤앤매너 분석하기
| 구분 | MUJI | TWL | JAJU |
| 브랜드 분위기 | 불필요한 연출을 줄인 조용하고 담백한 분위기 | 정리된 일상을 보여주는 따뜻하고 차분한 분위기 | 실제 생활 장면 중심의 친근하고 편안한 분위기 |
| 비주얼 스타일 | 제품 중심, 여백을 넓게 사용하는 미니멀 구성 | 플랫레이와 정리된 배열, 여러 제품을 함께 구성, 손글씨체 | 사용 장면 중심 연출, 텍스트가 포함된 배너형 이미지 |
| 레이아웃 구조 | 단일 제품 중심, 넓은 여백의 단순한 레이아웃 | 균형 잡힌 배열 중심, 이미지와 텍스트 혼합 구성 | 정보 전달 중심, 텍스트와 이미지가 결합된 구조 |
무인양품 (MUJI)
- MUJI의 화이트와 그레이 중심 컬러는 심플하고 차분한 분위기를 만든다. 자극적이지 않은 색감은 편안하고 정돈된 느낌을 주며, 제품 자체에 집중하게 한다. 여기에 시그니처 레드 컬러가 포인트로 사용되어 브랜드의 존재감을 또렷하게 드러낸다. 절제된 색 사용 속에서 이 레드는 중심을 잡아주며, 전체적으로 신뢰감 있는 이미지를 완성한다.
TWL (Things We Love)
- TWL은 따뜻한 색감과 함께 손글씨 느낌의 타이포그래피를 사용해, 보다 감성적이고 사람의 온기가 느껴지는 분위기를 만든다. 그래서 TWL의 컬러는 따뜻함을 기반으로, 자연스럽고 편안한 일상의 분위기를 전달한다. 여러 제품이 함께 배치된 이미지와 어우러지면서, 정리된 생활과 안정적인 분위기가 잘 드러난다. 특히 자연 소재의 질감과 함께 표현되면서 전체적으로 부드럽고 소박한 느낌이 강조된다.
자주 (JAJU)
- JAJU는 기본적으로 자연스러운 색감을 사용하면서도, 상황에 따라 다양한 포인트 컬러를 활용해 밝고 친근한 분위기를 만든다. 이 색감은 부담스럽지 않고 편안하게 느껴져, 일상에서 쉽게 접할 수 있는 브랜드 이미지를 형성한다.그래서 JAJU의 컬러는 친근하고 실용적인 느낌을 중심으로, 일상적인 라이프스타일을 자연스럽게 표현한다. 특히 프로모션에서는 선명한 색을 사용해 시선을 끌고, 정보 전달을 더 강조하는 방식이 자주 보인다. 이러한 컬러 활용은 전체적으로 가볍고 활기찬 분위기를 더해준다.
개인 인사이트 ✏️
무인양품, TWL, 자주는 같은 생활용품 브랜드지만 각기 다른 분위기를 보여준다는 점이 흥미로워 선택하게 되었다. 특히 나는 개인적으로 미니멀한 구성의 레이아웃을 좋아하기 때문에, 무인양품과 같은 브랜드를 중심으로 비교해보고 싶었다.
가장 끌렸던 부분은 세 브랜드가 공통적으로 가지고 있는 절제된 디자인이다. 단순한 구성 속에서도 컬러나 무드로 브랜드 정체성을 명확하게 드러내는 방식이 좋았고, 분위기를 일관되게 전달하는 것이 중요하단 것을 느꼈다. 특히 컬러를 절제하는 방식도 충분히 강한 인상을 만들 수 있다는 점을 참고하고 싶다.
브랜드 메시지와 실제 인상은 크게 다르지 않았지만, 무인양품은 생각보다 더 차분하고 거리감 있게 느껴졌고, 자주는 친근하지만 일부 이미지에서는 다소 복잡하게 느껴졌다. 아쉬운 점으로는 자주는 정보가 많아 정리가 덜 된 느낌이 있었고, TWL은 감성적인 이미지에 비해 브랜드 메시지가 조금 약하게 느껴졌다. 이번 분석을 통해 미니멀한 구조에 따뜻한 컬러와 친근한 요소를 더한 새로운 라이프스타일 브랜드를 구상해보고 싶다는 생각이 들었다.
분석한 내용을 토대로 각 브랜드의 차별화된 강점을 간단하게 정리해보자면 무인양품은 절제된 미니멀함, TWL은 감성적인 연출, 자주는 실용성과 접근성이라는 차별화된 강점을 가지고 있다는 점이다.
[ DAY.19 학습 일기 ]
강의랑 디감훈만 하는데 왤케 바쁜지 모르겠다..ㅋㅋ 내일부터 개인과제가 발제된다는데ㅠ 내일부턴 강의 실습보단 과제 우선으로 마치고 강의 마저 들어야겠다. 이번주도 주말은 없을 예정~
'[학습기록] AI 디자이너 내일배움캠프 > Today I Learned' 카테고리의 다른 글
| [TIL] DAY21_AI디자인 실전 콘텐츠 제작 5강, 개인과제 진행 (0) | 2026.04.06 |
|---|---|
| [TIL] DAY20_AI디자인 실전 콘텐츠 제작 4강, 개인과제 진행 (0) | 2026.04.03 |
| [TIL] DAY18_AI디자인 실전 콘텐츠 제작 1강, 도메인 탐색 및 모작 스터디 1주차 (0) | 2026.04.01 |
| [TIL] DAY17_팀프로젝트 LEGODT 브랜드 리뉴얼 ⑤ (0) | 2026.03.31 |
| [TIL] DAY16_팀프로젝트 LEGODT 브랜드 리뉴얼 ④ (0) | 2026.03.30 |