PPT 디자인 스킬은(는) 무엇을 하나요?
주제와 원자료를 설계된 논증으로 변환하세요 — 장식된 문서가 아닙니다. 정적 디자인과 모션 디자인은 동등한 시민입니다: 데크는 페이지별로 잘 읽혀야 하고, 재생될 때 잘 움직여야 합니다.
이 파일은 단일 진입점입니다. 일관성을 유지해야 하는 결정을 담고 있으며, references/ 파일은 상세 지식을, workflows/ 파일은 실행 가능한 절차를, examples/는 추상화된 디자인 패턴을 담고 있습니다. 작업에 실제로 필요한 참조만 읽으세요.
언제 무엇을 읽을까
| 작업 | 참조 파일 |
|---|---|
| 새 데크의 콘텐츠와 스토리 계획 | workflows/create-presentation.md + references/content-strategy.md |
| 한 페이지 잘 디자인하기 | workflows/design-slide.md + references/slide-patterns.md |
| 보기 흉하거나 지저분한 페이지 진단/수정 | workflows/improve-slide.md |
| 한 슬라이드에 애니메이션 추가 | workflows/create-slide-animation.md |
| 전체 애니메이션 데크 제작 | workflows/create-animated-presentation.md |
| 완성된 데크 검토 (정적 + 동적) | workflows/review-presentation.md + references/quality-control.md |
| 색상/글꼴/그리드 선택 | references/color-system.md, references/typography.md, references/layout-system.md |
| 차트 및 데이터 스토리텔링 | references/data-visualization.md |
| 이미지, 아이콘, 텍스처 | references/visual-assets.md |
| 시나리오별 스타일링 | references/presentation-scenarios.md |
| 모션: 원칙, 타임라인, Morph, 패턴, 코드 | references/animation-fundamentals.md → animation-timeline.md → slide-transitions.md → advanced-animation.md → motion-design.md → animation-patterns.md → animation-implementation.md |
| PPTX 내부 이해/생성 | references/pptx-technical-guide.md |
| 전체 참조 데크 복제 | workflows/replicate-deck.md + references/replica-modes.md |
| 한 페이지 복제/재사용 | workflows/replicate-slide.md |
| 템플릿 또는 마스터 추출 | workflows/extract-template.md |
| 글꼴 식별, 일치 또는 라이선스 취득 | workflows/extract-fonts.md |
| 레이아웃, 컴포넌트, 애니메이션 레시피 채굴 | workflows/extract-assets.md |
| 개인 라이브러리 검색 또는 구성 | workflows/asset-library.md + references/asset-library-schema.md |
작업명 별칭 (동일한 워크플로우, 호출자 호환성 유지): create-deck → create-presentation, improve-slide → improve-slide, animate-slide → create-slide-animation, review-deck → review-presentation, extract-assets → extract-assets.
복제 및 개인 에셋 라이브러리
'처음부터 디자인' 외에 두 가지 기능이 있습니다:
- 복제 (
replicate-deck,replicate-slide)에는 세 가지 계약이 있습니다: A 원형 재사용 (정확함; 마스터/차트/애니메이션 보존됨), B 구조적 재구축 (편집 가능; 글꼴/효과 근사됨), C 시각적 모방 (이미지 기반; 텍스트만). 항상 모드를 명시하고, C를 편집 가능하다고 제시하지 않으며, 대체 후 100% 충실도를 주장하지 마십시오. - 라이브러리 (
E:\PPT-Design-Assets\)에는 50개의 템플릿, 50개의 독립형 마스터, 24개의 페이지 패턴, 680개의 컴포넌트, 64개의 애니메이션 레시피 및 글꼴 레지스트리가 있습니다. 디자인하기 전에 검색하고(scripts/asset_search.py,--compose), 사용된 에셋 ID를 기록하십시오.
이에 대한 측정된 증거는 references/replica-modes.md 및 references/asset-library-schema.md에 있으며, 절차는 위의 6개 워크플로우에 있습니다.
표준
완성된 데크는 5가지 테스트를 통과합니다:
- 하나의 데크, 하나의 세계. 로고를 제거해도 낯선 사람이 세 개의 슬라이드가 어떤 데크에서 왔는지 알 수 있어야 합니다.
- 모든 페이지에는 역할이 있습니다. 페이지는 논증을 진전시키고, 증거를 제공하며, 쉼을 만들거나, 결정을 요청합니다. 채우기 페이지는 없습니다.
- 계층 구조는 눈을 가늘게 뜨고 봐도 살아 있습니다. 썸네일 크기(연락처 시트 테스트)에서 의도된 1차/2차/3차 읽기가 여전히 보여야 합니다.
- 우연한 장식은 없습니다. 모든 선, 이미지, 색상 필드 및 숫자는 그 자리를 차지할 자격이 있습니다.
- 모션은 의미입니다. 애니메이션은 드러내고, 안내하고, 비교합니다. 애니메이션을 제거해도 정보 손실이 없고 완성도가 높아지지 않는다면 제거하십시오.
'더 디자인된 것'을 목표로 하지 마십시오. 하나 또는 두 개의 기억에 남는 움직임이 있는 하나의 명확한 시각적 논증을 목표로 하십시오.
증거 기반 (측정된 것, 추측이 아님)
소스 코퍼스의 전체 구조 + 애니메이션 스캔에서 파생되었습니다. 비교를 위한 범위로 취급하고, 절대적인 법칙으로 취급하지 마십시오.
- 캔버스: 94/102 데크에서 16:9, 13.333×7.5 인치. 인쇄/레거시용 4:3 (5개 데크); 배너 스타일 공개 보고서 데크용 초광각 3.5554. 데크당 하나의 캔버스.
- 페이지당 도형: 중앙값 10, 평균 ~16, p90 24. 밀집 데이터 페이지는 30–55에 도달.
- 글자 크기 (pt): 본문 12–18; 작은 레이블 8–11; 소제목 20–28; 페이지 제목 24–44; 섹션/문장 44–80; 표지/메가 숫자 88–344. 본문 텍스트는 일반적으로 12–18 pt, 가장 일반적으로 14–18.
- 팔레트: 압도적으로 2–3색 — 흑백 또는 거의 중립적인 필드에 하나의 채도 높은 악센트 (예:
FFD23C,C3DF21,0F6FC6)와 하나의 중립 지원 톤. 전문 악센트 예:#FFD23C#C3DF21#FF008E#00EBFF#0F6FC6#D51C3B#7EAB28#0535D1. - 글꼴 (CJK): 微软雅黑 / 思源黑体 계열이 지배적; 더 무거운 디스플레이 서체(思源黑体 Heavy/Bold, 庞门正道标题体)는 제목에 사용. 글꼴 (라틴): Segoe UI / Segoe UI Light, Lato, Arial, Calibri. 반복적으로 사용되는 무료/상업적 안전 세트: 思源黑体 + Lato.
- 차트: 55개 데크에 차트 포함. 분포: 막대 183, 파이 78, 도넛 67, 선 37, 버블 16, bar3D 13, 산점도 12, 영역 11, 레이더 8. 차트는 포함된 통합 문서가 있는 기본 편집 가능한 개체입니다 — 차트 그림이 아닌 편집 가능한 차트를 사용하십시오.
- 애니메이션 적용 범위: 4235개 슬라이드 중 1068개에 타이밍 트리가 있습니다. 742개에 전환이 있습니다. Morph는 183개 슬라이드에 나타나고, push 169, fade 149, 그리고 추가로 128개는 다른 전환 프리셋을 사용합니다.
- 효과 구성: 시작 효과 Fade (701) 및 Zoom (371)이 선두를 차지하고, Fly In (248) 및 Wipe (141)가 뒤따릅니다; 강조는 미묘한 '변경/강조' 효과가 지배적입니다; 모션 경로는 있지만 드물고 의도적입니다.
- 타이밍 문법: 지배적인 노드 관계는 withEffect (2678) 다음으로 afterEffect (652), clickEffect (473). 지연은 0 / 100 / 300 / 500 ms에 집중되고 지속 시간은 500 / 1000 / 2000 ms에 집중되며, 공개 시
decel이징이 사용됩니다. - 스케일: 강조 펄스는 1.25× → 0.80× 쌍(
animScale125000/80000)을 사용합니다. - 실제로 사용된 고급 미디어: 기본 3D 모델 (
am3d:model3d) 및 포함된 비디오 — 라이브러리가 내보낼 수 없는 것을 지원한다고 주장하지 마십시오. - 2차 코퍼스 (4314개 슬라이드): 105개 분석된 패키지, 241개 마스터, 1393개 레이아웃, 66개 고유 테마, 1099개의 타이밍 트리가 있는 슬라이드, 183개의 Morph 페이지; 전환: morph 183, push 173, wipe 16.
- 애니메이션 샘플 (50개 큐레이션된 데크): 984개 효과 노드 → 64개 레시피; 시작 효과 Grow & Turn 144, Fade 141, Wipe 102, Fly In 52; 강조 효과 Spin 247.
- 큐레이션 후 에셋 산출량: 50개 템플릿, 50개 마스터, 24개 페이지 패턴, 680개 컴포넌트 (52개 기본 차트, 160개 도형, 160개 아이콘), 64개 애니메이션 레시피, 129개 글꼴 레코드 / 88개 패밀리 (26개 OFL 파일 복사됨).
- 복제 교정 (viz-01, 3페이지): A SSIM 1.000; B 0.674 (편집 가능한 재구축); C 0.978 (이미지 기반). 평균만이 아닌 페이지별로 보고하십시오.
- 모드-B 시각적 교정 (5개 데크 × 6페이지): 0.782 비즈니스, 0.660 기술, 0.915 데이터, 0.865 편집, 0.751 크리에이티브. 레이아웃 모자이크,
a:srcRect자르기 및<a:alpha>오버레이가 적용됩니다; 이미지 필터 및 그림자는 여전히 생략되므로 낮은 페이지는 평균화하지 않고 보고해야 합니다.
양보할 수 없는 것
- 캔버스: 데크당 하나, 세로형/초광각 브리프가 아닌 한 16:9 13.333×7.5 인치.
- 그리드: 일정한 거터가 있는 열 그리드 (기본 12열); 콘텐츠 블록이 여기에 스냅됩니다. 의도적인 규칙 위반은 드물게 사용됩니다 (데크당 3회 미만).
- 여백: 일관된 광학적 여백; 전체 배경 이미지 아래에서도 텍스트는 안전 영역을 존중합니다. 전체 배경 이미지는 허용되지만 텍스트는 여전히 안전 영역을 존중합니다.
- 팔레트: 1개의 지배적인 필드 + 1개의 중립 + 1개의 악센트 (+ 최대 1개의 선택적 보조). ~60/30/10을 사용하십시오. 3페이지 이후에 새로운 악센트를 도입하지 마십시오.
- 서체: 최대 두 패밀리(하나는 디스플레이, 하나는 본문) 및 세 가지 두께. 레벨 간 명확한 비율(≈1.3–1.5×)을 유지하십시오. 거의 동일한 네 가지 크기를 사용하지 마십시오.
- 텍스트 밀도: 표지 4–12단어; 문장/섹션 10–35; 콘텐츠 40–110; 밀집 분석 120–220. 페이지에 더 많은 텍스트가 필요하면 페이지를 나누고, 12pt 미만으로 줄이지 마십시오.
- 이미지 처리: 하나의 처리 방식을 선택하고(자연스러움 / 따뜻한 편집 / 차가운 건축 / 듀오톤 / 단색 / 합성) 데크 전체에 적용하십시오.
- 하나의 모티프: 규칙, 자르기, 점, 숫자, 대괄호 또는 반복되는 이미지 마스크가 4–8 페이지에 반복됩니다 — 모든 페이지는 아닙니다.
- 데크당 하나의 기억에 남는 움직임: 거대한 숫자, 헤드라인 벽, 잘라낸 주제, 일렉트릭 악센트, 가장자리에서 가장자리까지의 유형 자르기. 주변의 모든 것을 조용히 유지하여 보호하십시오.
- 애니메이션 예산: 지속적인 움직임보다 공개(reveal)를 선호하십시오. 슬라이드당 동시 움직임을 ≤3개 개체로 유지하고, 장식용으로 애니메이션을 사용하지 마십시오.
목차
references/— content-strategy, design-principles, layout-system, typography, color-system, visual-assets, data-visualization, slide-patterns, presentation-scenarios, animation-fundamentals, advanced-animation, animation-timeline, motion-design, slide-transitions, animation-patterns, animation-implementation, pptx-technical-guide, quality-control, replica-modes, asset-library-schema.workflows/— create-presentation, design-slide, improve-slide, create-slide-animation, create-animated-presentation, review-presentation, replicate-deck, replicate-slide, extract-template, extract-fonts, extract-assets, asset-library.examples/design-patterns.md— 추상화되고 재사용 가능한 페이지 및 모션 패턴.scripts/— 디자인:build_deck.py(JSON 스펙 → 데크),inspect_pptx.py,contact_sheet.py,add_animation.py. 분석/추출:analyze_deck.py,enrich_themes.py,extract_template.py,curate_templates.py,extract_masters.py,extract_fonts.py+fontlib.py,extract_patterns.py,fix_layout_previews.py,extract_components.py,render_component_previews.py,extract_animations.py,build_asset_index.py,asset_search.py. 복제/QA:replicate_deck.py,replicate_slide.py,compare_slides.py,validate_replica.py. 유지보수:collect_stats.py,fix_font_library.py,make_reports.py,run_tests.py. 정확한 명령과 출력은scripts/README.md를 참조하십시오.
자체 포함
필요한 모든 것은 이 스킬 안에 있습니다. 런타임에 소스 코퍼스를 읽지 않습니다. 코퍼스는 여기에 인용된 측정된 범위만 제공했습니다.