# ui_team_final

**Repository Path**: NFUNM034/ui_team_final

## Basic Information

- **Project Name**: ui_team_final
- **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-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <h1>随听APP界面设计稿</h1>
</div>

### A3海报
![海报](https://images.gitee.com/uploads/images/2020/0707/011925_6bade1f6_1648202.jpeg "00b7d38251721eeb40ad60dcf2c3d7f.jpg")

### 品牌核心价值
![品牌核心](https://images.gitee.com/uploads/images/2020/0706/233737_98b3911c_1648179.jpeg "1.jpg")
### 品牌元素

#### 1. logo系统
- 品牌logo
采用随听的“随”字拼音sui，以耳机作为象形的i字母，象征只要戴上耳机打开随听，便能像回到童年随时随地享受音乐，带来最简单舒适的听歌体验。

![logo](https://images.gitee.com/uploads/images/2020/0707/015109_99116b3d_1648180.png "屏幕截图.png")

- 手机界面上的效果图
![效果图](https://images.gitee.com/uploads/images/2020/0707/025601_9738612a_1648180.png "屏幕截图.png")


#### 2. 颜色系统，并注明颜色应用场景
![颜色系统1](https://images.gitee.com/uploads/images/2020/0706/234130_baf8540f_1648179.jpeg "4.jpg")
![颜色系统2](https://images.gitee.com/uploads/images/2020/0701/205331_19a981ca_1648179.jpeg "色号2.jpg")

#### 3. ICON视觉系统，并注明尺寸大小使用规范
![ICON](https://images.gitee.com/uploads/images/2020/0706/224547_f4a99d84_1922224.jpeg "ICON图标规范_画板 1.jpg")

#### 4. 字体系统+尺寸大小规范及应用场景
![字体规范](https://images.gitee.com/uploads/images/2020/0707/003917_33fb305c_1648179.jpeg "字体3.jpg")

#### 5. 图片使用规范，注明使用的图片比例尺寸，以及它们的应用场景
600*600px图片圆角半径：15px

其余图片圆角半径：10px

![图片使用规范1](https://images.gitee.com/uploads/images/2020/0706/204203_9b23e322_1922224.png "image_1.png")
![图片使用规范2](https://images.gitee.com/uploads/images/2020/0706/204219_f031abe2_1922224.png "image_2.png")
![图片使用规范3](https://images.gitee.com/uploads/images/2020/0706/204231_4951082e_1922224.png "image_3.png")

#### 6. 版式、栏高、边距等尺寸规范+栅格系统说明

- 顶部导航栏：40px
- 导航栏高度：88px
- 菜单栏高度：120px
- 按钮内容高度：70px
- 屏幕左右与内容间距：30px
- 内容块最小间距：16px
- 带图片列表内容高度：150px
- 文字列表栏高：98px
- 视频列表栏高：186px
- 歌词列表栏高：260px
- 屏幕左右与播放页图片间距：78px

![尺寸规范_1](https://images.gitee.com/uploads/images/2020/0706/212800_d0face66_1922224.png "lan_1.png")
![尺寸规范_2](https://images.gitee.com/uploads/images/2020/0706/212819_ad479d01_1922224.png "lan_2.png")
![尺寸规范_3](https://images.gitee.com/uploads/images/2020/0706/212851_1dc51af2_1922224.png "lan_3.png")
![尺寸规范_4](https://images.gitee.com/uploads/images/2020/0706/212956_8a06d5d5_1922224.png "lan_4.png")

### 产品页面的高保真原型图&交互
[高保真原型图和原型交互](https://nfunm034.gitee.io/ui_team_final)