# 2020视觉界面设计_期中项目

**Repository Path**: NFUNM054/visual_interface_design_interim_projects

## Basic Information

- **Project Name**: 2020视觉界面设计_期中项目
- **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

# 视觉界面设计_期中项目


## 一、竞品分析——Keep

### 1.1 架构层
- 主导航信息架构
![主导航栏](https://images.gitee.com/uploads/images/2020/0511/170628_7233dbbc_1648190.jpeg "1589119908446-b150738f3ed7b5c3.jpeg")  
- 细分页面的结构框架  
![细分页面](https://images.gitee.com/uploads/images/2020/0511/170646_99a6d52f_1648190.png "1588925790715-7c3f0ae8ce8c0bbe(1).png")  

### 1.2 交互路径分析
- Keep交互路径分析——训练  
![交互路径](https://gitee.com/NFUNM054/visual_interface_design_interim_projects/raw/master/images/1589005875831-90b373618cf9b561(1).png)  
总结：
Keep的版本迭代过程中，更多的注意力放在功能点的丰富，但是为了页面的协调，一部分功能操作引导不明，使用户会忽略一些新的功能。同时Keep也提供很多社交的内容，比如：显示实时训练者，关注其他训练者、给其他正在训练的人加油，分享训练动态等，但是专注训练的 Keeper 没有精力去关注其他训练者。
- 交互亮点提取
![交互亮点提取](https://images.gitee.com/uploads/images/2020/0512/172210_681b273c_1648215.png "交互亮点提取.png")
### 1.3 视觉层面分析
![视觉层面分析](https://images.gitee.com/uploads/images/2020/0511/202709_23ff93a4_1648190.jpeg "规范.jpg")
## 二、自己作品——WULI

### 2.1 架构层

![架构图](https://gitee.com/NFUNM054/visual_interface_design_interim_projects/raw/master/images/WULI%E6%9E%B6%E6%9E%84%E5%B1%82.png)

### 2.2 交互路径
- 运动
![运动](https://gitee.com/NFUNM054/visual_interface_design_interim_projects/raw/master/images/%E8%BF%90%E5%8A%A8.png)
- 商城
![商城](https://gitee.com/NFUNM054/visual_interface_design_interim_projects/raw/master/images/商城.png)
- 社区、VIP、我的
![社区、VIP、我的](https://gitee.com/NFUNM054/visual_interface_design_interim_projects/raw/master/images/%E6%88%91%E7%9A%84%E4%BA%A4%E4%BA%92.jpg)
### 2.3 视觉规范
![视觉规范](https://gitee.com/NFUNM054/visual_interface_design_interim_projects/raw/master/images/%E8%A7%84%E8%8C%83%E8%87%AA%E5%B7%B1%E7%9A%84.jpg)