# visual_interface_design_week02

**Repository Path**: NFUNM062/visual_interface_design_week02

## Basic Information

- **Project Name**: visual_interface_design_week02
- **Description**: No description available
- **Primary Language**: HTML
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

W3课后作业-界面竞品分析
分析最糟糕的色彩搭配APP：颜色手册
分析原理：格式塔原理

颜色搭配界面

1. 颜色与颜色的排列具有相似性原理及接近性原理，但容易造成视觉疲劳
2. 整个页面运用了对称性原理
3. 相近性原理-方块色卡与文字互为关联元素，同时页面留白有助于用户信息阅读
颜色

1. 颜色组与颜色组之间用了相似性原则
2. 颜色条与颜色条之间采用了闭合性，通过色块帮助用户更好的区分
中国国画色彩

1. 相近性原理-色块和文字／文字解释，如果能配上案例可能更加有助于用户理解这个颜色
沉稳的颜色

1. 单色与双色配色等不同组之间用了接近性原理
2. 各组内运用了相似性原理
图片取色界面

1. 闭合法则，分界线没有完全覆盖屏宽，但用户习惯将其作为上下两个文件的分界线
2. 共同命运原理，做同类分组传达信息时，给它一致的活动规律展现形式



1. 接近性原理，图片和颜色分别置于左右列，但是用户视觉习惯性会认为图片和取色方块是一列，减少用户界面上的视觉凌乱
2. 封闭性原理，图片和色块分不同区域进行封装，对于图片使用的颜色简单明了看到
新增图片取色

1. 相似性原理，每个取色的模块外形保持一致，但在颜色上给予区分，让用户直观感受到颜色色块为整体
更多界面

1. 封闭原则，两个模块以及导航栏之间留白将页面构成封闭的三个实体，满足封闭原则。

自动配色器

1. 相似性原则，自动配色模块中的色系色块在形状具有明显共同特性，而在颜色不同强调配色的模块；并在大小趋于组成整体，强调内容。
2. 接近性原则，各色系的标题与色块之间间距和各色系模块间距不尽相同，形成了接近性的视觉效果。
颜色值转换性状

1. 封闭性原则，同一属性封装一个模块，且背景有明显区分，用户易于分辨