Heutzutage sind Hintergrundbilder, Farben oder Muster nicht nur in designbasierten Websites wichtig, sondern auch in Blogs oder gewöhnlichen Websites. Es gibt jedoch eine weitere traurige Tatsache, dass es nicht einfach ist, Hintergrundmuster zu finden, die zum Vordergrundinhalt Ihrer Website passen. Es wird mühsamer, wenn Sie überprüfen müssen, ob ein Muster geeignet ist oder nicht, da Sie jedes Mal etwas Codearbeit leisten müssen, um das Hintergrundmuster zu ändern.
In dieser Situation können Sie ein Bookmarklet verwenden, das Ihnen hilft, das am besten geeignete Hintergrundmuster für Ihre Website zu finden und zu testen. Lassen Sie uns nun einen Blick auf dieses coole Tool werfen. Dieses Tool, erworben von Toptal, ist ziemlich beeindruckend und definitiv nützlich für alle Webdesigner.
Bookmarklet
Bevor wir uns mit den eigentlichen Inhalten befassen, möchten wir Ihnen das Bookmarklet vorstellen. Bookmarklet ist eine Reihe von Lesezeichen, die andere Funktionen ausführen können, als Sie nur zu einer bestimmten Seite zu leiten. Im Fall von Subtle Patterns öffnet dieses Bookmarklet tatsächlich ein kleines Widget auf dem Browserbildschirm, um die Hintergrundeinstellungen der Seite anzupassen, ohne dass Code abgespielt wird.
Subtile Muster und Lesezeichen
Wie bereits erwähnt, verfügt Subtle Patterns über eine riesige Sammlung von Hintergrundmustern. Benutzer, höchstwahrscheinlich Webdesigner, können diese Hintergrundmuster herunterladen und nach ihren Wünschen verwenden. Jeder Download enthält hochwertige Hintergrundmuster in verschiedenen Größen. Im Vergleich zu Ihrer langen Suche nach Hintergrundmustern ist die Verwendung dieser Website nützlich, und es scheint, dass die Website auch eine sehr gute Sammlung hat. Die Website kann auch eine Vorschau der spezifischen Hintergrundmuster anzeigen, sodass Sie sich vor dem Herunterladen einen umfassenden Überblick verschaffen können.
Brad Jasper ist der Mann hinter dem Bookmarklet und es ist KOSTENLOS erhältlich. Mit diesem Tool können Sie ganz einfach passende Hintergrundmuster für Ihre Website finden und sie ohne Programmieraufwand live auf Ihrer Website sehen, was für Designer einfach ist. Jetzt können wir uns ansehen, wie man dieses Tool verwendet.
Wie verwendet man ein Lesezeichen für subtile Muster?
Zuerst musst du gehen zu Brad Jaspers Website um das erwähnte Bookmarklet zu erhalten.
Ziehen Sie dann diese grüne Schaltfläche wie auf der Website angegeben in Ihre Lesezeichenleiste. Sie sind alle mit den Installationssachen fertig. Dann können Sie anfangen, mit Hintergrundmustern zu spielen. Wenn Sie das Hintergrundmuster einer Website ändern, es aber live sehen möchten, bevor Sie es anwenden, können Sie das Subtle Patterns Bookmarklet verwenden. Gehen Sie einfach auf die Website (z Google.com) und klicken Sie auf das Lesezeichen, das Sie in Ihrer Lesezeichenleiste hinzugefügt haben.
Auf dem Bildschirm erscheint ein kleines Widget wie oben angegeben mit einem Dropdown-Optionsmenü. Sie können verschiedene Hintergrundmuster aus dem Menü auswählen und die Site wird das ausgewählte Muster in nur wenigen Sekunden haben. Sehen Sie, wir haben mit diesem Widget verschiedene Hintergrundmuster für Google ausgewählt.
Wenn es in einer Kategorie verschiedene Möglichkeiten gibt, kann man das gut nutzen. Auf dem ersten Bild können Sie beispielsweise das Widget sehen, das 1/329 anzeigt, was bedeutet, dass es 329 Sorten in dieser Kategorie gibt. Sie können verschiedene Bilder sehen, indem Sie die Pfeile auf dem Bildschirm oder die Pfeiltaste Ihrer Tastatur selbst drücken.
Wenn Sie das am besten geeignete Hintergrundmuster für Ihren Blog finden, klicken Sie einfach auf den Musternamen im Bookmarklet. Es geht auf die Subtle Patterns-Website, lädt dieses spezifische Hintergrundmuster herunter und verwendet es in Ihrem Webseite / Blog.
Subtile Muster-Lesezeichen: Andere auffällige Funktionen
Mit diesem Werkzeug können Sie nicht nur das gesamte Hintergrundmuster ändern, sondern auch das Hintergrundmuster eines bestimmten Bereichs ändern, z. B. der Kopfzeile. Dazu müssen Sie im Widget auf die Schaltfläche Einstellungen klicken und den Bereich auswählen, der betroffen sein soll.
In diesem Fall haben wir den oberen Teil ausgewählt und das Hintergrundmuster ausgewählt. Wie Sie sehen können, gibt es einen unterscheidbaren Wechsel zwischen den Abteilungen. Diese Funktion macht das Tool nützlicher, da Sie mehrere Muster für mehrere Regionen auf einer Webseite anwenden müssen.
Sie können dieses Widget auf jeder der Websites verwenden und die Magie von Hintergrundbildern sehen. Angenommen, Sie haben eine Website und sind sich nicht sicher, welches Hintergrundmuster Sie wählen sollen, dieses Lesezeichen für subtile Muster wird Ihnen definitiv dabei helfen, das Problem zu beheben.
Wir würden sicherlich sagen, dass das Subtle Patterns Bookmarklet ein notwendiges Werkzeug für jeden Webdesigner ist und es ist ziemlich einfach zu bedienen. Was ist Ihre Meinung zu diesem Tool? Teilen Sie es über Kommentare.
Matt Allan
Das hilft sehr!! Es ist so einfach und kostenlos. Das ist perfekt für die Bereiche auf meiner Website, mit denen ich nicht weiß, was ich tun soll, auch für eine so große Vielfalt. Danke noch einmal.
Juuhhii Agrawal
Ich kenne dieses Widget schon lange…….
Ich muss sagen, dass Sie die Essenz dieses Widgets klar erfasst haben……
Wir können ganz einfach aus einer Reihe von Hintergrundmustern wählen und unsere Websites noch lebendiger aussehen lassen…..
Wirklich schöner Beitrag…….Danke fürs Teilen………….
Lalit Sharma
Sehr schön, ich mag deine Arbeit, ich werde dieses Muster auf meinem Tech-Blog Elkees Medua anwenden