将网站弄好看点

这几天一直在折腾网站上一个动态组件的设计，由此展开聊聊怎么将网站页面处理得好看一点。

主要有三点，一是制作标准，二是图片效果，三是配色搭配。

聊到页面的制作标准，我自己统一的点主要是字体字号、内外边距。就是在开始网站搭建的时候，直接延用原先主题的设计标准，然后将其记录下来。

后续自己独立去做任何区块时，直接使用记录好的那个标准便可以了。

我平时是有看一些设计案例的，但我发现那些高阶酷炫的案例中，会综合使用多种字体并搭配不同的字号。

说实话这种效果我是无能为力，毕竟不是专业的设计师，能实现基础效果、将页面做得干净、统一便好了。

说完设计的标准，剩下就是图片效果。

我知道很多小伙伴做图片的时候会随机去搜索引擎上找一张图，然后编辑软件剪裁一下便使用到自己的网站上了。

但这个过程中有个比较严重的问题，就是很多时候通过这种方式找的图片不合格，不是像素模糊就是尺寸比例不行。

所以对于图片这块，如果你能熟练使用 AI 生成图片的话，我建议是直接使用 AI 进行制作。

实在不行的话，去一些版权图库上搜索自己想要的素材，然后直接付费吧。如果实在不想掏那十几块钱，不妨试试那几个万能的电商软件。

解决好上面两个问题，还剩一个配色，我觉得对页面整体的效果影响很大。

起初搭建网站的时候，我的做法是从上到小都使用一个统一的白色。但是后面能力稍微提升了点，自然就对页面效果有了更高的要求。

但是我自己是不会搭配颜色的，一般获取配色的渠道有两个，分别是看同行案例与查询专业的配色网站。

平时调研的调研信息时候，看到不错的页面直接记录下来，然后用取色器保存下他们的配色方案。

这样的案例积累的多了，后面自然也就知道什么颜色搭配什么颜色了。

除此之外，还有一种能便捷获取配色的方式，即查询专业的配色网站。

找这样的网站其实非常简单，直接在搜索引擎上搜索“color palettes”关键词，便能发现很多很多这样的网站，直接看你想看的结果就行了。

一般在设计页面之前，我会确定核心主色（可以根据品牌 Logo 来确定），然后将这个主色放到配色网站里面去搜索，看看他们给的推荐是什么。

等有了反馈之后，选择一个自己喜欢的配色方案，并将其应用到网站的全局变量里就好了。

基本上这三步操作下来，我们做的页面都能达到及格标准，且操作得更熟悉，后续的页面效果越好。