做网页卡在素材这一步的人太多了。。。。。。。。代码写了一半，，，，，发现图片要钱、图标要钱、字体也要钱，，，，，最后只能轻易找个图糊上去，，，，，成效大打折扣。。。。。。。。其实网页造作素材这件事，，，，，底子不用花一分钱，，，，，只有你知路去哪找、怎么挑，，，，，新手一样能做出看起来很专业的页面。。。。。。。。今天就把这些年攒下的好路子一次性说出来。。。。。。。。

先说最关键的，，，，，图片素材别死磕一个站

好多人一搜素材就直奔搜索引擎，，，，，了局出来的图分辨率低、还有水印，，，，，底子没法用。。。。。。。。真正好用的免费图库其实是这几个：Unsplash、Pexels、Pixabay。。。。。。。。这三个站的共同点是图片质量高、分辨率大，，，，，并且商用根基没问题。。。。。。。。?

Unsplash的风格偏摄影感，，，，，色调高级，，，，，适合做网页首屏的大图布景。。。。。。。。Pexels的分类做得细，，，，，搜“工作”“科技”“天然”都能急剧找到成套的图。。。。。。。。Pixabay则更像一个素材超市，，，，，除了图片还有插画、视频甚至矢量图，，，，，类型更杂，，，，，但胜在量够大。。。。。。。。

这三个站轮流用，，，，，根基能满足七八成的图片需要。。。。。。。。?

这一步好多人搞混了，，，，，图标和插画不是一回事

好多新手把网页里的幼图标当成“轻易配几个就杏妆的器材，，，，，其实图标选得好不好，，，，，直接影响页面的专业感。。。。。。。。免费又有质感的图标库，，，，，首推Font Awesome和Iconify。。。。。。。。Font Awesome是老牌选手，，，，，用class方式挪用，，，，，几行代码就能把图标塞进去，，，，，不会写代码的人也能看懂用法。。。。。。。。Iconify则更矫捷，，，，，支持多套图标集切换，，，，，找起来更快。。。。。。。。

要是你的页面必要一些插画风格的装璜元素，，，，，那就别用图标了。。。。。。。？？？？Ｄ芄蝗ndraw和Manypixel看看，，，，，这两个站专门提供免费的插画素材，，，，，风格统一，，，，，还能直接改配色，，，，，跟网页的整体色调搭起来出格顺手。。。。。。。。?

挑素材不能光看“好看”，，，，，这两个细节才见真功夫

图片和图标找回来了，，，，，不代表就能直接用。。。。。。。。第一个细节是体式。。。。。。。。网页上最常用的图片体式是WebP和SVG，，，，，前者压缩率高、加载快，，，，，后者是矢量图、放大不糊。。。。。。。。好多素材站默认下载的是PNG或JPG，，，，，能转就转一下，，，，，页面速度会显著提升。。。。。。。。

第二个细节是色彩一致性。。。。。。。。? 单张素材再好看，，，，，只有跟页面的主色调不搭，，，，，整体就垮了。。。。。。。。挑素材的时辰，，，，，先锁定一个主色调，，，，，而后只萦绕这个色系去找图，，，，，这样页面才会有一体感。。。。。。。。好多人做出来的网页花里胡哨，，，，，问题就出在素材的色彩太杂了。。。。。。。。

字体这块也藏着不少好器材

文字排版也是网页造作素材的一部门，，，，，并且时时被忽略。。。。。。。。免费可商用的中文字体，，，，，推荐思源黑体、思源宋体和站酷系列。。。。。。。。思源黑体适合正文，，，，，清澈利落；；；；；思源宋体适合标题或偏文艺的页面，，，，，气质齐全分歧。。。。。。。。站酷的字体则更年轻化，，，，，适合做创意类页面。。。。。。。。

英文字体方面，，，，，Google Fonts是绕不开的选择，，，，，里面有上千款字体能够免费挪用，，，，，并且支持在线加载，，，，，不用下载文件到本地。。。。。。。。不外要把稳，，，，，Google Fonts在国内接见可能不不变，，，，，必要找代替规划。。。。。。。。?

别幼看这些字体选择，，，，，同样一句话，，，，，换一种字体，，，，，整个页面的档次感立刻就不一样了。。。。。。。。

最后的提醒，，，，，素材库要养成顺手整顿的习惯

素材找得再多，，，，，不整顿蹬宗白找。。。。。。。。平时养成分目录存放的习惯，，，，，图片、图标、字体、插画各放一个文件夹，，，，，定名清澈一点，，，，，下次做网页直接挪用，，，，，效能翻倍。。。。。。。。好多人每次都沉新找一遍素材，，，，，功夫全浪费在这些沉复劳动上了。。。。。。。。

说到底，，，，，网页造作素材这件事，，，，，步骤对了，，，，，质量和效能都能兼得。。。。。。。。此刻就去把该珍藏的站珍藏起来，，，，，做网页的时辰直接打开用，，，，，别比及一时了才焦急。。。。。。。。归正这些素材都免费，，，，，多试几个，，，，，慢慢你就有自己的心水组合了。。。。。。。。