• 您当前的位置:首页 > 科技资讯 > 互联网新闻 > 设计实战!一个美观又易用的食谱APP要如何设计?
  • 设计实战!一个美观又易用的食谱APP要如何设计?

    时间:2018-03-09  来源:优设网  作者:

    QQ截图20180309142134.jpg

    Tubik :中国人常说,民以食为天,吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的能量来源,食物的好坏直接关系着一天的心情、情绪、状态甚至工作和生活的点点滴滴,这也难怪食物始终都是热门话题。而我们同样常常借助手机和网络,选择更好的餐厅,点更好的外卖,或者寻找更加健康的食谱。美食和技术,也一直是紧密关联的。无论这个和美食相关的 APP 的UI 背后的设计目标是什么,它不仅能够帮助用户达成目标,而且因为美食的加成,它还有着别样的吸引力。

    早些时候,我们已经就这个主题分享过不少关于UI 设计的想法,今天我们要探讨的这个设计实战,是一个关于新鲜食品的设计案例研究,这个 APP 的核心概念是食谱卡。在这个项目当中,主要的设计师是 Anton Morozov, Ernest Asanov 和 Vlad Taran,他们将会通过分析和探讨来寻求最合理的内容和导航的设计。

    项目目标

    关于烹饪和食谱的移动端APP 的 UI 设计。

    简介

    总的来说,设计师需要为喜欢烹饪的用户设计出一款辅助制作出美食的APP,它应该拥有不断更新的食谱数据库,它还应该具备食材管理的功能,允许用户根据家中现有的食材来生成相应的菜单,并且针对缺少的食材,生成相应的购物清单。

    根据客户的偏好,这款应用应该包含下列的功能:

    必须的功能

    • 搜索栏

    • 过滤按钮(包含相关结果数量和相应的过滤的信息)

    • 食谱卡片(食谱图片+标题)

    可选功能

    • 具体的食谱,各种食材的用量和配比

    • 烹饪时长

    • 卡路里

    • 用来关闭和隐藏食谱的X按钮

    • 添加食材到购物清单的按钮

    • 喜欢/保存 按钮

    • 提供食谱的用户信息

    • 食谱的评分

    • 喜欢这个食谱的用户的数量

    • 主要成份

    • 分享按钮

    • 食谱的来源和链接

    • 考虑使用哪种样式来呈现食谱,网格还是单列

    关键词:
    最近更新
    推荐资讯