厳選・オープン・無料

Everlane

このサイトは、いかに高度に抑制されたモノクロのUIが、タイポグラフィと写真を通じて高級製品ラインを効果的に見せられるかの優れた参考事例です。

ecommerce minimal
Everlane のスクリーンショット

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

OpenDesign で開く

デザイン DNA

視覚言語

パレットは厳格にニュートラルで、ホワイト、オフホワイト、ニアブラックを基調とし、時折控えめなグレーを用います。これにより、写真がすべてのカラーを担います。

レイアウト構造

レイアウトは清潔なセンタリンググリッドで、豊かなホワイトスペースを特徴とします。フルワイドのフォトジェニックヒーローを最優先とし、その後に構造化された製品グリッドが続きます。

インタラクション形態

インタラクションは控えめで、主にオペシティの変化と、hoverおよびclick状態におけるシンプルなトランジションに依存します。

モーション規則

モーションは最小限かつ機能的で、UI状態変化のための短くスムーズなトランジションで構成されます。

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