# id_final

**Repository Path**: NFUNM022/id_final

## Basic Information

- **Project Name**: id_final
- **Description**: 界面设计小组期末作业
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 脚印

## A3海报
![海报](https://images.gitee.com/uploads/images/2020/0707/160948_f5d0bfcf_1532292.jpeg "视觉海报2(压缩版).jpg")
## 设计稿
### A.品牌价值核心

#### 年轻 自由 探索 纪念

脚印不仅仅是个人的记忆，更是每一座城市的回忆录。
### B.品牌元素
为了有效的传递脚印APP的品牌，建立起了Logo、颜色、字体、icon，还建立了设计元素比如照片规范、辅助图形和视觉动效。
#### 1.logo元素
- 脚印App的Logo象征着用户记录在各个地点留下的脚印，分享自己旅途的故事和风景。
- 同时也象征着我们的APP脚踏实地，从本地化旅游为出发点不断完善功能，扩大用户群体。
- 方框中的脚印寓意着将您的脚步置于镜头内定格，留存在APP生产用户自己的内容。
- 右图展示的是APP首页，字体使用的是像素风，仔细看像是一张张照片组成的“脚印”二字。
![logo](https://images.gitee.com/uploads/images/2020/0628/024501_585bce4b_1648226.jpeg "脚印.jpg")
#### 2.颜色系统
脚印的主色调偏向于蓝色系，蓝色是博大的色彩，天空和大海这辽阔的景色都呈蔚蓝色
这也正符合脚印app的定位——记录你去过的天涯海角的那些故事。
在商业设计中，蓝色也象征着科技、效率、理性。主色采用淡蓝色，给用户以温馨舒适的旅游空间。
###### 下图展示颜色及应用场景说明
![颜色系统](https://images.gitee.com/uploads/images/2020/0707/024918_956ff030_1648226.jpeg "颜色.jpg")
#### 3.ICON视觉系统

![输入图片说明](https://images.gitee.com/uploads/images/2020/0702/165726_d5da3318_1648155.png "0c0609f258c7c44e5735d4a0b3e683a.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0627/230750_f47a942a_1648155.png "e204e907f60290d47bd7b0dfff14f32.png")
#### 4.字体系统
我们的脚印app使用的字体是苹方，它是一种中性的哥特式字体，拥有较强的可读性

![输入图片说明](https://images.gitee.com/uploads/images/2020/0702/002002_b49b8aee_1648155.png "2e3521c11bf919b23a6db60f37c4a4a.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0702/172708_75a826c9_1648155.png "e304dc3ddee8e1fd74833fdeb790aab.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0702/005429_c332f2ad_1648155.png "4f537a38a9360cb4d54a259ca0a6c8d.png")

#### 5.图片使用规范，注明图片尺寸比例及应用场景

避免使用与旅行无关的，过于卡通的的照片作为标题图。整体上应选择各地的人文风光图片，加以后期后才能使用。如果有对应的，比如城市专栏，则应选用相应的城市的图片作为标题图片。
##### 图片比例
- 首页Banner滚动图片的尺寸比例为2：1
- 首页标题图片尺寸比例为3：2
##### 具体尺寸：
* Banner：376x188
* 首页标题图片：171x144

![首页滚动栏](https://images.gitee.com/uploads/images/2020/0707/020604_6a885195_1532287.png "111.png")
![首页标题图](https://images.gitee.com/uploads/images/2020/0707/020620_bca5f681_1532287.png "222.png")

##### 图片比例
* 相册图片尺寸比例为1：1
* 缩略地图尺寸比例为3：2
* 社区标题图片尺寸比例为16：9
* 我的订单缩略图比例为3：2
##### 具体尺寸
* 相册图片：100x100    
* 缩略地图：330x220    
* 社区标题图片：144x81    
* 我的订单缩略图：189x126

![3in1](https://images.gitee.com/uploads/images/2020/0707/020945_1bc9dfc0_1532287.png "66666.png")

#### 6.版式、栏高、边距等尺寸规范、栅格系统说明
![栏高1](https://images.gitee.com/uploads/images/2020/0707/015114_2b75fdca_1532287.png "99.png")

![栏高2](https://images.gitee.com/uploads/images/2020/0707/015130_9877b703_1532287.png "88.png")

### C.高保真原型图
## [原型交互链接](https://modao.cc/app/a8932db696c561d9ddf9f282287f01b1c413817e?simulator_type=device&sticky)
### 原型图
![原型图](https://images.gitee.com/uploads/images/2020/0707/025151_b1e898e1_1648226.jpeg "原型图 (2).jpg")