厳選・オープン・無料

Runwayml

このサイトは、大胆な視覚的表現と抑制的で機能的なデザインシステムのバランスを保つ、現代的で技術志向のSaaS/AIプラットフォームの良い例です。

AI Dark Mode Experimental Photographic Product
Runwayml のスクリーンショット

オリジナル: https://runwayml.com

OpenDesign で開く

デザイン DNA

視覚言語

白、黒、控えめなグレーを基調としたモノクロのハイコントラストなカラーパレットで、深みのある雰囲気は主に写真で表現されています。

レイアウト構造

全体を幅に渡るヒーロー画像で開始し、その下に構造化され適切な間隔を保ったコンテンツセクションが続く、クリーンで中央揃えのレイアウト。

インタラクション形態

透明性と使いやすさを重視し、最小限のアニメーションによる繊細で機能的なインタラクション。

モーション規則

洗練された雰囲気を高めつつ、注意を引かない滑滑でプロフェッショナルなトランジションとフェードイン。

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