PayPay
App Style Guide
PayPayアプリが提供する機能やサービスはこのスタイルガイドに基づいてデザインされています
Overview
PayPayアプリのスタイルについてここに定義します。
PayPayから提供されるすべてのプロダクトは、このスタイルガイドに基づいて設計されています。
一貫したルールでデザインをすることによって、PayPayのブランドイメージを醸成し、ユーザーの認知を高めます。
また、ユーザー操作の学習コストを下げ、快適なユーザーエクスペリエンスを提供することが可能です。
スタイルガイドはGlobal RuleとComponentの2つの項目に分かれます。
Design Philosophy
PayPayのDesign PhilosophyはPayPay Designの根幹にあたるものであり、改変されることはありません。私たちは、4つのキーワードを掲げます。
共感
ユーザーの生活に身近で共感性のあるデザインを提供します。
シンプル
余分なものは取り除き、重要なものだけにユーザーが目を向けられるようにします。
一貫性
PayPayアプリが提供するUIコンポーネントは、このガイドラインのコンポーネントに準拠しています。
ハッピー
PayPayによってユーザーの日常をハッピーにできるような、楽しく、人間らしい、暖かみのあるデザインを提供することを目指します。
Know More...
Global Rule
Global RuleはPayPayアプリのスタイルガイドの上位概念であり、
Componentはこのコンセプトに沿ってデザインされています。
DESIGN PHILOSOPHY
COLOR
ICONOGRAPHY
ILLUSTRATION
INTERACTION
LAYOUT
PHOTO
SHADOW
SHAPE
TRANSITION
TYPOGRAPHY
COMPONENT
Global Ruleに基づいてデザインされたUIパーツのガイドラインです。
PayPayアプリが提供するすべての画面は、ここに記載されるUIパーツを構成してデザイン・実装する必要があります。
パーツ単位でのルールに準拠することで、UIデザインの品質を一定に保ち、一貫したUXの提供が可能になります。
また、デザイン・開発における再利用性を高めます。
Balloon
Buttons
Cards
Expand
Form
half sheets
Header
Label
List
Page Controls
selection controls
slider
tab
toast