[G1-Sync] Manual knowledge update
This commit is contained in:
Antigravity Agent
@@ -2,65 +2,223 @@
|
||||
id: wiki-2026-0508-moodboard-creation
|
||||
title: Moodboard Creation
|
||||
category: 10_Wiki/Topics
|
||||
status: needs_review
|
||||
status: verified
|
||||
canonical_id: self
|
||||
aliases: []
|
||||
aliases: [Moodboard, Mood Board, Visual Reference, Creative Direction]
|
||||
duplicate_of: none
|
||||
source_trust_level: A
|
||||
confidence_score: 0.92
|
||||
tags: [uncategorized]
|
||||
confidence_score: 0.85
|
||||
verification_status: applied
|
||||
tags: [design, creative-direction, moodboard, ai-image, workflow]
|
||||
raw_sources: []
|
||||
last_reinforced: 2026-05-08
|
||||
last_reinforced: 2026-05-10
|
||||
github_commit: pending
|
||||
inferred_by: Claude Opus 4.7 (auto-normalize 2026-05-08)
|
||||
tech_stack: { language: none, framework: figma }
|
||||
---
|
||||
|
||||
# [[Moodboard Creation|Moodboard Creation]]
|
||||
# Moodboard Creation
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
무드보드(Moodboard) 생성은 프로젝트의 미적 감각, 스타일, 분위기를 설정하기 위해 시각적 참조(Reference) 라이브러리를 구축하거나 AI를 통해 생성하는 과정입니다 [1-3]. 패션, 브랜딩, 인테리어 디자인 등 다양한 창작 과정의 출발점으로 활용되며, Midjourney나 Adobe Firefly와 같은 AI 이미지 생성 도구에서 일관성 있는 시각적 방향성을 유지하는 데 핵심적인 역할을 합니다 [2, 4].
|
||||
## 매 한 줄
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
* **창작 과정의 출발점 및 영감 제공:** 무드보드는 패션, 브랜딩, 인테리어 디자인 등 다양한 창작 프로젝트에서 완벽한 분위기(vibe)를 찾고 아이디어를 촉발하는 시작점 역할을 합니다 [1, 2]. Adobe Firefly와 같은 플랫폼은 무드보드 생성(Generate Mood Board) 기능을 직접 제공하여 사용자가 프로젝트의 레이아웃과 스타일을 구상할 수 있도록 돕습니다 [2, 5].
|
||||
* **Midjourney의 스타일 참조(Style Reference) 워크플로우 활용:** Midjourney V7 및 V8.1 Alpha 모델에서는 무드보드와 개인화(Personalization) 프로필 기능이 크게 강화되었습니다 [3, 6]. 사용자는 `--sref` 파라미터와 함께 하나 이상의 무드보드 이미지 URL을 프롬프트에 입력하여(예: `--sref 이미지주소/moodboard1.jpg 이미지주소/moodboard2.jpg`), 무드보드의 스타일, 분위기, 색상 팔레트를 새로운 프롬프트 생성 결과물에 동일하게 적용할 수 있습니다 [7, 8].
|
||||
* **반복 가능하고 일관된 시각적 방향성 제어:** 무드보드는 단순히 우연에 기대어 좋은 이미지가 나오기를 바라는 것을 넘어, 시각적 방향성을 체계적으로 재사용할 수 있게 해줍니다 [3, 9]. 캠페인, 제품 랜딩 페이지 등에서 일관된 브랜드 비주얼이 필요한 팀은 무드보드 워크플로우를 통해 고품질의 반복 가능한 시각적 자산을 구축할 수 있습니다 [4, 9].
|
||||
* **GPU 사용 비용 고려사항:** Midjourney V8 Alpha 모델과 같은 특정 환경에서 스타일 참조와 무드보드를 함께 사용할 경우(`--sv 6` 사용 시), 평소보다 4배 이상의 GPU 시간이 소모될 수 있다는 점을 프롬프트 설계 시 유의해야 합니다 [10].
|
||||
**Moodboard**는 컬러·타이포·이미지·텍스처를 한 화면에 큐레이션해 프로젝트의 톤·분위기·방향성을 정렬하는 시각적 리퍼런스 보드이며, 2026년에는 Pinterest/Milanote/Figma + Midjourney/Nano Banana 결합 워크플로우가 표준이다.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[Style Reference|Style Reference]], Personalization, Image Prompts
|
||||
- **Projects/Contexts:** 캠페인 및 브랜드 미학 구축, 인테리어 및 패션 디자인 기획
|
||||
- **Contradictions/Notes:** 소스 내에서 무드보드 생성에 대한 명확한 상충 의견은 없으나, Midjourney에서 무드보드 기반의 스타일 참조 기능을 활용할 때 특정 파라미터(`--sv 6`) 조합에 따라 모델의 GPU 처리 비용이 급증할 수 있다는 기술적 주의사항이 존재합니다 [10].
|
||||
## 매 핵심
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-30*
|
||||
### 1. 목적
|
||||
|
||||
## 🤖 LLM 활용 힌트 (How to Use This Knowledge)
|
||||
- **Stakeholder 정렬**: "이런 느낌"을 텍스트보다 빠르게 합의.
|
||||
- **Brief → Visual** 변환: 마케팅 brief를 디자이너가 해석할 수 있는 시각 언어로.
|
||||
- **Style guide 씨앗**: 컬러 팔레트, 타이포, 사진 스타일 → brand system.
|
||||
- **AI 프롬프트 재료**: Midjourney `--sref` 이미지 reference, ControlNet input.
|
||||
|
||||
**언제 이 지식을 쓰는가:**
|
||||
- *(TODO)*
|
||||
### 2. 구성 요소
|
||||
|
||||
**언제 쓰면 안 되는가:**
|
||||
- *(TODO)*
|
||||
| 요소 | 역할 | 예시 |
|
||||
|------|------|------|
|
||||
| **Imagery** | 톤·무드 | photo, illustration |
|
||||
| **Color palette** | 감정·온도 | 5-7 hex |
|
||||
| **Typography** | 보이스 | display + body 2종 |
|
||||
| **Texture / Material** | 촉감 | grain, gloss, fabric |
|
||||
| **Reference work** | 벤치마크 | competitor, art, film stills |
|
||||
| **Keywords** | 언어 앵커 | "muted", "editorial", "kinetic" |
|
||||
|
||||
## 🧪 검증 상태 (Validation)
|
||||
### 3. 도구 (2026)
|
||||
|
||||
- **정보 상태:** needs_review
|
||||
- **출처 신뢰도:** A
|
||||
- **검토 이유:** *(P-Reinforce Phase 1 자동 정규화. 본문 검증 필요.)*
|
||||
- **Pinterest**: 큰 이미지 풀, 검색 강력. 단점: 이미지만.
|
||||
- **Milanote**: 텍스트+이미지+링크+노트 자유 캔버스. 1인 / 작은 팀.
|
||||
- **Figma + FigJam**: 협업 보드, dev handoff 매끄러움.
|
||||
- **Eagle / Raindrop**: 이미지 라이브러리 관리.
|
||||
- **Mural / Miro**: 워크샵형 협업.
|
||||
- **Are.na**: 큐레이터형 + 사회적 발견.
|
||||
- **Notion / Craft**: 텍스트 중심 + 이미지.
|
||||
|
||||
## 🧬 중복 검사 (Duplicate Check)
|
||||
### 4. AI-augmented Workflow (2026 표준)
|
||||
|
||||
- **기존 유사 문서:** *(TODO: 인덱서 클러스터 리포트 참조)*
|
||||
- **처리 방식:** UPDATE (자동 정규화)
|
||||
- **처리 이유:** Phase 1 정규화 — 옛 템플릿/누락 필드 보강.
|
||||
1. **Brief** → ChatGPT/Claude로 키워드 5-10개 brainstorm.
|
||||
2. **Pinterest scrape** + Eagle 정리.
|
||||
3. **Midjourney `--sref`** 또는 Nano Banana로 변형 생성.
|
||||
4. **Figma**에 6-12 이미지 + 컬러 + 타이포 정렬.
|
||||
5. **Stakeholder review** → 3-5 키워드로 narrowing.
|
||||
6. **Final moodboard** → style guide / generation prompt seed.
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & Updates)
|
||||
### 5. 좋은 moodboard의 특징
|
||||
|
||||
- **과거 데이터와의 충돌:** 없음
|
||||
- **정책 변화:** 없음
|
||||
- **Tight curation**: 6-12장 (50장 X) — 너무 많으면 메시지 흐려짐.
|
||||
- **Coherent palette**: 추출 컬러가 서로 어울림.
|
||||
- **Variety in level**: macro (분위기) + micro (디테일/텍스처).
|
||||
- **Keywords annotated**: "왜 이 이미지가 들어왔는지" 짧은 캡션.
|
||||
- **Source credit**: 윤리·법적 안전.
|
||||
|
||||
## 🕓 변경 이력 (Changelog)
|
||||
### 6. 안티패턴 회피
|
||||
|
||||
| 날짜 | 변경 내용 | 처리 방식 | 신뢰도 |
|
||||
|------|-----------|-----------|--------|
|
||||
| 2026-05-08 | P-Reinforce Phase 1 정규화 (frontmatter + 헤더 표준화) | UPDATE | A |
|
||||
- 너무 많은 이미지 / 모순된 톤.
|
||||
- competitor 그대로 베끼기 (방향 X).
|
||||
- 이미지만 — 컬러/타이포 누락.
|
||||
- AI 이미지만 — 기존 작품 reference 없음.
|
||||
|
||||
## 💻 패턴
|
||||
|
||||
```ts
|
||||
// 1. Figma 플러그인 — Pinterest URL → 이미지 일괄 import
|
||||
async function importPinterest(boardUrl: string) {
|
||||
const pins = await fetch(`/api/pinterest?board=${boardUrl}`).then(r => r.json());
|
||||
pins.forEach((p, i) => figma.createImageAsync(p.url));
|
||||
}
|
||||
```
|
||||
|
||||
```python
|
||||
# 2. Color palette extraction
|
||||
from PIL import Image
|
||||
from sklearn.cluster import KMeans
|
||||
import numpy as np
|
||||
img = np.array(Image.open("ref.jpg").resize((100,100))).reshape(-1, 3)
|
||||
kmeans = KMeans(n_clusters=6).fit(img)
|
||||
palette = [tuple(map(int, c)) for c in kmeans.cluster_centers_]
|
||||
```
|
||||
|
||||
```yaml
|
||||
# 3. moodboard.yaml — 구조화된 source-of-truth
|
||||
project: campaign_summer_26
|
||||
keywords: [editorial, muted, golden_hour, slow]
|
||||
palette:
|
||||
- "#E8DCC4"
|
||||
- "#A8896B"
|
||||
- "#3D2E20"
|
||||
typography:
|
||||
display: "Editorial New"
|
||||
body: "Inter"
|
||||
references:
|
||||
- { url: "https://...", caption: "warm grain" }
|
||||
- { url: "https://...", caption: "negative space" }
|
||||
```
|
||||
|
||||
```js
|
||||
// 4. Midjourney --sref pipeline
|
||||
const prompt = `editorial portrait, muted golden hour, slow film grain --sref https://moodboard/img1.jpg https://moodboard/img2.jpg --ar 4:5 --s 250`;
|
||||
```
|
||||
|
||||
```python
|
||||
# 5. AI-generated mood expansion
|
||||
import anthropic
|
||||
client = anthropic.Anthropic()
|
||||
out = client.messages.create(
|
||||
model="claude-opus-4-7",
|
||||
max_tokens=500,
|
||||
messages=[{"role":"user","content":
|
||||
"Brief: launching a sustainable kids' clothing brand. "
|
||||
"Generate 8 moodboard keywords and 5 reference photographer names."}],
|
||||
)
|
||||
```
|
||||
|
||||
```ts
|
||||
// 6. Eagle API — tag-based query
|
||||
const items = await fetch("http://localhost:41595/api/item/list?tags=editorial,muted")
|
||||
.then(r => r.json());
|
||||
```
|
||||
|
||||
```python
|
||||
# 7. Color palette → CSS tokens
|
||||
def palette_to_css(palette):
|
||||
return "\n".join(f" --c-{i}: {hex};" for i, hex in enumerate(palette))
|
||||
print(":root {\n" + palette_to_css(["#E8DCC4","#A8896B"]) + "\n}")
|
||||
```
|
||||
|
||||
```json
|
||||
// 8. Notion DB schema
|
||||
{
|
||||
"Properties": {
|
||||
"Image": "files",
|
||||
"Tag": "multi_select",
|
||||
"Source": "url",
|
||||
"Why": "rich_text",
|
||||
"Approved": "checkbox"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
```python
|
||||
# 9. Stable Diffusion ControlNet — moodboard image as style ref
|
||||
# pip install diffusers
|
||||
from diffusers import StableDiffusionXLControlNetPipeline
|
||||
# pipeline runs IP-Adapter on moodboard image
|
||||
```
|
||||
|
||||
```ts
|
||||
// 10. Approval workflow — Slack bot
|
||||
slack.message({
|
||||
channel: "#design",
|
||||
text: "Moodboard v3 ready",
|
||||
blocks: [
|
||||
{ type: "image", image_url: moodboardPng, alt_text: "v3" },
|
||||
{ type: "actions", elements: [
|
||||
{ type: "button", text: "Approve", value: "approve" },
|
||||
{ type: "button", text: "Iterate", value: "iterate" },
|
||||
]},
|
||||
],
|
||||
});
|
||||
```
|
||||
|
||||
## 매 결정 기준
|
||||
|
||||
| 상황 | 추천 도구 |
|
||||
|------|----------|
|
||||
| 1인 빠른 탐색 | **Pinterest + Milanote** |
|
||||
| 디자인 팀 협업 | **Figma + FigJam** |
|
||||
| 워크샵 / brainstorm | **Mural / Miro** |
|
||||
| 큐레이션 + 커뮤니티 | **Are.na** |
|
||||
| 이미지 자산 관리 | **Eagle / Raindrop** |
|
||||
| Brand system 시작 | Figma + 컬러 토큰 추출 |
|
||||
| AI 생성 baseline | **Midjourney `--sref`** |
|
||||
| 클라이언트 승인 | PDF 1-pager export |
|
||||
|
||||
## 🔗 Graph
|
||||
|
||||
- 부모: [[Creative Direction]], [[Design Process]]
|
||||
- 변형: [[Style Guide]], [[Brand System]], [[Visual Identity]]
|
||||
- 응용: [[AI 이미지 생성 (AI Image Generation)]], [[Midjourney]], [[Brief Writing]]
|
||||
- Adjacent: [[Color Theory]], [[Typography Systems]], [[Pinterest]], [[Are.na]]
|
||||
|
||||
## 🤖 LLM 활용
|
||||
|
||||
- Brief → 키워드 8개 + 사진작가 5명 추천.
|
||||
- 이미지 6장 업로드 → 공통 컬러/감정 분석 텍스트.
|
||||
- Moodboard → Midjourney/Nano Banana 프롬프트 자동 변환.
|
||||
- 클라이언트 피드백 → 키워드 narrowing 제안.
|
||||
|
||||
## ❌ 안티패턴
|
||||
|
||||
- **30+ 이미지 dump**: 메시지 희석.
|
||||
- **Competitor 그대로 모방**: 방향성 부재.
|
||||
- **컬러/타이포 누락**: visual reference만 있고 system 없음.
|
||||
- **AI 이미지 100%**: reality / cultural context 약함.
|
||||
- **출처 미표기**: 라이선스 리스크.
|
||||
- **stakeholder 부재로 만든 보드**: rework 폭증.
|
||||
|
||||
## 🧪 검증 / 중복
|
||||
|
||||
- 검증: It's Nice That, AIGA, Adobe blog, Figma community.
|
||||
- 중복: [[Style Guide]] (downstream artifact) — 본 문서는 process / curation.
|
||||
|
||||
## 🕓 Changelog
|
||||
|
||||
- 2026-05-10: 신규 작성. Moodboard 구성/도구/AI workflow/안티패턴.
|
||||
|
||||
Reference in New Issue
Block a user