Üç ürün genelinde tasarım yetkinliği gereksinimlerini ve uygulama durumunu incelemek için Japon Apple tarzı karşılaştırma tablosu.
Hedef: Apple Tasarım Yetkinliği inceleme öğelerinin üç ürün genelinde uygulama etkisini gösteren, Apple tarzı Japonca bir karşılaştırma matrisi infografiği oluşturun: Flow River, Orbit Canvas, Arc Day.
Tuval: Dikey portre poster, 768 × 1152 piksel, hafif kağıt dokulu sıcak kırık beyaz arka plan ve sağ üst köşeye yakın soluk nane yeşili degrade ışıltı. Ortaya, cömert kenar boşlukları bırakarak yumuşak gölgeli, büyük ve yuvarlatılmış beyaz bir tablo kartı yerleştirin. Apple benzeri ölçülü bir editoryal stil kullanın: temiz ızgara, ince ayırıcılar, yuvarlatılmış durum sembolleri, mat camgöbeği, soluk sarı, toz pembe ve gri tonları.
Başlık: Sol üstte, küçük büyük harflerle camgöbeği renkli “APPLE DESIGN SKILL · IMPLEMENTATION IMPACT” etiketi. Altında, büyük Japonca başlık スキルが効いた設計項目. Başlığın altında, bunların uygulama etkisine göre özetlenmiş ve ilk prototip, yetkinlik ilkeleri ve sonraki düzeltme/uygulama çalışmaları olarak gruplandırılmış Apple Tasarım Yetkinliği öğeleri olduğunu açıklayan küçük gri bir Japonca açıklama ekleyin. Sağ üst köşeye tam olarak 4 durum sembolü içeren kompakt bir lejant yerleştirin: camgöbeği daire = 合格 (Geçti), sarı üçgen = 一部 (Kısmi), kırmızı X = 未対応 (Uygulanmadı), gri çizgi = 対象外 (Kapsam dışı).
Ana düzen: Tam olarak 5 sütunlu geniş bir tablo: “スキル番” (Yetkinlik No), “Apple Designレビュー項目” (Apple Tasarım İnceleme Öğesi) ve Flow River, Orbit Canvas, Arc Day tarafından adlandırılan 3 ürün sütunu. Beyaz metinli koyu kömür rengi bir başlık satırı kullanın. İlk iki sütun daha geniş; üç ürün sütunu eşit genişlikte olmalıdır. Öğe numaralarını camgöbeği renginde sola, öğe açıklamalarını kalın koyu metinle sola hizalayın ve durum sembollerini ortalayın.
Bölümler: Renkli bant başlıklarına sahip tam olarak 4 gruplandırılmış bölüm kullanın:
1. Camgöbeği bant: “A. スキルが明確に効いた項目 実装・修正・ブラッシュアップ検証まで完了 SKILL IMPACT”. Tam olarak 17 satır içerir: §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. Soluk sarı bant: “B. 一部効いた・改善が必要な項目 原則は反映したが完全実装ではない”. Tam olarak 10 satır içerir: §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. Toz pembe bant: “C. 未対応・未検証項目 スキルが示す次の改善対象”. Tam olarak 3 satır içerir: §15 Dynamic Typeに合わせたLayout拡張; §16.5 Flexibility:状況・環境・能力への適応; §17 実利用時・実環境でのテスト.
4. Açık gri bant: “D. 機能特性上の対象外 未達ではなく、今回のUIに適用領域がない”. Tam olarak 2 satır içerir: §13 音・触覚を同期/即時性/有用性で統合; §16.3 Responsibility:安全・プライバシー・透明性.
Durum deseni: 32 öğe satırının tamamını ortalanmış sembollerle doldurun. A bölümü çoğunlukla camgöbeği dairelerden oluşur, Flow River ve Arc Day sütunlarında kısmi kapsam dışı durumları yansıtan birkaç gri çizgi bulunur. B bölümü camgöbeği daireler, sarı üçgenler ve gri çizgileri karıştırır; dokunma payı/sürükleme eşiği/iptal tasarımı satırındaki orta ürün sütununda bir kırmızı X içerir. C bölümü çoğunlukla kırmızı X işaretlerinden oluşur, bazı sağ taraf hücrelerinde sarı üçgenler bulunur. D bölümü her üç ürün sütununda da gri çizgiler kullanır. Sembolleri küçük, yuvarlatılmış, hafif renklendirilmiş ve lejantla tutarlı hale getirin.
Altbilgi: Sol alt köşeye “総括方針:” ile başlayan küçük bir gri Japonca not ve sağ alt köşeye küçük bir kaynak notu ekleyin Source: apple-design SKILL.md §9–17. Tabloyu net ve okunabilir tutun; dekoratif illüstrasyonlar, insanlar, metin etiketi dışında logolar veya filigran kullanmayın.