Apple Design Skill Impact Matrix
A Japanese Apple-style comparison table for reviewing design skill requirements and implementation status across three products.
프롬프트
목표: Apple Design Skill 검토 항목이 3개 제품에 미치는 구현 영향력을 보여주는 세련된 Apple 스타일의 일본어 비교 매트릭스 인포그래픽을 제작합니다. {argument name="product column names" default="Flow River, Orbit Canvas, Arc Day"}.
캔버스: 세로형 포스터, 768 × 1152 px, 은은한 종이 질감과 우측 상단에 희미한 민트색 그라데이션이 들어간 따뜻한 오프 화이트 배경. 중앙에 넉넉한 여백을 두고 부드러운 그림자가 있는 둥근 흰색 테이블 카드를 배치합니다. 절제된 Apple 스타일의 편집 디자인을 사용하세요: 깔끔한 그리드, 얇은 구분선, 둥근 상태 기호, 차분한 틸(Teal), 연한 노란색, 더스티 핑크, 회색을 사용합니다.
헤더: 좌측 상단에 작은 대문자 틸 색상 라벨 “APPLE DESIGN SKILL · IMPLEMENTATION IMPACT”를 배치합니다. 그 아래에 큰 일본어 헤드라인 {argument name="headline text" default="スキルが効いた設計項目"}을 넣습니다. 헤드라인 아래에는 Apple Design Skill 항목을 구현 영향력별로 요약하고 초기 프로토타입, 스킬 원칙, 후속 수정/구현 작업으로 그룹화했음을 설명하는 작은 회색 일본어 설명을 추가합니다. 우측 상단에는 4개의 상태 기호를 포함한 간결한 범례를 배치합니다: 틸 원 = 合格, 노란색 삼각형 = 一部, 빨간색 X = 未対応, 회색 대시 = 対象外.
메인 레이아웃: 정확히 5개의 열로 구성된 넓은 표: “スキル番”, “Apple Designレビュー項目”, 그리고 {argument name="product column names" default="Flow River, Orbit Canvas, Arc Day"}로 명명된 3개의 제품 열. 흰색 텍스트가 있는 짙은 차콜색 헤더 행을 사용합니다. 처음 두 열은 더 넓게, 3개의 제품 열은 동일한 너비로 설정합니다. 항목 번호는 틸 색상으로 왼쪽 정렬, 항목 설명은 굵은 어두운 텍스트로 왼쪽 정렬, 상태 기호는 중앙 정렬합니다.
섹션: 색상이 지정된 밴드 헤더를 사용하여 정확히 4개의 그룹 섹션으로 나눕니다:
1. 틸 밴드: “A. スキルが明確に効いた項目 実装・修正・ブラッシュアップ検証まで完了 SKILL IMPACT”. 정확히 17개 행 포함: §1 Pointer-down으로 즉각 반응; §2 Pointer Events·1:1 추종·Pointer Capture; §3 동작 중 다시 잡을 수 있는 중단 가능성; §4 멀어지는 대상에 스프링 적용; §5 손가락 속도를 스프링으로 인계; §7 왕복 경로의 대칭성·조작 원점으로의 앵커; §9 경계에서의 단계적 러버밴드 저항; §12 반투명 Material을 통한 계층과 깊이감; §12 Surface 크기에 따른 Blur·Shadow 무게감; §14 Reduced Transparency로 Solid화; §14 Prefers Contrast로 경계 강화; §16.1 Purpose: 목적이 명확하고 불필요한 기능 억제; §16.6 Simplicity: 주요 기능과 정보 계층의 명쾌함; §16.7 Craft: 문자·간격·동작의 의도적인 정밀도; §16 Wayfinding: 현재 위치·목적지·퇴출 방법; §16 Grouping & Mapping: 조작과 대상의 근접성; §17 Visual과 Interaction의 일체 설계.
2. 연한 노란색 밴드: “B. 一部効いた・改善が必要な項目 原則は反映したが完全実装ではない”. 정확히 10개 행 포함: §6 속도에서 시작하는 예측형 Momentum Projection; §8 중간 프레임이 조작 결과의 방향을 제시; §10 탭 여백·드래그 임계값·취소 설계; §11 프레임 품질·compositor용 업데이트; §14 Reduced Motion으로 의미적 움직임으로 대체; §15 크기별 Tracking·Leading·Weight 계층; §16.2 Agency: 선택·취소·실패로부터의 회복; §16.4 Familiarity: 알려진 비유와 예측 가능한 거동; §16.8 Delight: 여백 품질에서 오는 고양감; §16 상태·완료·경고·오류의 Feedback.
3. 더스티 핑크 밴드: “C. 未対応・未検証項目 スキルが示す次の改善対象”. 정확히 3개 행 포함: §15 Dynamic Type에 맞춘 Layout 확장; §16.5 Flexibility: 상황·환경·능력에 대한 적응; §17 실사용 시·실환경에서의 테스트.
4. 연한 회색 밴드: “D. 機能特性上の対象外 未達ではなく、今回のUIに適用領域がない”. 정확히 2개 행 포함: §13 소리·촉각을 동기화/즉시성/유용성으로 통합; §16.3 Responsibility: 안전·프라이버시·투명성.
상태 패턴: 32개의 항목 행 전체에 중앙 정렬된 기호를 채웁니다. 섹션 A는 대부분 틸 원으로 채우고, Flow River와 Arc Day에는 부분적으로 적용되지 않는 사례를 나타내는 회색 대시를 일부 포함합니다. 섹션 B는 틸 원, 노란색 삼각형, 회색 대시가 섞여 있으며, 탭 여백/드래그 임계값/취소 설계 행의 중간 제품 열에는 빨간색 X가 하나 포함됩니다. 섹션 C는 대부분 빨간색 X 표시이며, 일부 우측 셀에는 노란색 삼각형이 있습니다. 섹션 D는 3개의 제품 열 모두에 회색 대시를 사용합니다. 기호는 작고 둥글며 연하게 색조를 띠고 범례와 일관되게 유지하세요.
푸터: 좌측 하단에 “総括方針：”으로 시작하는 작은 회색 일본어 메모를 추가하고, 우측 하단에 작은 출처 메모 {argument name="source note" default="Source: apple-design SKILL.md §9–17"}를 추가합니다. 표는 선명하고 읽기 쉽게 유지하며, 장식용 일러스트, 인물, 텍스트 라벨 외의 로고, 워터마크는 넣지 마세요.
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
Goal: Create a polished Apple-style Japanese comparison matrix infographic showing which Apple Design Skill review items have implementation impact across three products: {argument name="product column names" default="Flow River, Orbit Canvas, Arc Day"}.
Canvas: Vertical portrait poster, 768 × 1152 px, warm off-white background with subtle paper grain and a faint mint gradient glow near the top right. Center a large rounded white table card with a soft shadow, leaving generous margins. Use a restrained Apple-like editorial style: clean grid, thin dividers, rounded status symbols, muted teal, pale yellow, dusty pink, and gray.
Header: At top left, small uppercase teal label “APPLE DESIGN SKILL · IMPLEMENTATION IMPACT”. Below it, large Japanese headline {argument name="headline text" default="スキルが効いた設計項目"}. Under the headline, add a small gray Japanese description explaining that these are Apple Design Skill items summarized by implementation impact and grouped by initial prototype, skill principles, and later correction/implementation work. At top right place a compact legend with exactly 4 status symbols: teal circle = 合格, yellow triangle = 一部, red X = 未対応, gray dash = 対象外.
Main layout: A wide table with exactly 5 columns: “スキル番”, “Apple Designレビュー項目”, and the 3 product columns named by {argument name="product column names" default="Flow River, Orbit Canvas, Arc Day"}. Use a dark charcoal header row with white text. First two columns are wider; three product columns are equal width. Align item numbers left in teal, item descriptions left in bold dark text, and status symbols centered.
Sections: Use exactly 4 grouped sections with colored band headers:
1. Teal band: “A. スキルが明確に効いた項目 実装・修正・ブラッシュアップ検証まで完了 SKILL IMPACT”. Contains exactly 17 rows: §1 Pointer-downで即時反応; §2 Pointer Events・1:1追従・Pointer Capture; §3 動作中に掴み直せる中断可能性; §4 離れる対象へのスプリング採用; §5 指の速度をスプリングへ引き継ぐ; §7 往復経路の対称性・操作元へのアンカー; §9 境界での段階的なラバーバンド抵抗; §12 半透明Materialによる階層と奥行き; §12 Surfaceサイズに応じたBlur・Shadow重量; §14 Reduced TransparencyでSolid化; §14 Prefers Contrastで境界を強化; §16.1 Purpose：目的が明確で不要機能を抑制; §16.6 Simplicity：主要機能と情報階層の明快さ; §16.7 Craft：文字・間隔・動作の意図的な精度; §16 Wayfinding：現在地・行先・退出方法; §16 Grouping & Mapping：操作と対象の近接; §17 VisualとInteractionを一体設計.
2. Pale yellow band: “B. 一部効いた・改善が必要な項目 原則は反映したが完全実装ではない”. Contains exactly 10 rows: §6 速度から開始する予測するMomentum Projection; §8 途中フレームが操作結果の方向を示す; §10 タップ余白・ドラッグ閾値・キャンセル設計; §11 フレーム品質・compositor向け更新; §14 Reduced Motionで意味的動きへ置換; §15 サイズ別Tracking・Leading・Weight階層; §16.2 Agency：選択・取り消し・失敗からの回復; §16.4 Familiarity：既知の比喩と予測可能な挙動; §16.8 Delight：余白品質から生まれる高揚感; §16 状態・完了・警告・エラーのFeedback.
3. Dusty pink band: “C. 未対応・未検証項目 スキルが示す次の改善対象”. Contains exactly 3 rows: §15 Dynamic Typeに合わせたLayout拡張; §16.5 Flexibility：状況・環境・能力への適応; §17 実利用時・実環境でのテスト.
4. Light gray band: “D. 機能特性上の対象外 未達ではなく、今回のUIに適用領域がない”. Contains exactly 2 rows: §13 音・触覚を同期／即時性／有用性で統合; §16.3 Responsibility：安全・プライバシー・透明性.
Status pattern: Populate all 32 item rows with centered symbols. Section A is mostly teal circles, with a few gray dashes in Flow River and Arc Day matching the look of partial non-applicable cases. Section B mixes teal circles, yellow triangles, and gray dashes, including one red X in the middle product column on the row for tap margin/drag threshold/cancel design. Section C is mostly red X marks, with yellow triangles in some right-side cells. Section D uses gray dashes across all three product columns. Make the symbols small, rounded, lightly tinted, and consistent with the legend.
Footer: Add a tiny gray Japanese note at bottom left beginning with “総括方針：” and a small source note at bottom right {argument name="source note" default="Source: apple-design SKILL.md §9–17"}. Keep the table crisp and readable, no decorative illustrations, no people, no logos besides the text label, no watermark.