设计实战！一个美观又易用的食谱APP要如何设计？

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

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

项目目标

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

简介

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

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

必须的功能

• 搜索栏

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

• 食谱卡片（食谱图片+标题）

可选功能

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

• 烹饪时长

• 卡路里

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

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

• 喜欢/保存 按钮

• 提供食谱的用户信息

• 食谱的评分

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

• 主要成份

• 分享按钮

• 食谱的来源和链接

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