厳選・オープン・無料

Pinterest

このサイトは、ホワイトスペース、太字タイポグラフィ、単一の強いアクセントカラーを駆使し、プレミアムで集中力が高く、憧れを抱かせる消費者向けプロダクトのインターフェースを創造する模範的な事例です。

Consumer Gallery Clean Product Photographic
Pinterest のスクリーンショット

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

OpenDesign で開く

デザイン DNA

視覚言語

純白と黒を基調とした、ミニマルで高コントラストなカラーパレット。プライマリーアクションには、単一のシグネチャーヴイブラントレッドがアクセントとして使用されています。

レイアウト構造

レイアウトは開放的で息が通りやすく、分割されたヒーローセクションにはオーバーラップするフォトコラージュを配置し、その下にはセンタリングされた広いマージンのコンテンツセクションが続きます。

インタラクション形態

インタラクションはクリーンで標準的です。ボタンや入力フィールドには即座に視覚フィードバックが提供され、明確さと使いやすさが優先されます。

モーション規則

モーションは機能的で控えめに。UIの状態変化には滑らかで速いトランジションが使用され、複雑で気を散らすアニメーションは避けられています。

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