# 期中项目

**Repository Path**: visual_interface_design/interim_projects

## Basic Information

- **Project Name**: 期中项目
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 期中项目

## 一、竞品分析

### 1.1 架构层

- 信息主架构图

选择了以 **食谱** 为主要功能的“下厨房”APP和以 **健康饮食** 为代表的“薄荷健康”APP进行信息主架构的分析

![薄荷健康信息主架构](https://images.gitee.com/uploads/images/2020/0509/152312_2aa7e4e7_1532305.png "屏幕截图.png")
![下厨房信息主架构](https://images.gitee.com/uploads/images/2020/0509/152323_fb2ba75a_1532305.png "屏幕截图.png")

- 页面细分架构图

设计的产品以食谱为核心功能，因此选择“下厨房”APP进行页面细分架构分析

![下厨房页面细分架构](https://images.gitee.com/uploads/images/2020/0509/152302_64082c5a_1532305.png "屏幕截图.png")

- **总结：在整理竞品的信息架构图中，发现他们的商店页面的内容较为繁多，主要的功能是为提供用户平台，进行内容的创作与分享，但其另外的核心竞争力还是以购物商店、课程等影响着用户的行为。**

### 1.2 交互路径分析
![下厨房核心交互路径](https://gitee.com/visual_interface_design/interim_projects/raw/master/img/%E6%A0%B8%E5%BF%83%E4%BA%A4%E4%BA%92%E8%B7%AF%E5%BE%84.png)
- **总结：下厨房的核心交互整体操作较为简单，对用户操作有设置一定的提示，逻辑性较强。软件会根据菜名推测需使用的材料，节省了用户的编辑压力。但是app在发布菜谱的核心功能中交互效果运用较少。**

![核心交互路径亮点](https://gitee.com/visual_interface_design/interim_projects/raw/master/img/%E4%BA%AE%E7%82%B9%E5%9B%BE.png)
- **总结：交互效果运用较少，但功能细节和视觉呈现有考虑到用户的具体使用时存在的变量和易获取性。但是对比其他两个软件，其在细节上没有做的很好，没有考虑到用户所在场景潜在需求。而像豆果美食和薄荷健康的数据可视化设计可以考虑运用在材料用量等方面。**

### 1.3 视觉界面分析
![下厨房设计规范](https://images.gitee.com/uploads/images/2020/0511/102848_f97bef58_1532305.jpeg "未标题-1.jpg")
![下厨房内容模块规范](https://images.gitee.com/uploads/images/2020/0511/102921_80eba572_1532305.jpeg "1.jpg")

- **总结：下厨房的产品主调色为暖色，里面的图标都包含线性、面性的，图标的丰富度较高，比较能吸引用户，但视觉上感觉有些许不统一。内容的模块较为普遍的样式，可以灵活组合，能被用户接受。**

## 二、自己作品——Eaten （健康饮食食谱）

### 2.1 架构层
![Eaten信息主架构](https://images.gitee.com/uploads/images/2020/0509/153328_91de2861_1532305.png "屏幕截图.png")
![Eaten信息细分架构](https://images.gitee.com/uploads/images/2020/0509/153407_9c14e02c_1532305.png "屏幕截图.png")
 **总结：
以食谱作为产品核心功能，但饮食打卡作为产品的特色功能亮点。同时希望用户能专注菜谱和健康饮食，因此摒弃了商城的设置。作出了如上图的架构。**

**首页主要展示菜谱，暂定用瀑布流的内容排版布局，同时左上角会设计内容的发布入口，顶部搜索框下方设置广告和热门话题的幻灯片轮播图。**

**社区主要展示用户用餐后的打卡或菜谱分享，可以即时看到更新的内容，暂定做成卡片式的内容排版布局。**

**打卡主要是展示用户每天和历史的热量和打卡的数据，以可视化的形式展示数据。而饮食打卡的部分会分成卡路里和菜谱的区块，同时也设置内容推荐，让用户形成健康的饮食习惯。用户在打卡后可以自愿分享到社区。打卡和分享社区都可获得积分。**

**我的页面是个人信息和app的基本设置，在页面可以看到打卡所获得的积分、收藏的话题和菜谱，消息页面和反馈的入口。**


### 2.2 交互路径（低保真线框图）
![Eaten核心交互路径](https://gitee.com/visual_interface_design/interim_projects/raw/master/img/%E4%BA%A4%E4%BA%92%E8%B7%AF%E5%BE%84.png)
- **总结：这款app以引导用户健康饮食为目的美食食谱软件，提供多种多样的健康美食的做法。并且通过让用户打卡三餐食谱反馈其摄入热量、菜品营养等数据，引导用户制作健康的食物和分享饮食菜谱。在平台的社区模块形成健康饮食的分享形态。在菜谱编辑页面和详情显示页面会尽量简化用户所需操作，降低其内容生产的门槛且使得菜谱的应用性更强。**
### 2.3 视觉规范

![Eaten设计规范](https://gitee.com/visual_interface_design/interim_projects/raw/master/img/eaten设计规范.jpg "设计规范")

- **总结：产品的主题是食谱和健康饮食，所以选择了绿色作为主色调，代表着自然和愉悦的心情。整体设计是简约风格，图标以线性为主。字体规范上用相对竞品小一点的字号来突出食物的图片；内容规范上也是以突出图片为主。以简单的风格来突出“愉悦做饭、健康饮食”的产品主题。**