스킬 자체의 표현으로
design-style-skill은 PptxGenJS로 제작된 10" × 5.625" LAYOUT_16x9 캔버스에서 모서리 반경(rectRadius)과 여백을 인치 단위로 조정하여 PPT 슬라이드에 일관된 시각 체계를 하나 선택합니다. Sharp & Compact, Soft & Balanced, Rounded & Spacious, Pill & Airy의 네 가지 레시피를 제공하며, 각각 소/중/대 반경, 요소 패딩, 요소 간격, 페이지 마진, 블록 간격에 대한 토큰 표를 포함합니다.
이 토큰들은 버튼과 태그, 카드와 컨테이너, 이미지 컨테이너, 입력 형태, 배지 및 아바타 프레임의 여섯 가지 컴포넌트에 매핑됩니다. 혼합 원칙은 반경 중첩, 밀도 기반 간격, 반경 대 높이 관계를 다루며, 이어서 10pt에서 96pt까지의 타이포그래피 스케일, 간격 스케일, 프레젠테이션 유형별 빠른 선택 표가 제시됩니다.
산출물
- 스타일별 컴포넌트 수준의 rectRadius 매핑으로, 네 가지 레시피 전반에 걸친 버튼과 태그를 다룹니다.
- 주어진 스타일에 대해 도형, 위치, 채우기 색상, rectRadius를 보여주는 바로 적용 가능한 PptxGenJS addShape 호출입니다.
- 6단계 사용 구간에 대한 포인트 단위 글자 크기이며, 표지와 섹션 제목에는 최대 44-60pt까지 사용됩니다.
- 카드 패딩 및 기타 간격을 위한 인치 단위 여백 스케일입니다.
작동 방식
- 01개요에서 레시피 선택하기
네 가지 스타일은 모서리 반경 범위와 여백 범위로 정의되며, 각각 데이터 밀도가 높은 보고서부터 런칭 행사까지 적합한 시나리오와 짝을 이룹니다.
- 02해당 스타일의 토큰 표 복사하기
모든 레시피는 인치 단위의 숫자 반경 토큰을 제공하며, Rounded & Spacious는 큰 반경을 0.25"로 설정합니다.
- 03토큰을 컴포넌트에 매핑하기
컴포넌트 표는 네 가지 스타일 전체에 대해 컴포넌트별 rectRadius를 제공하므로, 카드/컨테이너는 Sharp에서 0.03", Soft에서 0.1", Rounded에서 0.2", Pill에서 0.3"입니다.
- 04요소 높이에 따라 반경 선택하기
반경은 고정된 하나의 값이 아닙니다. 높이 표는 요소를 0.3" 미만, 0.3"-0.6", 0.6"-1.2", 1.2" 초과 구간으로 나누고, 각 스타일별로 고유한 반경을 지정합니다.
- 05타이포그래피 표에서 글자 크기 설정하기
6단계 사용 구간은 주석 및 출처부터 데이터 강조까지 이어지며, 본문 및 설명 텍스트는 14-16pt입니다.
- 06빠른 선택 가이드에서 선택 확인하기
발표 유형이 추천을 결정합니다 — 기술 공유는 전문성과 명확한 정보 전달을 위해 Sharp 또는 Soft를 가리킵니다.