如果要找寻一些很细腻、有质感的网页素材,日本网站是个很好的去处,像是之前介绍过的 FLAT ICON DESIGN 收录许多扁平化设计图示,还有 FREE LINE DESIGN 提供各种分隔线素材,相片的话可以找找东京デート、Model.foto、photoAC、BIZUTART 和 PAKUTASO 等等,应该都会有不少收获。有些网站其实很适合使用这一类素材,放上后的装饰效果更能提升页面整体质感。

纹理素材底图(想让背景快速出效果)(1)

本文要介绍的「Bg-Patterns」也是一个日本背景素材网站,提供可重复显示的网页背景图案,透过拼凑在一起重复显示建构出连续、无接缝的背景效果,相较于单一颜色来说不会太过单调,也不会因为图片档案太大而影响到网页载入速度。

Bg-Patterns 和 Caself、Paper-co、Subtle Patterns 纹理背景素材比较相似,从网站上可以预览在不同尺寸大小呈现出来的重复背景效果,免费下载 JPG、PNG 和SVG,也有提供 Illustrator Ai 和 EPS 向量图格式。

Bg-Patterns

网站链接:http://bg-patterns.com/

使用教学

开启 Bg-Patterns 网站,首页会显示最新加入的背景图,上方可选择分类,包括几何图形、经典、日式、条纹、植物、可爱或时尚风格,点选分类后会看到该类别的背景图。

纹理素材底图(想让背景快速出效果)(2)

点选任一背景图后,会开启更大张的预览、设定工具,可从左侧选择相关背景图案,或是调整图案尺寸以呈现不同效果,选择要下载格式为 JPG、PNG 或 SVG,最后点选下方按钮就能获取图片。

纹理素材底图(想让背景快速出效果)(3)

在图片格式底下的设定选项是能对图片加入杂色效果。

纹理素材底图(想让背景快速出效果)(4)

将网页在往下拖曳,会看到下载背景素材 illustrator Ai 或 EPS 向量图格式选项,点选后等待倒数计时,就会跳出蓝色的下载按钮。

纹理素材底图(想让背景快速出效果)(5)

值得一试的三个理由:

,