# aoyou

**Repository Path**: NFUNM093/aoyou

## Basic Information

- **Project Name**: aoyou
- **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-08-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一、竞品分析
### 架构层
- #### 主导航的信息架构简要列明
![主导航的信息架构](https://images.gitee.com/uploads/images/2020/0426/110718_96248f4e_1831515.png)
- #### 细分页面的结构框架
![页面的结构框架](https://images.gitee.com/uploads/images/2020/0426/110718_a2bfaa05_1831515.png)

### 交互路径分析
- ####  “浏览攻略”交互路径分析
!["浏览攻略"的交互路径](https://images.gitee.com/uploads/images/2020/0426/210749_8b812cce_1648201.png)
- ### 交互亮点分析
![交互亮点分析](https://images.gitee.com/uploads/images/2020/0426/203428_7f30aff8_1831464.png)

### 视觉层面分析
![视觉层面分析](https://images.gitee.com/uploads/images/2020/0426/112327_3c82d40a_1831515.png)



# 二、APP设计规范及原型

## A. 品牌核心价值
![品牌核心价值](https://images.gitee.com/uploads/images/2020/0628/165241_17cb1935_1831515.jpeg)
---

## B. 品牌元素

### 1. logo系统
### 品牌logo
![logo](https://images.gitee.com/uploads/images/2020/0705/140419_683dfcba_1648201.jpeg "11.jpg")

### 在手机界面上的效果图
![可用性测试](https://images.gitee.com/uploads/images/2020/0705/140532_dc5ac79e_1648201.jpeg "未标题-2.jpg")

---

### 2. 颜色系统
![](https://images.gitee.com/uploads/images/2020/0621/181711_480da931_1831510.png)
![](https://images.gitee.com/uploads/images/2020/0621/181711_dc97f6f0_1831510.png)

---

### 3. ICON视觉系统
![ICON标准.jpg](https://images.gitee.com/uploads/images/2020/0628/170553_d894bb07_1831515.jpeg)


---

### 4. 字体系统+尺寸大小规范及应用场景。
![字体系统.jpg](https://images.gitee.com/uploads/images/2020/0624/152227_44205589_1831515.jpeg)


---

### 5. 图片使用规范

![图片规范.png](https://images.gitee.com/uploads/images/2020/0706/104838_d85f137b_1532294.png "未标题-2.png")

---

### 6. 版式、栏高、边距等尺寸规范+栅格系统说明
![part01.png](https://images.gitee.com/uploads/images/2020/0706/004534_e76d036f_1831464.png)
![Part02A.png](https://images.gitee.com/uploads/images/2020/0706/004550_28a6f3c0_1831464.png)
![Part02B.png](https://images.gitee.com/uploads/images/2020/0706/004558_033412b9_1831464.png)
![Part03A.png](https://images.gitee.com/uploads/images/2020/0706/004606_77081472_1831464.png)
![Part03B.png](https://images.gitee.com/uploads/images/2020/0706/004614_6c1abd33_1831464.png)
![栅格化.jpg](https://images.gitee.com/uploads/images/2020/0626/012743_9ed2e863_1831515.jpeg)



---

## C. 产品页面的高保真原型图
**备注：使用浏览器打开原型链接时，请将页面缩略度放至100%，不然界面各个元素的放置会有误差**
## 高保真原型链接：[http://nfunm093.gitee.io/aoyou](http://nfunm093.gitee.io/aoyou)

## 原型展示海报设计

![01.jpg](https://images.gitee.com/uploads/images/2020/0805/154615_46f490b2_1831515.jpeg)

![02.jpg](https://images.gitee.com/uploads/images/2020/0805/154615_766b96a2_1831515.jpeg)

![03.jpg](https://images.gitee.com/uploads/images/2020/0805/154614_f806ddba_1831515.jpeg)

![4.jpg](https://images.gitee.com/uploads/images/2020/0805/154726_57da2532_1831515.jpeg)

![5.jpg](https://images.gitee.com/uploads/images/2020/0805/154726_6f14b853_1831515.jpeg)

![6.jpg](https://images.gitee.com/uploads/images/2020/0805/154726_7df904ad_1831515.jpeg)