bluish wolf

# 레드블랙트리 구성 설명## 1. 레드블랙트리란?레드블랙트리는 자가균형 이진탐색트리(Self-Balancing BST)의 한 종류입니다. 모든 연산(삽입, 삭제, 탐색)이 O(log n) 시간에 보장됩니다.## 2. 5가지 규칙 (핵심)| # | 규칙 ||---|------|| 1 | 모든 노드는 Red 또는 Black || 2 | 루트는 항상 Black || 3 | 모든 리프(NIL)는 Black || 4 | Red 노드의 자식은 모두 Black (Red-Red 인접 금지) || 5 | 임의의 노드에서 리프까지의 Black 노드 개수가 동일 (Black Height) |## 3. 구조 설계```┌─────────────────────────────────────┐│ RBTree 구조..

UI는 "지금 해야 할 일"을 강조하는 그라디언트 배너, 구분선으로 정렬된 태스크 리스트, 원형 플로팅 버튼(FAB), 표준형 하단 탭바로 구성된 전형적인 생산성 앱 화면입니다. 여기에 네 가지 심리·인지 법칙이 동시에 작동하고 있습니다 — 목표 구배 효과(#032), 연속의 법칙(#093), 제이콥의 법칙(#100), 피츠의 법칙(#103). 흥미로운 점은 이 네 효과가 서로 다른 층위에서 작동한다는 것입니다. 목표 구배 효과와 연속의 법칙은 "시선과 동기"를 다루는 지각·정서 심리학이고, 제이콥의 법칙과 피츠의 법칙은 "손가락과 습관"을 다루는 인지공학(HCI)입니다. 이 두 층위가 한 화면 안에서 어떻게 맞물리는지 인지 처리 순서로 분석해보겠습니다.인지 처리 흐름사용자가 앱을 열었을 때 뇌가 이 화..

들어가며이전 CASE들(웹사이트, 포스터, 랜딩페이지, 배너, 섬네일, 명함, 온라인 쇼핑몰)이 전부 "붙잡고 싶은" 순간 — 유입·전환·구매 — 을 설계했다면, 해지 화면은 정반대의 순간을 설계한다. 이미 결심하고 이탈 버튼까지 누른 사용자를 마지막 순간에 돌려세우는 화면이다. 그래서 이 CASE는 시리즈 안에서 가장 노골적으로 설득 심리학이 응축된 사례이자, 동시에 규제 당국이 가장 예민하게 들여다보는 영역이기도 하다. 실제로 미국 연방거래위원회(FTC)는 2023년 아마존을 상대로, 프라임 해지 과정에서 소비자가 최소 6번을 클릭해야 했고 모바일에서는 최소 8페이지·8클릭 과정을 거쳐야 했다는 이유로 소송을 제기했다. 이 화면 역시 같은 설계 원리 위에 서 있다 — 다만 이번엔 클릭 수를 늘리는 대..

들어가며 — 쇼핑몰 UI는 설득의 파이프라인이다온라인 쇼핑몰 화면은 정보를 나열하는 곳이 아니라, 방문자를 신뢰 → 탐색 → 욕구 → 전환이라는 네 단계로 밀어 넣는 깔때기다. "LIFE. STYLE." 쇼핑몰 목업에는 이 네 단계에 정확히 대응하는 네 가지 심리 효과가 배치되어 있다 — 텐션 리덕션 효과, 힉의 법칙, 밴드왜건 효과, 디폴트 효과.# - 적용 효과 - 본 시리즈 참조 - 화면 위치 - 담당 역할1텐션 리덕션 효과 (Tension Reduction Effect)#031최상단 배너구매 불안 사전 제거 (Trust)2힉의 법칙 (Hick's Law)#051내비게이션 바선택지 압축, 탐색 마찰 감소 (Navigate)3밴드왜건 효과 (Bandwagon Effect)#012상품 카드사회적 증거..

들어가며 — 명함이라는 압축된 매체명함은 광고 크리에이티브 중 가장 작은 캔버스입니다. 웹사이트나 포스터와 달리 스크롤도, 애니메이션도 없이 90×50mm 안에서 첫인상 전부를 완결해야 하죠. 그런데 역설적으로 이 작은 매체일수록 레이아웃의 기본 법칙(근접, 청크, 폐쇄, 반복)과 미세한 지각 보정(착시)이 동시에, 그것도 눈에 띄지 않게 작동해야 합니다. 실제로 명함 디자인 가이드들은 사람들이 좌상단부터 정보를 읽어 내려가는 습관을 전제로, 이름·직함처럼 가장 중요한 정보를 상단이나 좌측의 "우선 구역"에 배치하라고 권장합니다.이번 CASE의 분석 대상은 건축사무소 "VISIONARY ARCHITECTS"의 명함입니다. 태호님이 명시하신 것처럼, 이 명함에는 다섯 가지 심리 효과가 반영되어 있습니다.#..

먼저 이 섬네일에 반영된 4개 효과를 인지 처리 순서대로 정리하면 이렇습니다.인지 단계 효과 섬네일 요소① 주의 포착(금지 반응)칼리굴라 효과"절대 열지 마시오!" 경고 문구② 시선 유도(대치 지점 지목)화살표 효과열쇠 → 문/포탈을 잇는 붉은 화살표③ 긴장 조성(양가감정 시각화)인지 부조화안전요원(저지) vs 시청자(열쇠 든 손) 대립 구도④ 미해결 상태(클릭 전환)자이가르닉 효과"???" · "열어야 하나 말아야 하나?"이 네 효과의 결합 방식이 흥미로운 이유는, CASE 04(포스터)의 AIDA형 구조("내 얘기 → 정보 → 압박 → 행동")와 달리, 이 섬네일은 처음부터 끝까지 하나의 감정 — "보고 싶은데 보면 안 된다"는 금지된 호기심 — 만을 계속 증폭시키는 구조라는 점입니다. 정보 전달이 ..

들어가며 — 섬네일이라는 전장(戰場)섬네일은 광고 크리에이티브 중 가장 가혹한 조건에서 싸우는 매체입니다. 유튜브처럼 사용자가 1초 이내에 클릭 여부를 결정하는 플랫폼에서, 모바일 화면에서는 168×94픽셀까지 축소된 상태로 노출되며, 전체 시청 시간의 70% 이상이 모바일에서 발생합니다. 피드에서 시청자의 눈은 수십 개의 섬네일을 동시에 놓고 시각적 대비, 감정 단서, 신선함을 기준으로 고속 패턴 인식(스캔 → 필터링 → 선택)을 수행하죠.이번 CASE의 분석 대상은 판타지 콘텐츠 섬네일 "비밀의 룬"입니다. # - 적용 효과 - 본 시리즈 참조 - 담당 역할1대비의 법칙 (Law of Contrast)#092피드에서 멈춰 세우기 (Stop)2대칭의 법칙 (Law of Symmetry)#098구조를 한..

먼저 이미지를 다시 보면, 이 포스터는 향수 브랜드 "Black Label Editions"의 프레스티지 라인 광고입니다. 좌우 대칭으로 배치된 두 명의 동일 모델, 중앙의 다이아몬드 컷 향수병, 골드·블랙·레드의 색채 조합, 그리고 "THE CHOSEN FEW"·"RESERVED FOR TRAILBLAZERS" 같은 배타적 카피가 특징입니다.4개 효과를 인지 처리 순서대로 배열하면 다음과 같습니다.인지 단계 - 효과- 포스터에서의 역할① 구조적 첫인상(0.1초 이내)대칭 효과좌우 미러링된 모델 배치 → 즉각적 신뢰·격식·품질 지각② 시선 이동 경로N의 법칙좌 모델 → 중앙 헤드라인/제품 → 우 모델을 오가는 왕복 스캔③ 시각적 정지점(주의 포착)대비 효과검정·레드 배경 위 골드 제품과 백색 타이포의 명..

CASE 01(웹사이트) · CASE 02(기부 포스터) · CASE 03(화장품 포스터)에 이어 이번엔 "강남 직장인" 타깃의 자기계발 강의 프로모션 포스터입니다. 앞선 케이스들이 신뢰·감성·프리미엄 지각에 초점을 맞췄다면, 이번 포스터는 성격이 완전히 다릅니다. **오직 "지금 당장 클릭하게 만드는 것"**만을 목표로 설계된, 순수 행동유도형(conversion-driven) 광고입니다.먼저 이 포스터에 반영된 4개 효과를 인지 처리 순서대로 정리하면 이렇습니다.인지 단계 - 효과 - 포스터 요소① 주의 포착(자기 관련성 감지)칵테일파티 효과"강남 직장인, 혹시 당신 이야기인가요?"② 시선 유도(레이아웃 경로)Z의 법칙헤드라인 → 선착순 카피 → 모델 이미지 → 가격/CTA③ 긴장 조성(행동 압박)마..

CASE 01(웹사이트)과 CASE 02(기부 포스터)에 이어, 이번엔 프리미엄 스킨케어 브랜드 "샤르팡디에" 광고 포스터입니다. 앞선 두 케이스가 각각 9개·5개 효과를 다뤘다면, 이번엔 6개 효과가 한 장의 상업 광고 안에서 어떻게 유기적으로 얽혀 있는지를 봅니다. 특히 흥미로운 지점은 브랜드명 "샤르팡디에"가 #002 심리 효과 "샤르팡티에 효과(Charpentier Effect)"와 발음이 거의 같다는 것 — 이 우연(혹은 의도)이 실제로 포스터 안의 제품 용기 디자인과 정확히 맞아떨어집니다.먼저 포스터 전체를 인지 단계별로 나눠보면 이렇게 흘러갑니다.인지 단계 - 효과 - 포스터 요소① 사전 프레임 설정프라이밍 효과"프랑스 황실의 비밀" 헤드라인, 백합·금색 톤 배경② 주의 포착·시선 이동시선 ..