阅读本文，轻松掌握免费网页设计素材技巧？

工作中，网页设计师经常会遇见这些状况：时间这么短又要出彩。

哈哈，别慌，先喝口水。

当冤大头了。 又是要大气要有气氛，咱就是说这事儿不容易。

风格不明确很难把握说实话，我也常抓狂。

栏目这么多页面又这么长，害，这不是在考验耐心吗，差点意思。？

免费按钮：点亮你的页面

按钮是交互的灵魂，你懂的。

先找一些纯CSS的按钮吧，省事儿。

复制粘贴几行代码，就能搞定一个炫酷的悬停效果，心情复杂。。

不对不对，应该是先选个配色，再看动画时长。

配色可以参考品牌色，也可以直接用渐变。

渐变配合阴影，让按钮立体感十足。

大胆一点... 如果想要圆角，只要加个border-radius就行啦。

图标资源：让信息瞬间可视化

图标是信息的速递员，你知道吧？

SVG格式最灵活，随意改颜色毫无压力。

下载一套矢量图标库，把它们分类存放。

说到点子上了。 比如常用的社交图标、功能图标还有装饰性小图案。

别忘了检查授权协议，确保真的免费商用哦。

免费字体：让文字也会跳舞

标题想要冲击力？挑一款粗体大字就行。

正文需要易读，那就选个细腻的无衬线体吧。

手写体可以给创意板块加点温度。

我最近爱上了那种复古等宽字体，用在代码块超赞。

下载完后记得在@font-face里声明路径，别忘了格式兼容性。

背景与UI工具包：打造整体氛围

PATTERN背景可以让页面不单调，特别是浅色系配合深色文字。

PATTERN往往是无缝平铺的，你只需要设置好repeat属性就完事儿了。

# UI工具包里有按钮、输入框、卡片等组件，一键拽进项目里用起来超省时。