如今,背景图像、颜色或图案不仅在基于设计的网站中很重要,在博客或普通网站中也很重要。 然而,还有一个令人遗憾的事实,那就是要找到适合您网站前景内容的背景图案并不容易。 当您必须检查一种图案是否合适时,它会变得更加乏味,因为您每次都必须做一些代码工作来更改背景图案。
在这种情况下,您可以使用小书签,这将帮助您找到并测试最适合您网站的背景图案。 现在让我们来看看这个很酷的工具。 这个工具,获得 Toptal, 令人印象深刻,对所有网页设计师绝对有用。
书签
在进入实际内容之前,让我们向您介绍书签。 Bookmarklet 是一组书签,除了将您带到特定页面之外,它还可以执行其他功能。 对于 Subtle Patterns,这个小书签实际上是在浏览器屏幕上打开一个小部件,无需代码播放即可调整页面的背景设置。
微妙的模式和书签
如前所述,Subtle Patterns 有大量的背景图案。 用户,很可能是网页设计师可以下载这些背景图案并根据自己的意愿使用它们。 每次下载都将包含不同大小的高质量背景图案。 与您长时间搜索背景图案相比,使用此网站很有用,而且该网站似乎也有很好的收藏。 该网站还可以预览特定的背景图案,以便您在下载前获得广泛的视野。
Brad Jasper 是 Bookmarklet 的创始人,它是免费提供的。 使用此工具,您可以轻松地为您的网站找到匹配的背景图案,并在您的网站上实时查看它们,而无需编码,这对设计师来说很容易。 现在我们可以看看如何使用这个工具。
如何使用微妙的模式书签?
首先,你必须去 布拉德贾斯珀的网站 获取提到的书签。
然后按照网站上的说明将该绿色按钮拖到您的书签栏。 你已经完成了安装工作。 然后你就可以开始玩背景图案了。 如果你想改变一个网站的背景图案,但想在申请前看到它的实际效果,你可以使用 Subtle Patterns Bookmarklet。 只需访问该网站(例如 Google.com) 并单击您在书签栏中添加的书签。
一个像上面给出的小部件将出现在屏幕上,带有一个下拉选项菜单。 您可以从菜单中选择各种背景图案,网站将在几秒钟内显示所选图案。 看到我们使用这个小部件为谷歌选择了各种背景图案。
如果一个类别中有不同的选项,您可以很好地使用它。 例如在第一张图片中,您可以看到小部件显示 1/329,这意味着该类别中有 329 个品种。 您可以通过按屏幕上的箭头或键盘上的箭头键本身来查看各种图像。
每当您为您的博客找到最合适的背景图案时,只需单击书签上的图案名称即可。 它会去 Subtle Patterns 网站,下载那个特定的背景图案,然后在你的 网站/博客.
微妙的模式书签:其他值得注意的功能
除了仅更改整个背景图案外,此工具还允许您更改特定区域的背景图案,例如标题。 为此,您必须点击小部件中的设置按钮并选择您希望看到受影响的区域。
在这种情况下,我们选择了上部并选择了背景图案。 如您所见,部门之间存在明显的变化。 此功能使该工具更有用,因为您必须为网页中的多个区域应用多个模式。
您可以在任何网站上使用这个小部件,并看到背景图像的魔力。 假设您有一个网站并且对选择哪种背景图案感到困惑,这个 Subtle Patterns 小书签一定会帮助您修复它。
我们可以肯定地说,Subtle Patterns Bookmarklet 是每个网页设计师的必备工具,而且使用起来非常简单。 您对此工具有何看法? 通过评论分享。
马特艾伦
这很有帮助!! 它是如此简单和免费。 这非常适合我网站上我不知道该怎么处理的空间,而且种类繁多。 再次感谢。
尤希·阿格拉瓦尔
我早就知道这个小部件了……
我必须说你已经清楚地抓住了这个小部件的本质......
我们可以轻松地从多种背景图案中进行选择,并且可以使我们的网站看起来更加生动……
真的很好的帖子……。谢谢分享…………。
拉利特夏尔马
非常好,我喜欢你的作品,我会在我的技术博客 Elkees Medua 上应用这个模式