联系方式

咨询热线:400-998-6158

点击此处免费预约试听课程»

常见问题
学习资讯
学习资讯

美食移动端的ui设计方案

美食移动端的ui设计方案

一、项目
 

为烹调和食谱移动端APP的UI设计。
 

二、介绍
 

一般来说,设计师需要为那些喜欢烹饪的人设计一款美食APP,它应该有一个不断更新的食谱数据库,还应具备食材管理的功能,允许用户使用家中可用的食材生成相应的菜单,并为缺失的食材生成相应的购物清单。
 

根据客户的喜好,本应用应包括以下功能:
 

1.*的功能
 

(1)搜索栏。
 

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

(3)食谱卡(菜谱图片+标题)。
 

(4)可选功能。
 

2.可选功能
 

(1)特定的食谱,各种食材 的用量和比例。
 

(2)烹饪时间。
 

(3)卡路里。
 

(4)按钮关闭和隐藏食谱。
 

(5)添加食材的购物清单按钮。
 

(6)喜欢/保存按钮。
 

(7)提供菜谱的用户信息。
 

(8)食谱评分。
 

(9)喜欢这个食谱的用户数量。
 

(10)主要成分。
 

(11)分享按钮。
 

(12)食谱来源和链接。
 

(13)考虑使用哪种样式呈现菜谱,网格或单列。
 

三、主要问题
 

客户为设计团队提出的需求和构思中,包含了大量的信息和想法。设计师*通过分析对所有要点进行优先排序,因为在屏幕上填满信息会导致过载的高风险。
 

根据研究和分析,通过创建用户使用场景来确定菜谱中哪些信息较重要,这一点非常重要。
 

四、探索解决方案:优点和缺点
 

设计师为食谱卡的制动了几种不同的解决方案,这些解决方案的核心是允许有限的移动界面,尽可能gao效地显示核心数据。考虑到食谱卡是整个交互的关键因素,较终设计师决定平衡好逻辑和情感,希望在可用性、可导航性和视觉美学之间找到平衡。
 

五、较终的解决方案
 

较大的卡片设计赋予产品更强的视觉吸引力,在竞争中具有明显的优势,同时,它也有助于收集反馈和分析数据,可以作为下一阶段设计的基础,提高用户体验。
 

滑动卡带来的交互微妙而优雅的,可以隐藏更多的交互和操作,以及额外的功能。
 

六、其它细节:过滤器
 

由于不同的食谱差别很大,用户需要通过过滤器对食谱进行过滤,用户可以使用此功能找到更适合自己的食谱。例如,可以选择只使用当前现有食材的菜谱,这样用户就可以在不购买的情况下,把购买好菜做出美味佳肴,过滤器为用户提供了更多的便利。
 

学校联系方式

更多培训课程,学习资讯,课程优惠等学校信息,请进入 东莞松山湖平面设计培训东莞松山湖PS美工培训东莞松山湖UI培训东莞松山湖PhotoShop培训 网站详细了解,免费咨询电话:400-998-6158

相关课程