美食点餐外卖APP开发节约时间在家享受美食

一、产品定点
这是一个网上点餐软件，为用户提供集点餐、送餐于一体的服务。在为消费者节省大量时间的同时，帮助消费者发现更多更好的美食。
二、项目背景
随着都市生活节奏的加快，大多数人忙到连给自己做一顿美食的时间都没有，对于这类 很忙碌但又想品尝到不同美食的人，网上点餐成为了他们必要的需求，我们的产品就在 这种情况下产生。点餐软件很好的解决了大部分都市人群关于吃饭的问题，在帮他们节 省了大量时间的同时，也帮助他们发现更多更好的美食。
三、目标人群
主要目标用户是都市中忙于工作的白领，学业繁忙的学生。

四、apppark.cn" target="_blank">APP软件界面设计
1、首页界面设计
主要页面统一采用大标题的设计风格，此处的卡片以图片叠加文字的方式处理，为了不影响阅读，在卡片的上方加一层白 色渐变突出文字。用户可以点击查看按钮， 查看更多关于该店铺的内容。
界面的背景颜色使用浅灰色，卡片的颜色 使用纯白色，因为灰色在视觉上相对靠后 白色在视觉上相对靠前，这样整个页面看 起来有明暗对比，更富有层次感。
操作区的图标使用线性图标，在配色上采 用深黑色加高饱和度高亮度的红色，这是 一组经典配色组合，形成对比又不单调， 整体看起来清爽、和谐又富有趣味。
2、apppark.cn" target="_blank">APP软件详情页界面设计
在店铺详情页上，主要信息以顶部图片加 卡片的形式表现。并且在图片下方叠加一 层白色渐变，达到与背景的统一融合，同 时更好地与卡片自然衔接。在卡片中可以查看店铺的详情介绍、营业 时间、具体地址以及评分情况。
3、食物制作详情
在食物制作介绍页面，可以查看食物的制作方法，同时将食材清单以十字交叉的交 互形式呈现出来，节省了页面空间的同时 减少用户操作成本，简单快捷。在页面下 方以图标加文字的形式将食物的热量、温 度等参数展示给用户，一目了然。
4、购物车界面
在购物车里显示之前添加过的商品，将商 品的具体信息以卡片的形式呈现，视觉上 简洁又易于理解。点击结算后进入订单核 对页面，核对页显示消费者的个人信息以 及订单详情，简洁易懂。
5、送餐员骑行轨迹
当用户下单后，会在送餐地图上显示送餐 员的骑行轨迹，走过的路线以彩色的形式 标识，未走过的路线显示灰色，同时在送 餐员头像旁显示送餐状态，让用户随时了 解送餐情况并感到这是一个可控事件，从 而缓解用户等餐时的焦虑情绪。
6、送餐员详情
当向上滑动时会隐藏地图，以文字的形式 显示配送状态。用户可以查看卡片中送餐员的具体信息、订单详情及拨打电话联系
7、店铺推广介绍
左边是店铺名称和店铺宣传文案，右边是 店铺的整体评分，再配以图片，在视觉上 达到图文结合的目的。每一个店铺为一组， 组与组之间用分隔线隔开。所有的信息梳 理有规律又富有节奏，便于用户浏览理解。
8、店铺详情介绍
店铺详情页头部以图片的形式呈现，当用 户点开该页面的时候形成一定的视觉冲击。 中间的内容介绍以图文结合的形式呈现， 整个布局张弛有序，让用户看起来不会平 淡无趣。
9、优惠卡券页面
在卡券设计上，左边显示具体金额，右边 以文字的形式说明卡券的使用方式，再在 右上角上叠加一个降低透明度的图形，这 样既能达到平衡版面的作用，又不会造成 视觉干扰。在颜色使用上，同种类型的卡 券使用同种颜色，颜色与颜色之间的关系 是相邻色，这样整体看起来即统一又对比。
10、钱包余额设计
余额是为数不多视觉，所以在字体样式上使用 加大加粗的红色表示。收入支出是次要信 息，在字体样式上用较小的黑色表示。形 成对比，凸显重要信息。整体图标以圆形呈现，图标背景吸取主体 图标的颜色并降低透明度，形成层次感。 图标与图标之间的颜色使用相邻色，这样 整体风格趋向统一。