DailyUI 043 of 100 〜Food/Drink Menu〜

はじめに

日頃自炊しているのですが、ほとんどがもやし料理になってしまいます。。。
あるあるですよね？しかもすぐ腐る。笑

課題

お題は"Food/Drink Menu"です。カフェによく黒板が置かれていて、そこにメニューが書かれていること多いなーと思ったので、全体的な色味は黒板を意識。
スマホで、メニュー見て、注文までできるという設定で、１画面に全てのメニューを入れました。
しかし、それだと見ずらいので、「＋」ボタンを押すとその項目のメニューが見れて、「ー」押すと閉じれるとしました。

成果物

↓メニューを選択した時

まとめ

複数ページあると見にくいかなと思って１ページにしたんですけど、項目ごとにページを作っても良かったかもしれないですね。２枚目はメニューを選択した時の画面ですが、バックが目立たないようにしました。あとは全体的に色味に統一感を持たせて、ボタンだけ明るめの色を使用して目立つようにしました。

次回も頑張ります！