에디토리얼 디자인 — 템플릿 채우기가 아닌 독창적인 아트 디렉션
변경 불가능한 목표
진지한 아트 디렉션 스튜디오의 에디토리얼 앰비션을 가진, 일관되고 개성 있으며 콘텐츠에 특화된 출판물을 만듭니다. 모델은 아트 디렉터입니다. 디자인을 미리 정의된 9가지 슬라이드 유형 중 하나를 선택하는 것으로 축소하지 마십시오. 원래의 build <json> 경로는 레거시 회귀 테스트 픽스처일 뿐, 권장되는 생성 전략이 아닙니다.
실제로 HTML/CSS/SVG를 직접 작성하고 수정하고, Chromium에서 렌더링하고, 출력 결과를 확인하고, 문제를 해결하고, 아티팩트를 검증해야 합니다. 스킬, 브랜딩 파일 또는 린트 스크립트는 독창적인 시각적 방향이나 렌더링된 페이지 검사를 대체할 수 없습니다. Hallmark는 전문 릴리즈에 필요하지만, 퍼블리싱 엔진이나 이 스킬의 대체재가 아닙니다.
0. 새로운 인터랙티브 프로젝트 시작 — 팔레트와 폰트
새로운 인터랙티브 프로젝트를 시작할 때 팔레트와 폰트를 한 번 묻고, 간단한 응답 옵션으로 기본값 사용을 제공합니다. 기본 팔레트는 Crystal Cobalt Enterprise입니다 — 코발트/니어블랙, 절제된 시안/바이올렛 라이트, 옅은 분석적 표면, 독창적인 프리즈마틱 글라스 아트워크, 4가지 아트 디렉션 모드를 갖춘 레퍼런스 기반 디자인 방향입니다. 기본 폰트는 Geologica Roman (CRSV=0)입니다. 대안: Azure Iris Unified, Arctic Editorial, Deep Navy, Monochrome; Geist Sans, IBM Plex Sans, Onest, Manrope. 브랜드 제약 조건이 우선합니다. 대화에서 이미 팔레트/폰트가 설정되었다면 다시 묻지 않고 상속합니다. 헤드리스 빌드는 기본값을 사용하고 추론된 선택 플래그로 유지합니다.
단순한 설명적 형용사가 아닌 실제 제작 지침을 사용하십시오: Crystal Cobalt의 경우 references/styles/crystal-cobalt-enterprise.md, references/quality/crystal-cobalt-hallmark.md, seeds/crystal-cobalt/README.md를 읽으십시오. 모든 독창적인 재사용 가능 아트는 seeds/crystal-cobalt/ 아래에 있습니다. AEB의 로고, 선버스트 또는 특정 독창적인 유리 링을 절대 임베드하지 마십시오. 첨부된 레퍼런스를 스타일리시한 영감으로 사용하고 새로운 형태, 구성 및 독창적인 마크를 만드십시오.
node bin/editorial.mjs seeds crystal-cobalt-enterprise를 사용하여 에셋을 나열하거나 node bin/editorial.mjs seed <project-dir> --theme crystal-cobalt-enterprise를 사용하여 시드 에셋을 프로젝트의 assets/seeds/crystal-cobalt/에 복사합니다. 빌드 파이프라인에는 선택한 테마의 시드 에셋도 자동으로 포함됩니다. 슬라이드를 래스터로 평탄화하지 마십시오: 하이브리드 PPTX를 위해 정적 밑그림 위에 HTML 편집 가능 텍스트 필드를 유지하십시오.
폰트는 번들로 제공되지 않습니다. 게시 전에 브라우저와 PPTX 렌더러에서 정확히 일치하는 폰트가 설치되었는지 확인하십시오. 교체는 재생성된 동등성 증거와 함께 승인되지 않으면 릴리즈를 차단합니다.
1. 콘텐츠가 디자인 입력이다
실제 소스(사용자 참조 PDF, 승인된 카피, XLSX 재무 모델, 표, 사진 및 브랜드 킷)를 읽으십시오. 사실적인 수치, 로고 또는 기업 정보를 지어내지 마십시오. 스프레드시트 재무 모델의 경우 openpyxl이 수식을 다시 계산하지 않는다는 점에 유의하십시오. 데모 값은 검증되지 않음으로 표시하십시오. 디자인은 산문을 재구성하고 간결하게 만들 수 있지만, 숫자적 의미, 단위, 날짜, 주의사항, 분모, 부호 또는 출처 출처를 변경해서는 안 됩니다.
코딩하기 전에 문서의 내러티브 리듬을 내부적으로 매핑하십시오(예: 시작 테제 → 부정적 기준선 → 전략적 피벗 → 동인 → 시나리오 → 브릿지 → 결정). 출판물을 위한 하나의 독특한 시각적 컨셉(타이포그래피 계층, 간격 로직, 차트 마크, 조용함/시끄러움 리듬, 콘텐츠에 기반한 하나 또는 두 개의 시그니처 모티프)을 만드십시오. 요청하지 않는 한 소스 참조의 팔레트나 그리드를 문자 그대로 차용하지 마십시오. 그 픽셀이 아닌 에디토리얼 앰비션을 재사용하십시오.
2. 아트 디렉션 규칙 (규율이 있는 자유)
- 독창적인 레이아웃을 HTML로 작성하십시오. 자유 형식 그리드, CSS 포지셔닝, CSS 셰이프 및 작성자 디자인 SVG가 허용됩니다. 고정된 슬라이드 해부학이나 페이지별 강제 템플릿 패밀리는 없습니다.
- 구성은 주장을 따릅니다. 한 줄의 테제가 페이지 절반을 차지할 수 있습니다. 숫자는 기념비적일 수 있습니다. 재무 브릿지는 정량적 의미를 유지해야 합니다. 모든 것을 KPI 카드에 박스로 넣거나, 페이지마다 동일한 그리드를 사용하거나, 여백을 무분별하게 채우지 마십시오.
- 하나의 시각적 세계, 다른 구성들. 비대칭/조용함/빽빽함, 라이트/다크, 타이포 주도/데이터 주도의 교대를 만드십시오. 연속적으로 동일한 실루엣을 피하십시오.
- 창의적 앰비션은 단지 허용되는 것이 아니라 필수입니다. 필요할 때 눈에 띄는 비대칭, 표현적인 타이포그래피, 커스텀 SVG 구성, 레이어드 셰이프, 제어된 그라디언트, 테크니컬 일러스트레이션, 아이콘그래피 및 미묘한 텍스처 효과를 사용하십시오. 시각적 풍부함을 목적에 맞게 콘텐츠에 특화되게 만드십시오. 모든 슬라이드를 동일한 웨이브 그라디언트 히어로로 만들지 마십시오. 페이지가 기계적으로 유효함에도 불구하고 제너릭하게 느껴진다면, 무작위 장식을 추가하는 대신 시각적 컨셉을 재설계하십시오. 이미지가 있다면, 진짜/라이선스 또는 명백히 예술적이어야 합니다.
- 가짜 정밀도, 지어낸 재무 주장, 기본 인디고-퍼플 글로우, 유비쿼터스 아이콘, 장식용 카드 매트릭스, 깨진 키릴 문자, 데이터가 부족한 차트 및 작은 면책 조항을 피하십시오. 의도적인 네임드 브랜드 그라디언트는 허용됩니다: Crystal Cobalt는 명시적으로 코발트, 시안 및 가끔 바이올렛/마젠타 조명을 사용합니다. 업스트림 Hallmark 2a 충돌은 raw 감사에 문서화되어야 합니다. 균일한 흐릿한 블롭보다 구조화된 방향성 빛과 국소적 깊이를 선호하십시오. 일러스트레이션과 SVG 마크가 스토리를 명확히 하는 곳에서는 허용됩니다. 아이콘은 의미론적 의미와 시각적 일관성이 필요합니다.
- 코딩 전에 한 페이지 분량의 시각적 점수(
visual-plan.json또는 노트)를 초안으로 작성하십시오: 슬라이드당 하나의 고유 포컬 요소와 실루엣; 선택한 테마의 적절한 표면 모드를 할당하십시오(Crystal Cobalt:atmospheric-dark,analytical-light,data-night,mixed-strategic; Azure Iris:lighter,refined,darker); 시그니처 모티프와 데이터 역할을 설명하십시오. 7개 슬라이드 데크에서 최소 5개의 눈에 띄게 다른 실루엣을 목표로 하십시오. 모든 페이지를 하나의 구성으로 강제하지 마십시오.references/styles/의 선택한 테마 용어집에서 선택하거나 더 강력한 독창적인 처리를 발명하십시오. - 변형 게이트: 인접 페이지는 동일한 기본 지오메트리, 히어로 처리, 그래픽 모티프 및 밀도를 공유해서는 안 됩니다. 데크 내에서 극도로 절제된 페이지와 강력한 그래픽 페이지를 모두 포함하십시오. 예상되는 왼쪽-헤드라인/오른쪽-차트 배열을 깨는 적어도 하나의 구성을 남겨두십시오. 표현을 변경하기 전에 최대 2-3페이지에서 독특한 모티프를 사용하십시오. 이는 근거 없는 숫자적 주장이 아니라 디자인 검토 규칙입니다.
- 아이콘 정책: 목적에 맞고 스타일적으로 일치하는 인라인 SVG 아이콘 또는 얇은 작성자 설계 픽토그램을 사용하십시오. 순수 타이포 또는 데이터 주도 페이지에는 아이콘을 전혀 사용하지 말고, 계층 구조를 개선할 때 1-3개를 사용하며, 장식 목적으로 모든 KPI 위에 아이콘을 절대 배치하지 마십시오. 이모지를 아이콘 대체물로 사용하지 마십시오.
- 효과 및 그라디언트: 출판물 전체에 걸쳐 여러 미학적 패밀리를 허용하십시오: 예: 무지개빛 실크/리본, 컨투어 맵 라인워크, 클리핑된 라이트 필드, 반투명 테크니컬 오버레이, 타이포그래피 마스킹, 부드럽게 그라데이션된 패널, 미세 그리드 텍스처 및 데이터에 바인딩된 SVG 마크. 모든 페이지에서 동일한 효과를 반복하지 마십시오. 하이브리드 PPTX가 정확한 정적 배경의 일부로 보존할 수 있도록 편집 가능한 텍스트 요소 밖에 장식용 SVG를 유지하십시오.
project.json, 독립적인slides/01-*.html ...,assets/*.css를 사용하여 하나의 소스 프로젝트를 구축하십시오. 각 소스 슬라이드는 정확히 하나의 1920×1080 `<section class=