菜心UI视觉课【学习笔记1】

一个真实的设计师

一个真实的设计师做的东西是由60%好的 + 30%一般的 + 10%不太行的。

【感悟：所以不用焦虑，不断提升自己，沉淀自己！】

图标因素拆解

图标拆解的维度分为：颜色 + 图形 + 透视 + 质感。

【总结：把四个维度都做到位了至少把其中一个做到位，那才是合格的图标】

线/面性的底层逻辑

面性图标拆解

一、形状：

图标形状不要太杂，不要打扰到外轮廓，线性保持统一。图形要简洁！简洁！简洁！

正确案例

二、色/颜色

颜色要通透：

1. 色相有对比。尽量选临近色，不容易出错！
2. 饱和度有对比。
3. 亮部在右下角。（这是小技巧：与其他人形成差异！）

【实操小技巧】

第一步：饱和度较高部分：选顶部中间颜色（通透）

第二步：饱和度较浅部分：往左拉一拉（让它有对比层次

第三步：调整色相（选临近色）

三、空/空间

图标里面的内容小一点，不要太拥挤！

四、异/差异

图形要有差异：圆、方、三角、正方形、异性等。

线性图标

线性图标的四个等级：

等级一：二次元图标（难度系数较大）

等级二：最容易出效果（视觉效果多往这方向靠）

等级三：难度系数不大，普遍一些

等级四：

线性图标的底层逻辑

1、整/整体

2、色/颜色：有亮色，有暗色。亮暗对比，色相不正。

橙色+黄色配色案例：

红色配色案例：

4、质/气质：高长、倾斜、圆润、硬朗等。

高长：

倾斜：

5、亮/亮点：产生亮点的方式：图形、颜色、造型丰富程度、气质（圆润度等）