# User visual interface design_team work
**Repository Path**: Zkimzie/User-visual-interface-design_team-work
## Basic Information
- **Project Name**: User visual interface design_team work
- **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-04-05
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
## CU竞品分析
### 🙊小狗在家
* 小狗在家☞首页页面
1. 界面简洁干净，基本框架颜色为淡黄色、橙色为主，主题统一，字体样式具有一致性。
2. 首页图标与logo相同，简洁明了具有独特性，图标基本一致，颜色大小形状排版基本一致，具有相似性。
3. 轮播图和精选部分具有连续性规律，后边留有下一张图，告诉用户还有内容。
4. 每一个板块都有分割线进行区别，体现闭合性作用。
5. 为你推荐版块中使用接近性区分每个指南的图像、描述等信息。
6. 简单清晰提供了帮助和说明文档，列出具体实现步骤。
---
* 小狗在家☞消息页面
1. 不脱离原则，客服消息那里使用的是大家熟悉的客服形象的图标，帮助大家识别；使用红色作为消息提醒，很显眼，不易忽略，
遵循现实生活中的基本规律。
2. 一致性，消息和公告图标在点击时都变成了黄色。
3. 美观和极简原则，视觉设计的用色和排班简洁明了，使用黄色和白色作为背景色，让用户有种温馨的感觉。
---
* 小狗在家☞宠圈——发现页面
1. 界面排版简洁
1. 界面的颜色用的是白色，更能突出文章的内容，不会吸引了读者的注意力。
2. 每个内容都用了“卡片式”去区分各个板块的不同。分别有推荐（轮播图）、热门活动、推荐阅读、精选故事以及关于宠物资讯的文章。
**原因：相比犬易的红色界面，这个更能突出内容，不会因为背景色而抢走读者目光。**
2. 相似性
1. 每个大板块里面的内容板块都具有相似性。且不同板块之间的内容板块不具有相似性，易于读者快速区分。
2. 不同板块的活动里的内容框架都具有自己的相似性，便于大家区分。
**原因：方便用户更快的分清和查找自己想要看的版类或者内容。**
3. 连续性
1. 在初始的发现页面当中，推荐内容的下面会有一点点其他板块显示。但是，具有向下滑动的提示不是很明显。
2. 热门活动的内容版本，也具有左右滑动的连续性。
4. 对称性
1. 大板块与大板块之间都遵循对其原则（除了顶上的轮播图）
2. 各个大卡片板块的内容板块都有自己的对齐原则
----
* 小狗在家☞我的主页
1. 相似性：
"我的订单"和"待评价订单"的颜色大小都统一，包括下面的“我的日常管理”中，所有板块的颜色大小以及距离等都进行了统一处理，让用户一眼就知道这些功能属性是相近的。
2. 封闭性：
在“我”的主页中，由于信息过于繁杂，但又具备必须存在的意义，所以必须在一个页面中同时显示出来，这时就运用了封闭性原则，使用卡片化的设计，通过色块来帮助用户进行规则性闭合，这可以帮助我们最小化视觉噪音。
3. 主题与背景：
在“招募”版块中，最引人注目的时黄的的对话框，其次是框里面的招募信息，这可以使招募信息最大化的吸引用户注意。
4. 不脱离现实：
在“我的钱包”板块运用了尼尔森用户体验十大原则中的“不脱离现实”，它的图标设计是具象化的，便于用户识别其意义。
---
* 小狗在家☞宠圈-最新（格式塔原理）
1. 共同命运性：
每一个小板块中都用白底黑体字标上了宠主的地址，网名，让人一目了然，可以帮助对每个不同的宠组进行分组，并将行动与结果联系起来，实现了宠主在“小狗在家”app的社交性。
2. 相近性：
1. 宠圈-最新板块中，所有板块的颜色大小以及距离等都进行了统一处理，排列有序。
2. 宠圈-最新板块中，用户的姓名，地区采用一样的颜色和格式，都十分相近，以及文字排版，让人一目了然。
3. 连续性：
在宠圈-最新的页面中，每个板块的线条都是对称的，不会被多余的线条和文字所打扰。可以帮助我们的眼睛顺利地穿过页面，有助于提高易读性
4. 主题与背景：
在宠圈-最新这个页面中，采用白色的底色，同时添加少量的黄色，黑色，没有过多的色彩冲击眼球，使用户浏览起来十分舒适，有刷下去的耐心，增加了用户的使用时常。