# WULI_视觉设计

**Repository Path**: NFUNM054/wuli__visual_design

## Basic Information

- **Project Name**: WULI_视觉设计
- **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-06-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WULI_视觉设计
![xxx](https://images.gitee.com/uploads/images/2020/0719/233543_8ad90568_1648156.jpeg "5a3d4440223a42194912b029dbc7e38.jpg")
# 目录 
- [A3海报](#A3海报)
- [设计稿要求](#设计稿要求)
     - [A、品牌核心价值](#品牌核心价值)
     - [B、品牌元素](#品牌元素)
        - [1、logo系统](#logo系统)
        - [2、颜色系统](#颜色系统)
        - [3、icon视觉规范](#icon视觉规范)
        - [4、字体系统](#字体系统)
        - [5、图片使用规范](#图片使用规范)       
        - [6、版式、栏高、边距等尺寸规范+栅格系统说明](#版式、栏高、边距等尺寸规范+栅格系统说明)
    - [C、高保真原型图](#高保真原型图)

# 内容
## A3海报
![APP海报](https://images.gitee.com/uploads/images/2020/0707/010012_c63d2d68_1829793.jpeg "APPhaibao (1).jpg") 
![海报](https://images.gitee.com/uploads/images/2020/0719/232809_cae4b76f_1648174.jpeg "海报.jpg") 
## 设计稿要求
### 品牌核心价值
- “Wuli”APP名称与“屋里”同音，贴合我们为用户打造愉快良好的室内运动体验的主旨，利用联想将Wuli和小屋连接在一起，“屋里”和“室内运动”相结合，形成鲜明的品牌形象，传达核心价值。


### 品牌元素
#### logo系统
- WuliAPP的标志使用主色作为背景，白色部分是“WULI”的手写变形体，表示我们的产品对用户能够轻松愉快的希望。除此之外，此logo形状就像正在做仰卧起坐的小人，符合产品的室内运动宗旨。  
![APPLOGO](https://images.gitee.com/uploads/images/2020/0707/010333_c14d204a_1829793.png "logo.png")
#### 颜色系统
![颜色规范](https://images.gitee.com/uploads/images/2020/0707/085619_b3fa7da6_1648174.png "颜色规范迭代一.png")
#### icon视觉规范
![icon系统](https://images.gitee.com/uploads/images/2020/0707/010434_72248a9e_1829793.png "icon系统.png")
#### 字体系统
![字体系统](https://images.gitee.com/uploads/images/2020/0629/224337_7160e1d8_1648174.png "字体系统.png")
#### 图片使用规范
![图片规范](https://images.gitee.com/uploads/images/2020/0707/163958_c130a4e8_1829829.png "图片规范.png")

- 社区内信息列表图片比例规范
![信息列表](https://images.gitee.com/uploads/images/2020/0707/182154_97f44961_1648215.jpeg "内容列表图片比例.JPG")

- 社区瀑布流设计图片比例规范
 ![瀑布流](https://images.gitee.com/uploads/images/2020/0707/181635_6dbd596a_1648215.png "09658b77137db891461e33fc96faa81.png")

#### 版式、栏高、边距等尺寸规范+栅格系统说明
![版式规范](https://images.gitee.com/uploads/images/2020/0630/014251_413c7ea0_1648174.png "版式规范.png")
- 导航栏间距和卡片内间距
![导航栏间距和卡片内间距](https://images.gitee.com/uploads/images/2020/0707/181744_7b466067_1648215.jpeg "12和16.JPG")

### 高保真原型图
http://nfunm054.gitee.io/wuli__visual_design 

![高保真原型图](https://images.gitee.com/uploads/images/2020/0707/102714_2d7e3cc8_1648174.jpeg "高保真原型图迭代一.jpg")