a5chin/refrigerator

アプリの主要機能のUIを考える

startaiyo opened this issue · 10 comments

概要

  • iOSアプリにおける、今回実装予定の以下要件を満たすUIを考えてください
    • 冷蔵庫の中に残っているものが一覧で見れること
    • 食べ物のカテゴリによってタグ付けできること
    • 残っている食べ物とその重さを登録できる登録フォームがあること
    • 各食べ物を編集、削除可能であること

実装方針

  • [ ]

完了基準

  • 上記要件が全て満たされたUIが、figmaまたはその他わかる形で共有されていること。

補足事項

こちらで作成しました!
(デザインだけなので、特にPRは投げてません)
コメントお願いします!!

a5chin commented

デザインありがとう!良い感じだと思う!

個人的には以下の 2 点変えるといいかなと思いました!どうかな??
Figmaで追記しようとしたけど上手くできなかったから,また使い方教えてほしい...😭

  • +ボタンで食品追加
  • タイルも栄養素毎に色を変える

個人的な近いイメージ↓
image

コメントめっちゃありがとう!!
フォーム小さくてどうしようって思ってたから、その手があったか!ってなってる笑
figmaは俺も使いたてであまり使い方わかっていなくて、、でも基本的な部分は教えられるはず、、!

ちなみに、一つの食品につき一つの主要な栄養素ってイメージ??
Figmaに載せた例みたいに二つの栄養素があるとき、背景色どうしようと思って、、

a5chin commented

ちなみに、一つの食品につき一つの主要な栄養素ってイメージ??
Figmaに載せた例みたいに二つの栄養素があるとき、背景色どうしようと思って、、

確かに...複数ある食品も存在する気がしているから,タグに関しては今のままがベストな気がする!
ありがとう!

了解!!とりあえず
・タグ、背景色は今のまま
・登録フォームは+ボタンから飛べるようにして実装
で作り直してみる!

a5chin commented

飛べるようにっていうのは個人的にはモーダルをイメージしてます!

直してみた!こんな感じで大丈夫そうか確認お願いします!
ちなみにヘッダーの色は勝手にグラデーションっぽくしたけど、どんな感じがの色がいいとか希望ある?

a5chin commented

UI 良いと思います!!
それでいきましょう!

デザインが決まったのでclose