厳選・オープン・無料

Apple

ハードウェア製品ページの母語 — プレミアム product を目指すすべてのサイトが避けて通れない参照。

Hardware Premium Restraint Editorial
Apple のスクリーンショット

オリジナル: https://www.apple.com

📦 デザインパックをダウンロード /packs/apple-design-pack.zip (40.0 MB)

OpenDesign で開く 📦 デザインパックをダウンロード

デザイン DNA

視覚言語

純白の地に純黒の文字、製品自身の色だけが画面を支配する。UI アクセントは決して加えない。

レイアウト構造

各製品が一画面を独占:大きな製品写真 + 一行のヘッドライン + 短いサブ + 2 つのボタン。反復だが究極。

インタラクション形態

Scroll-driven な製品アニメが核心:スクロールで色切替、視点回転、拡大縮小をコントロール。

モーション規則

300–800ms のイージング + scroll に結びついた大量のキーフレーム、シネマティックなテンポ。

en · zh-CN · zh-TW · ja · ko