이 콘텐츠는 무엇인가 (제작 메모)

• 포맷: 인스타/링크드인 캐러셀. 슬라이드 1장 = 개념 1개.

• 시리즈: "배너 한 장으로 보는 VIO" 1편. 본편(Dynamic Ontology Runtime 글)의 캐주얼 후속편이자, 단독으로도 읽히는 별도 시리즈.

• 왜 새 시리즈인가: 본편은 "사상 → 구조 → 런타임"으로 쌓는 무거운 글이었고 "어렵다"는 피드백을 받았다. 이 시리즈는 정반대로 간다. 이론에서 시작하지 않고, 누구나 아는 장면(배너 한 장 만들기) 하나로 시작해서 개념을 거기에 얹는다.

• 구조 (줌아웃 → 줌인): 먼저 VIO 전체 개념을 한 장으로 펼치고, 그다음 그 전체 그림에서 부분(지식·워크플로·대화·기억)을 하나씩 다시 끌어와 디테일하게 푼다.

• 인과 척추 (네 조각은 병렬이 아니라 흐름이다): 지식(고를 수 있는 것과 그 선택 뒤 따라올 제약을 깊게 아는 것) → 워크플로(그 선택들이 흐르는 길) → 대화(누구에게 무엇을 어떤 경로로 전할지 목적을 묻고 가이드) → 기억(왜 그렇게 정했는지를 남겨 같은 대화 반복을 막음) → 순환(그 기억이 다시 그래프를 다듬음) = VIO. 각 슬라이드는 다음 슬라이드를 "그래서…"로 끌고 간다.

• 부분 설명 패턴: 각 조각은 "○○란 무엇인가?"라는 쉬운 질문으로 열고, 답을 배너 예시로 보여준 뒤, 맨 끝에만 "진짜 이름: ~Graph"를 살짝 붙인다.

• 관통하는 장면: 뉴스레터 히어로 배너 한 장. 후보 뽑고, 고르고, "좀 더 차분하게" 피드백 주고, 다시 뽑는 그 장면. 모든 슬라이드가 이 한 장면을 한 각도씩만 비춘다.

• 핵심 메시지: 배너 한 장 만드는 그 평범한 일이, 사실은 네 가지 앎이 흐름으로 엮인 일이었다. 그리고 그 흐름은 순환하며 작업할수록 똑똑해진다.

• 톤: 캐주얼. 짧은 문장, 친근한 말투, 이모지 약간. 전문용어는 슬라이드 끝에 "진짜 이름"으로만.

---

스토리라인 (줌아웃 → 줌인 → 합치기)

1. 전체 그림 (줌아웃) → 배너 한 장 장면으로 "업무는 파일이 아니라 관계(그래프)다"를 보여주고, 그 그래프가 네 가지 앎의 흐름으로 엮여 돈다는 전체 개념을 한 장에 펼친다. (슬라이드 0~3)

2. 부분 하나씩 (줌인, 인과로 연결) → 전체 그림의 네 조각을 하나씩 끌어와, "○○란 무엇인가?" + 배너 예시로 풀되, 각 조각이 다음 조각을 "그래서…"로 부른다. 지식(선택지+제약) → 워크플로(선택의 흐름) → 대화(목적으로 수렴, 묻고 가이드) → 기억(결정 이유 저장, 반복 방지). (슬라이드 4~7)

3. 다시 합치기 + 순환 → 네 조각이 사실 같은 구조(Node→Relation→Node)고, 그 기억이 순환해 그래프를 다시 다듬는다 → 그게 VIO → 한 줄 정의. (슬라이드 8~10)

---

캐러셀 슬라이드

각 슬라이드: [헤드라인] (크게) + [본문] (짧게) + [도식] (그래프 미니맵) + [이미지 컨셉] (이미지 제작용 한 줄).

---

슬라이드 0 : 표지(Cover)

헤드라인

배너 한 장 만들었을 뿐인데

그래프를 4개나 그렸다 🤯

본문

VIO 글이 어렵다고요?

그 얘기, 배너 한 장이면 다 됩니다.

(슬라이드 넘겨서 →)

이미지 컨셉

책상 위 뉴스레터 히어로 배너 시안 한 장. 그 위로 점과 선(노드·엣지)이 유령처럼 4겹 겹쳐 비치는 모습. "한 장 = 4개의 그래프"라는 후킹.

---

슬라이드 1 : 누구나 아는 그 장면

헤드라인

일단, 우리가 매번 하는 이 작업

본문

뉴스레터 배너 하나 만든다.

후보 3개 뽑고 → 파란 거 고르고 →

"좀 더 차분하게" 하고 → 다시 뽑고.

끝나면 폴더엔 hero.png 한 장만 남는다.

도식

후보3개 ─▶ 파란 거 선택 ─▶ "차분하게" ─▶ 다시 ─▶ hero.png

이미지 컨셉

배너 후보 3개가 나란히, 그중 파란 것에 동그라미. 옆에 말풍선 "좀 더 차분하게~". 마지막엔 달랑 파일 하나(hero.png) 남은 폴더.

---

슬라이드 2 : 그런데 한 달 뒤…

헤드라인

한 달 뒤, 똑같은 삽질을 반복한다

본문

새 배너 만들려고 폴더를 연다.

남은 건 hero.png 한 장뿐.

나머지 후보도, 왜 파란색이었는지도 없다.

"주황은 경쟁사 색이라 뺐다" 그 판단도 사라졌다.

→ 그래서 주황 후보를 또 만들고, 또 지운다. 😩

도식

저장됨:   hero.png  ✅
사라짐:   왜 골랐나 · 뭘 뺐나 · 왜  ❌

이미지 컨셉

텅 빈 폴더에 파일 하나. 그 주위로 회색으로 흐려진 말풍선들("왜 파랑?", "주황 왜 뺌?")이 공중에 흩어져 사라지는 모습.

---

슬라이드 3 : 전체 그림 (줌아웃): 배너 한 장 = 네 가지 앎의 흐름

헤드라인

배너 한 장에는 '네 가지 앎'이 흐름으로 엮인다

본문

"파란 후보를 골랐다" 한 줄에는

누가·왜·그래서 뭐가 바뀌었나가 통째로 엮여 있다.

업무의 본질은 파일이 아니라 이 **연결(그래프)**이다.

그리고 이 연결은 따로 노는 네 개가 아니라, 한 줄로 이어지는 흐름이다.

도식

무엇을 고를 수 있나   어떻게 고르나      누구에게 뭘 전하나   왜 그렇게 정했나
   지식      ──▶      워크플로    ──▶      대화      ──▶      기억
    ▲                                                          │
    └──────────────────  순환(그래프를 다듬는다)  ◀────────────┘

본문(이어서)

선택지를 알고(지식), 고르고(워크플로), 목적으로 좁히고(대화), 왜 그랬는지 남긴다(기억).

그리고 그 기억이 다시 지식으로 순환한다. 이 고리를 굴리는 게 VIO다.

이제 한 칸씩 들여다보자 👇

이미지 컨셉

가운데 배너 한 장에서 출발해 지식→워크플로→대화→기억으로 이어지고, 다시 지식으로 되돌아오는 한 장짜리 순환 지도. 다음 슬라이드들이 이 고리의 한 칸씩을 확대한다는 느낌.

---

슬라이드 4 : [줌인 ①] 지식이란 무엇인가

헤드라인

① 지식 = 고를 수 있는 것과, 그 선택의 대가를 깊게 아는 것

본문

배너엔 요소가 많다. 헤드라인 · 본문 · CTA · 모티브 · 색 · 로고.

근데 많이 넣는다고 좋은 게 아니다. 요소들이 조화로워야 눈에 들어온다.

도메인 지식은 이거다:

무엇을 고를 수 있는지, 그리고 그걸 고르면 어떤 제약이 따라오는지를 깊게 아는 것.

본문(이어서) : 한 선택이 다른 요소로 번진다

예) 모바일에서 본다 → 텍스트는 커지고, 정보 밀도는 낮아져야 한다.

그 제약은 거기서 안 끝난다. 구도까지 흔든다.

한 선택이 줄줄이 다른 요소에 영향을 준다. 그걸 읽어내는 게 전문성이다.

→ 그럼 이 선택들을 매번 어떻게 끌고 가지? 그게 다음 칸, 워크플로다.

도식

배너 요소(조화) ─선택─▶ "모바일로 본다"
                       └─제약─▶ 텍스트↑ · 밀도↓ ─번짐─▶ 구도 바뀜

이미지 컨셉

배너를 분해해 구성요소(헤드라인·CTA·모티브·색·로고)가 라벨과 함께 떠 있는 분해도. "모바일" 스위치를 켜자 텍스트가 커지고 밀도가 줄며, 그 여파로 구도 격자가 도미노처럼 재배치되는 모습.

진짜 이름: Knowledge Graph

---

슬라이드 5 : [줌인 ②] 워크플로란 무엇인가

헤드라인

② 워크플로 = 그 선택들이 흐르는 길

본문

그래서 만들 때마다 고른다.

텍스트를 많이 넣을까? 아니면 캐릭터로 브랜드를 보여줄까?

이걸 다음에도 일관되게 가져갈까?

이 선택의 흐름을 정해 둔 게 워크플로다.

본문(이어서)

그리고 흐름엔 분기가 있다.

후보 3개가 다 별로면? 렌더로 못 간다. 되돌아가 다시 만든다.

즉 워크플로는 순서가 아니라 **"어떤 조건이면 어디로 가는가"**의 지도다.

→ 근데 이 선택들, 결국 무엇을 위해 고르지? 그게 다음 칸, 대화다.

도식

텍스트 多 ? ─┐
캐릭터 ?   ─┼▶ 선택 ─▶ 검토 ─▶ 맘에 듦?
일관성 ?   ─┘                  ├ 응 ─▶ 렌더 🎉
                               └ 아니 ─▶ 다시 ↩

이미지 컨셉

"텍스트냐 / 캐릭터냐 / 일관성 유지냐" 세 갈래 선택이 한 줄기로 흐르다가, 끝에서 "렌더 vs 다시" 갈림길로 분기하는 길 그림. 직선 파이프가 아니라 선택이 흐르는 물길.

진짜 이름: Instruction Graph

---

슬라이드 6 : [줌인 ③] 대화란 무엇인가

헤드라인

③ 대화 = 목적을 묻고 길을 안내하는 것

본문

그 선택들은 결국 한 곳으로 모인다.

"누구에게, 어떤 경로로, 무엇을 전달할까."

그래서 좋은 대화 디자인은 말솜씨가 아니라,

그 목적을 묻고, 거기에 맞게 가이드하는 것에 가깝다.

본문(이어서)

"좀 더 차분하게"라는 한마디도 그 목적을 한 칸 좁히는 일이다.

톤 낮춰 → 어디를(채도? 여백?) → 애매하면 되묻고 → 결정.

대화는 쌓인 말풍선 로그가 아니라, 목적지로 한 칸씩 미는 핸들이다.

→ 근데 이렇게 정한 걸 안 남기면? 다음에 또 처음부터 묻는다. 그게 다음 칸, 기억이다.

도식

"무엇을 / 누구에게 / 어떤 경로로?" ─수렴─▶ 목적
"차분하게" ─▶ 의도 ─▶ 속성 ─▶ 되묻기 ─▶ 결정

이미지 컨셉

여러 갈래 질문("무엇을? 누구에게? 어떤 톤?")이 깔때기처럼 하나의 목적지로 모이고, 그 옆에서 안내자가 "이쪽이요" 하고 길을 가리키는 모습. 채팅 로그가 아니라 '안내'.

진짜 이름: Interaction Graph

---

슬라이드 7 : [줌인 ④] 기억이란 무엇인가

헤드라인

④ 기억 = 왜 그렇게 정했는지를 남기는 것

본문

만든 이미지가 왜 그렇게 결정됐는지 모르면?

다음에 또 묻는다. 또 고른다. 또 같은 대화.

매번 물으면 결국 불편하다. 😩

그래서 결정의 이유를 기억에 남긴다.

본문(이어서)

"주황은 경쟁사 색이라 뺐다", "로고는 가로폭 최소 8%", "차분하게 = 채도 낮춤".

한 번 남기면 두 번 안 묻는다.

기억은 "뭐 했었지"의 일기가 아니라 "뭐 때문에 이렇게 됐나"의 인과다.

→ 자, 네 칸을 다 봤다. 한 발 물러나서 같이 보자.

도식

결정 ─이유─▶ 기억에 기록 ("주황 뺐다" · "로고 8%" · "차분=채도↓")
                          └─다음 작업에선─▶ 안 물어봐도 됨

이미지 컨셉

대화 장면이 흐릿해지며, 거기서 핵심 결정들이 카드(규칙)로 떨어져 차곡차곡 기억 서랍에 정리되는 모습. 그 서랍에서 화살표 하나가 다시 맨 앞(지식)으로 이어진다.

진짜 이름: Experience Graph

---

슬라이드 8 : 다시 합치기: 사실 다 같은 그래프다

헤드라인

화살표 이름만 다를 뿐, 모양은 똑같다

본문

방금 본 4개를 다시 봐.

전부 점을 선으로 잇는 똑같은 모양이다.

다른 건 노드의 종류가 아니라 '의미'뿐.

→ 배너 한 장 만들 때, 우린 이 4개를 동시에 그리고 있었다.

도식

전부 다:  노드 ─관계─▶ 노드

이미지 컨셉

4개 그래프가 같은 격자 위로 겹쳐지며 하나의 패턴으로 포개지는 모습. "Node → Relation → Node" 한 줄이 가운데 크게.

---

슬라이드 9 : 그 기억이 순환해 그래프를 다듬는다

헤드라인

그리고 그 기억이 순환해, 그래프를 다시 다듬는다

본문

기억은 죽은 기록이 아니다.

다음 작업의 지식이 되어 워크플로를, 대화를 바꾼다.

지식 → 워크플로 → 대화 → 기억 → 다시 지식.

이 고리가 한 바퀴 돌 때마다 "우리 브랜드다움"이 더 또렷해진다.

본문(이어서)

"둥근 모서리가 우리답다"가 쌓이면 그래프에 새 선으로 박힌다.

그래서 100번째 배너는 1번째보다 피드백이 적게 든다.

이 순환을 돌리는 것, 그게 VIO다.

도식

지식 ─▶ 워크플로 ─▶ 대화 ─▶ 기억 ─┐
  ▲                              │
  └───────── 순환(↻) ────────────┘   (한 바퀴마다 그래프가 촘촘해짐)

이미지 컨셉

순환 고리(루프). 한 바퀴 돌 때마다 그래프가 조금씩 더 촘촘하고 밝아짐. 배너 시안이 1번째→100번째로 갈수록 손이 덜 가는 모습.

---

슬라이드 10 : 마무리 + 한 줄 정의

헤드라인

그래서 VIO는 '저장소'가 아니라 '런타임'이다

본문

VIO는 브랜드 비주얼 저장소로 시작했다.

근데 실제로 만든 건,

지식·워크플로·대화·기억을 한 그래프 위에서 돌리고,

돌릴수록 그 그래프가 자라는 시스템이었다.

그게 Dynamic Ontology Runtime. 더 정확히는 Semantic Runtime.

본문(CTA)

👉 어렵게 쓴 본편이 궁금하면 프로필 링크로.

다음 편: "그래프가 살아있다는 게 무슨 뜻이냐" 한 편 더 깊게.

이미지 컨셉

표지와 수미상관. 같은 배너 + 그래프지만, 이번엔 4겹 그래프가 선명하게 살아 빛나는 모습. 하단에 시리즈 로고/다음 편 예고.

---

채널별 메모 (초안)

• 인스타그램: 위 슬라이드 0~10을 그대로 11장 캐러셀. 캡션은 슬라이드 1~3 핵심 + 해시태그.

• 링크드인: 같은 덱을 PDF 캐러셀(document)로. 첫 줄 후킹은 슬라이드 0 헤드라인.

• 스레드/threads: 슬라이드 헤드라인만 뽑아 텍스트 스레드로 분해 가능(이미지 1~2장 첨부).

• 본문 카피 전부 엠대시 미사용 확인 완료(스타일 규칙 준수).