2018.09.11

Credit Card Checkout

DailyUI第二作目はクレジットカードの決済画面です。
自分が登録しているクレジットカードの種類別にビジュアル化し、視覚的に選択されているクレジットカードが分かりやすいようにデザインしました。

一部素材をお借りしました。
Designed by Freepik and distributed by Flaticon

ハッキリとしたオレンジやネイビーを使っていますが、アクセントカラーとして使うことでデザイン全体がうるさくならないようにしています。また、数字フォントをこだわって、視認性があるけれどどこか可愛らしさが残る文字にしたいと思い、今回は「koliko」というフォントを使用しました。

制作情報
  • 英字フォント:Righteous, koliko
  • 和文フォント:Noto Sans Japanese
  • 使用色:#FF7A5C,#27368B, #666666
PAGETOP © asougi.me