# UVD_final

**Repository Path**: lujizhi/UVD_final

## Basic Information

- **Project Name**: UVD_final
- **Description**: 用户视觉设计期末项目-MIWI迭代版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# UVD_final-期末项目设计稿

## 设计稿海报
![海报](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/%E6%B5%B7%E6%8A%A5%20%E8%BF%AD%E4%BB%A32.0.jpg)

> 中国城镇养伴侣动物的家庭已经达到了5648万人，但每年任意遗弃伴侣动物的人类数量却无法估量。我们是一群喜欢小动物的大学生，疫情期间流浪宠物愈发的多，所以我们尝试做了一个专注于流浪宠物的公益信息平台，为爱宠人士提供位置标记信息。

![产品介绍](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E4%B8%AD%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1%EF%BC%88MIWI%EF%BC%89/img/%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D.jpg)

## A.品牌核心价值

||MIWI|
|---|---|
|**功能定位**|流浪宠物标记信息平台、公益流浪动物标记社区、大众宠物论坛、权威科普、不同角色承担不同公益责任|
|**核心竞争力**|公益流浪动物多元标记信息平台|
|**内容定位**|一个**专注于流浪宠物信息的公益平台**，且为流浪宠物提供救助及寻找家园。如今很多人爱养宠物，但是也有很多猫狗没有家园在外流浪，为此，我们聚集一群有爱心、有活力、有技术的人员公益搭建、维护、运营平台，为想收养流浪动物的人提供及时、有效、便捷的信息。进入我们的MIWI需填写详细个人资料确保用户信息准确性，平台设定了5个用户身份，即**普通社群用户、线上客服志愿者、线下救助志愿者、技术运维志愿者、医务志愿者**，每个身份都会经过**平台的核实验证**才可以登录。**普通社群用户**相当于平台的创作者，由这类用户发布、定位关于流浪动物的相关信息，普通社群用户也可以申请加入我们成为平台的志愿者，为流浪动物做公益；**线上客服志愿者**的工作主要是，处理来自社宠、论坛违规言论、验证核实用户身份等；**线下救助志愿者**，就是在现实中处理发布在平台的流浪动物的相关问题；**技术运维志愿者**，则在后台维护、运营平台；**医务志愿者**是来自宠物医院的相关人员，为流浪动物提供救助，但是这些相关人员所用的资源还是来自宠物医院，所以，我们希望有宠物医院加入我们，为流浪动物做公益（我们也可以在平台上为宠物医院打打广告呀）|
|**收益**|平台秉承免费、公益原则，**不收费不出卖用户数据**；但是，平台可能后期会与一些商家合作在平台打广告以获取资金，维持平台的正常开销；同时，平台提供“募资” “捐款”，以帮助一些流浪动物治疗疾病。|

![品牌核心价值](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/%E5%93%81%E7%89%8C%E6%A0%B8%E5%BF%83%E4%BB%B7%E5%80%BC.jpg)

## B.品牌元素

#### 1.logo系统

> MIWI是小猫和小狗meow和wang的结合

![logo source](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/logo%20source.jpg)

#### 2.颜色系统

![颜色规范](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/%E9%A2%9C%E8%89%B2%E8%A7%84%E8%8C%83.jpg)

#### 3.ICON视觉系统

![功能性图标](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/%E5%8A%9F%E8%83%BD%E6%80%A7%E5%9B%BE%E6%A0%87.jpg)

![非功能性图标](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/icon%E5%9B%BE%E6%A0%87.jpg)

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

字体 | 字号大小 |  应用场景  | 案例
-|-|-|-
![12px](https://gitee.com/lujizhi/UVD_final/raw/master/img/12px.png) | 12px | 社宠文案、评论、互动功能（点赞数、评论数）、论坛标签 | ![12px案例](https://gitee.com/lujizhi/UVD_final/raw/master/img/shechongwenan.png)  ![12px案例](https://gitee.com/lujizhi/UVD_final/raw/master/img/pinglun.png) |
![14px](https://gitee.com/lujizhi/UVD_final/raw/master/img/14px.png) | 14px | 个人信息页‘其他’栏 | ![14px案例](https://gitee.com/lujizhi/UVD_final/raw/master/img/qitaye.png) |
![16px](https://gitee.com/lujizhi/UVD_final/raw/master/img/16px.png) | 16px | slogan、登录信息、个人信息、论坛标题、'信息录入页'填写提示语、按钮文字 | ![16px案例](https://gitee.com/lujizhi/UVD_final/raw/master/img/slogon.png) ![16px案例](https://gitee.com/lujizhi/UVD_final/raw/master/img/luntanbiaoti.png) |
![18px](https://gitee.com/lujizhi/UVD_final/raw/master/img/18px.png) | 18px | 页面名称 | ![18px案例](https://gitee.com/lujizhi/UVD_final/raw/master/img/yemianmingcheng.png) |
![24px](https://gitee.com/lujizhi/UVD_final/raw/master/img/24px.png) | 24px | 信息录入页名称 | ![24px案例](https://gitee.com/lujizhi/UVD_final/raw/master/img/xinxidengluye.png) |

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

* 主导航：论坛、我的版块使用1:1图片比例，最真实还原照片，强调主体存在感；社宠版块内容以瀑布流的形式呈现，图片比例不固定，以内容的变化调整，多以5:3和3:2视觉呈现。

![主导航](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/%E5%A4%A7%E5%B0%8F%20%E8%BF%AD%E4%BB%A3.jpg)

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

![版式](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/%E5%B0%BA%E5%AF%B8%E8%BF%AD%E4%BB%A3.jpg)

![栅栏系统说明](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/%E6%9C%9F%E6%9C%AB%E7%95%8C%E9%9D%A2%E6%9C%9F%E6%9C%AB/img/%E6%A0%85%E6%A0%8F%E8%BF%AD%E4%BB%A3.png)

>登录界面之后用户必须填写基本信息包括身份证正方照片录入，确保用户信息准确性与宠物信息安全性。

![全局01](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/img/06.jpg)

>拍照标记功能新增加百度动物识别API，在分享宠物标记信息的同时确保信息准确性。寻宠标记与拍照标记信息发布将同步到**社宠**模块，多方位分享流浪宠物标记信息。

![全局02](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/img/05.jpg)

>大区块有社宠、论坛、消息。论坛分为广场、精选、科普三个模块，信息分布中有对应的模块标签。

![全局03](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/img/07.jpg)

> 我的信息卡可通过标记数量，用户角色可以是“普通社群用户、线上客服志愿者、线下救助志愿者、技术运维志愿者、医务志愿者”，系统自动升级功能提高自己的等级，获得对应的等级以及会有对应的证书证明。

![全局04](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/img/08.jpg)

### [交互界面](https://modao.cc/app/58ac235b3c822da93351772902cbbd9629f88281?simulator_type=device&sticky)

![gif](https://gitee.com/ewvue/user-and-visual-interface-design/raw/master/img/miwi3.0.gif)