Daily UI #017
今回はレシートのUI設計です。
参考にしたデザインは、Nikhil Varghesさんのこちらの作品です。
私は、#012のスマートウォッチのデータを活用して、同じようなレイアウトを日本語で置き換えてみました。
今回学習できたことは、フォントサイズは4種類まで、フォントウェイトは2種類まで。レシートだからカラーではなくモノクロが良かったかもしれないが、あえてデバイスに届くという設定でカラーにしました。
そして、黒文字は#000000を使う場面はほとんどなく、どちらかというとグレーっぽい黒を使うと再確認できました。今回に関して言えば、背景色は#333333、文字色はすべて#5b5b5bで統一しました。ちなみに、QRコードも色も#5b5b5bにしてあります。
この記事が気に入ったらサポートをしてみませんか?