# project

**Repository Path**: NFUNM171041072/project

## Basic Information

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

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-07-01
- **Last Updated**: 2021-07-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 界面设计期末项目设计

#### A核心价值：蛋黄音乐交友app是一款可以通过收听音乐来进行交友的软件。交友方式多种，如根据所选定的某一特定歌曲，对用户精准画像，匹配其他曾多次收听这首歌的其他用户；也可以根据用户选定特定歌手，来匹配同样多次收听该歌手歌曲的其他用户。主要功能：收听、搜索歌曲，发布动态、随机匹配、一起听歌等。

 - 海报
![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/080938_d8fcaaa5_1829815.png "B1C973A1-B940-444B-AE21-9D4E3B51FA92.png")
#### B品牌元素
1. logo系统
 - 蛋黄音乐播放器的logo以深蓝色为背景，因为人们在夜晚时通常感到孤独，人们在夜晚听音乐的频度较高。给人以祥和、平静、舒适的感觉。黑色是音符的形状，与我们的产品功能相符
 - ![蛋黄app](https://images.gitee.com/uploads/images/2020/0702/224202_b2ced4fd_1829815.jpeg "BE35A104-45ED-41AF-A4D1-4377B737EE3E.jpeg")
2. 颜色系统+运用场景
 - ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/080918_3227cdd3_1829815.jpeg "3A31F57B-C08A-408B-8B90-CC2764C39ED4.jpeg")
3. ICON视觉系统+尺寸大小规范
 - ![输入图片说明](https://images.gitee.com/uploads/images/2020/0702/224747_5b203ce9_1829815.jpeg "CD8D75EF-7525-42D8-A293-BDC845C18D1E.jpeg")
 - ![输入图片说明](https://images.gitee.com/uploads/images/2020/0702/230431_36b41f30_1829815.jpeg "71AE3B3E-E798-4059-AFF9-63ACF2952028.jpeg")


## 字体系统+尺寸大小规范及应用场景  

<img src="https://gitee.com/jimgitc/interface_design_final/raw/master/images/字体.PNG"/>  


-  字体尺寸应用使用4px的倍数规范


## 图片使用规范

- ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/081157_885f750f_1829815.jpeg "F5D6D6B9-6226-4C7E-A3E9-8CED1CAFD57B.jpeg")
+  首页最重要的就是歌曲推送  
<img src="https://gitee.com/jimgitc/interface_design_final/raw/master/images/图片规范1.PNG"/>  

+  卡片式图片或用户信息内容板块  
<img src="https://gitee.com/jimgitc/interface_design_final/raw/master/images/图片规范2.PNG"/>  

+  常规图片，视觉增强最大化比例1：1图片  
<img src="https://gitee.com/jimgitc/interface_design_final/raw/master/images/图片规范3.PNG"/>  


## 版式、栏高、边距等尺寸规范+栅格系统说明  
ios（380*812px）


<img src="https://gitee.com/jimgitc/interface_design_final/raw/master/images/栅格最终.PNG"/>  

<img src="https://gitee.com/jimgitc/interface_design_final/raw/master/images/栏高最终.PNG"/>  



## C高保真原型图
![输入图片说明](https://images.gitee.com/uploads/images/2020/0702/230549_f9235f78_1829815.jpeg "9A8AABD8-2332-402C-85BC-459812F75E92.jpeg")

<img src="https://gitee.com/jimgitc/interface_design_final/raw/master/images/首页.PNG"/>