2024年Web前端最新前端配色设计技巧，2024年大厂前端高级面试题分享

最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

01 前言

---

---

近来忽然看到一篇文章，说的也是关于前端面试的问题，“是否对色彩有研究”。我一看这不是设计师该考虑的问题吗？面试官的问法也是在意料之内，想想前端的任务就是把设计师的设计图用代码实现，配色问题我们也是可以提出意见和看法，这也关乎到用户体验的问题。

从色彩理论上来看，颜色的选择是可以看出一个人的性格，情绪和情感甚至回忆。所以当颜色理论用于网站设计的时候就必须要慎重，特别是一些官网的设计，要符合产品、公司理念或者公司特色。

02 颜色来源

---

---

所有的颜色基本其实都是来源于三原色，就是前端所熟悉的RGB调色。三原色指的就是红蓝黄。开始解释之前我们先来了解一下以下的信息：

• 原色 间色 三级颜色

• 互补色 相似色 三角色

• 分散互补色 四方色 四方补色

• 明暗色 暖色 冷色

原色：也就是前端熟悉的RGB，所有颜色的源头都是从原色中产生，比如电视屏幕等像素点越多，显示的颜色点就越多，就是分辨率高。

间色：

间色其实就是把红蓝、红黄、黄蓝相互混合，就会出现紫色、橙色、绿色。

三级颜色：

三级颜色就是从原色与间色之间的融合，会产生比较多样的颜色，常见的有蓝绿色、黄绿色等。

互补色：

我们从色轮上看到的对向的两种颜色，就称为互补色。比如红色和绿色，它的特点就是色彩对比强烈，即有所冲突又有协调的感觉。

相似色：

就是色轮上面相似的三种颜色。

三角色：

通过在色轮上面绘画一个等边三角形，所对应的颜色就是三角色。

分散互补色：

与互补色比，其实就是去互补色的两边颜色。颜色有对比也更丰富。

四方色：

在色轮上面画一个正方形，所对应的颜色就是四方色。

四方补色：

四方补色采用一个矩形样子，所对应的就是四方补色。

明暗色：

就是通过对一种颜色进行明暗处理。产生的颜色非常丰富，可用于一些文字或者背景图，但不想太明显的地方。给人一种缓和感。

暖色：

给人一种温暖的感觉。比如如果你在夏天穿一件红色的衣服，就会给人一种更加热的感觉。

冷色：

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】