# 界面设计

**Repository Path**: kg2000/interface_design

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2020-04-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <h1>Seek的竞品分析</h1>
  <p>成员：梁善宜、梁颖其181013121、颜癸悦181013128、曾洁婷181013、邱姗姗、徐旖芊181013093</p>
</div>
>SEEK是一款拍照识图软件，常用于辨别自然界生物。

## 首页

### Seek主页分析

- **格式塔相似原则**：最先映入用户眼帘的控件是下图较深的绿色部分。设计师将物种图片形状设计为圆，背景为墨绿色，并且用户可以随意左右滑动图片。这些相似部分会让用户认为这是一组。
![home1](https://gitee.com/guiyueYan/interface_design/raw/master/img/home1.jpg)  

- **格式塔闭合原则**：以巨大的黑色方框锁住内容，并与上下空白部分形成对比。这会让用户认为他们是一组别。
![home2](https://gitee.com/guiyueYan/interface_design/raw/master/img/home2.jpg)  


### Seek成就页面分析  


![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/1.jpg)  

1.总体上看，成就页面运用了格式塔视觉规律中的主体与背景/焦点原则。页面采用几种不同的元素和区分度较高的配色——绿色和白色，清楚地展示了该页面的主要区域内容。引人注意的绿色页头部分告知了用户现在的等级以及到下一等级要做的事情。在白色背景上的五边形方框则是一些奖牌获得的对应板块。  

2.页面也运用了尼尔森十大可用性原则中的美观和极简的设计原则，与成就功能不相关和不必要的信息不显示，也没做过多影响信息传递的额外设计。  

![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/2.jpg)  
![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/3.jpg)  

3.“物理奖牌”“挑战奖牌”两个模块运用了格式塔视觉规律中的相近性原理。它们运用了相似的元素，比如标题的颜色、装饰形状、大小都采用了统一的格调，这样会容易在用户的大脑中集结起来区分成组。五边形框之间的留白部分则增强了视觉层次，有助于用户扫描布局，帮助用户更快地实现目标并深入到内容本身。  

4.此外这里还运用了格式塔视觉规律中的对称性原理，“物理奖牌”和“挑战奖牌”两个模块可以说是上下对称的。无论距离远近，这种对称容易给用户带来一种它们是一体的形象，给用户一种坚固且有序的感觉。  

![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/7.jpg)  
![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/8.jpg)  
![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/9.jpg)  

5.使用了尼尔森十大可用性原则中的用户有自由控制权原则。用户可以自由地选择卡片下方的关闭按钮退出挑战内容的查看页面。  

6.使用了格式塔视觉规律中的共同命运性原则。每个物种挑战页面都会有滑动指示器，它提示用户接下来的任务都与之关联，并将用户进行的行动与最终获得的结果联系起来。  

7.使用了尼尔森十大可用性原则中的不脱离现实原则。遵循现实生活中的基本规律，观察动物的种类由少到多，逐步完成挑战，赢得奖牌。“为了赢得奖牌：。。。”描述语言也使用了用户熟悉的语言和概念进行设计，自然且有逻辑，方便用户的理解。  

![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/10.jpg)  
![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/11.jpg)  
![首页](https://gitee.com/guiyueYan/interface_design/raw/master/img/12.jpg)

8.运用了尼尔森十大可用性原则的一致性原则。系统统一用了百分数来显示挑战的进行程度，除了月份有所不同之外，功能名称、状态显示、操作方式都保持了一致性。这种类似的结构，有规则的样式能减轻用户的思考负担。


## 设定
- **尼尔森状态可见原则**：按钮绿色为开启状态，白色为闭合状态。有效的提供状态反馈，帮助用户理解目标对象所处的状态。
- **尼尔森人性化帮助原则**：提供常驻性提示[底部tablebar]，方便用户使用APP最核心的三个功能——切换界面、拍照识物、查看消息
![setting](https://gitee.com/guiyueYan/interface_design/raw/master/img/setting.jpg)

## 关于
- **格式塔相近原则**：相近的内容互相靠近，划为一组。组与组之间插入空白行。紧凑中不失美观。

![about](https://gitee.com/guiyueYan/interface_design/raw/master/img/about.jpg)