# 视觉界面设计

**Repository Path**: NFUNM021/visual_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**: 0
- **Created**: 2020-04-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 饿了么在格式塔原理方面的应用

#### 相似性

![输入图片说明](https://images.gitee.com/uploads/images/2020/0404/190223_e82c24d7_1829822.png "1.PNG")

* 人的潜意识里会根据形状、大小、颜色、亮点等，将视线内一些相似的元素组成整体，根据我们的潜意识分类，如上图，大家会把蓝色部分看成一个整体，为登陆注册这一类功能。

#### 相近性

![输入图片说明](https://images.gitee.com/uploads/images/2020/0404/190753_a22987e7_1829822.png "2.PNG")

* 元素之间的相对距离会影响到我们视觉感知，通常我们认为互相靠近的元素属于同一组，而那些距离较远的则不属于，和相似性很像，不过相似性强调的是内容；而接近性强调位置，元素之间相对距离会直接影响到他们是不是同属于一组；如上图，虽然颜色不同，但是我们仍然将其当成一个整体






#### 相近性

![输入图片说明](https://images.gitee.com/uploads/images/2020/0404/191533_68fb2f98_1829822.png "3.PNG")

* 在视觉上也保持着一样的大小，体现了相近性原理



#### 主体与背景关系

![输入图片说明](https://images.gitee.com/uploads/images/2020/0404/191843_2dbd91bb_1829822.png "4.PNG")

* 我们在看一个页面的时候，总是不自觉的将视觉区域分为主体和背景，而且会习惯把小的、突出的那个看成是背景之上的主体。主体越小，与背景的对比关系越明显，主体越大则关系越模糊。上图中，我们首先会注意到白色前景中的内容，然后是绿色的“知道了”按钮。

#### 封闭性
![输入图片说明](https://images.gitee.com/uploads/images/2020/0405/194212_09e50125_1648210.png "屏幕截图.png")
- 上图中美食的分类“全部”、“粉面粥店”等，进行了规则化闭合。

## 饿了么在尼尔森原则方面的应用

#### 系统状态可视化
![输入图片说明](https://images.gitee.com/uploads/images/2020/0405/193933_d38deaaa_1648210.png "屏幕截图.png")
- 通过适时且适当的反馈，帮助用户快速感知“我在哪”。

#### 预防用户出错
![输入图片说明](https://images.gitee.com/uploads/images/2020/0405/202041_061963d3_1648210.png "屏幕截图.png")
- 饿了么的退出登录操作按钮远离其它菜单项，并且是以显眼的红色显示。