我想来一个拆解 你有没有遇到过这种情况：项目里没有UI，需要前端自己上，但是你发现你选哪个颜色都显得丑丑的。
下面我就来拆解下，怎么避开平庸感UI，打造高级感。
毕竟，有时候就算项目里有UI，在迭代中，有的时候也来不及让设计师去设计了，这个时候前端就得自己小设计一下。
先说结论： 好看的UI是系统化设计的结果， 具体的看拆解吧~
颜色：平庸的UI有什么特点
高饱和高亮度的纯色更显廉价
颜色： 平庸的UI一般主色就没选对，比如如果一个项目没有设计，那一般就是相关人员自己在网上找一个色，上就完了，但是容易选中高饱和色。
什么是高饱和度颜色呢？
高饱和度的颜色（High Saturation Colors）指的是色彩纯度极高、几乎不含灰度的颜色
这种颜色非常显眼，但是久看容易视觉疲劳，
为什么低饱和色比高饱和色更容易显得好看点呢？
低饱和度里加入灰色，会显得更加柔和。 图片：
有没有觉得左边的高饱和看起来有点费眼
所以一般设计师不会选用纯色，而是会调整它的明度等，来看一个颜色对比，这次我选的是从掘金吸的一个颜色，它的饱和度其实挺高的，但是因为调整了明度，所以它还是看起来不错。
再来一组对比
左边的几个高饱和度颜色，除了第四个土豪金好看点，其他的都显得有点古早设计风
那么，高饱和度的颜色是不是就一定不好看呢，比如蓝色，掘金的主色也是蓝色，咱们来拆解分析下为什么同样是高饱和度，那为什么它看起来不错呢
当颜色的饱和度很高，那么就调整颜色的其他地方
尽管饱和度在 HSL 模型中显示为 100%，但实际视觉效果并不刺眼，原因在于：
- 色相位置：位于蓝色到青色的过渡区（214°），相比纯蓝（240°）更柔和。
- 亮度平衡：56% 的亮度中和了高饱和度的冲击感。
- RGB 混合：绿色通道（G=128）的加入降低了“纯色”的尖锐感。
