Design-Tipps zum Auffrischen Ihrer Website
Manchmal muss Ihre Website nur aktualisiert werden. Durch die Einbeziehung eines oder zweier Designtrends kann das Design sauberer und moderner aussehen und das Engagement fördern.
Glücklicherweise ist es mit Weebly ziemlich einfach, im Trend zu bleiben. Von scharfen Vorlagen für einen professionellen Look bis hin zur Optimierung der Grafik im Editor finden Sie alles, was Sie für ein modernes Website-Design benötigen, an einem Ort.
Aber wo fängst du an? Hier sind fünf Ideen, die Ihre Website frisch aussehen lassen.
Helle Farben und Farbverläufe
Kräftige, leuchtende Farben sind einer der beliebtesten – und glücklichsten – Webdesign-Trends des Jahres 2019.
Sie müssen keine Angst haben, Gelb, Grün, Rosa und Blau mit viel Farbsättigung zu verwenden. Betrachten Sie helle Farbhintergründe als Akzent oder als Elemente der Benutzeroberfläche, um Kunden anzulocken und eine emotionale Verbindung herzustellen.
Zusätzlich zu einzelnen Farben, die hell sind, sind Farbverläufe eine weitere Möglichkeit, helle Farben für maximale Wirkung zu verwenden. Eine Farbverlaufsüberlagerung auf einem Bild kann genau die richtige Leinwand bieten, um Text oder einen anderen Aufruf zum Handeln hinzuzufügen.
Top-Tipp: Sie können mit jeder Weebly-Website direkt aus dem Editor arbeiten. Verwenden Sie die Farbauswahl, um eine helle Hintergrundfarbe auszuwählen, oder verwenden Sie eine der vielen verschiedenen Bildfilteroptionen, um Ihren Fotos einen Pop hinzuzufügen. Öffnen Sie einfach den Editor und bearbeiten Sie das Bild oder den Hintergrund.
Versuchen Sie dieses Thema: Ort
Feste oder mobile Navigationselemente
Stellen Sie sicher, dass Benutzer immer Zugriff auf Navigationselemente mit festen Platzierungen haben, die beim Scrollen oben oder seitlich auf dem Bildschirm bleiben. Wenn die Navigation immer verfügbar ist, können sich Website-Besucher leicht im Design bewegen und Elemente finden, wenn sie verloren gehen.
Eine der beliebtesten Anwendungen der festen Navigation ist die Verwendung eines „mobilen“ Stils für alle Gerätetypen. Dies ist oft ein einfaches, dünnes Navigationselement am oberen Bildschirmrand, das ein Logo oder Branding und ein einfaches Symbol enthält, das zur vollständigen Navigation erweitert wird.
Dieser Elementstil kann Ihnen einen größeren Leinwandbereich für die Hauptbotschaft geben und wirkt sauber und stromlinienförmig. Und obwohl die Navigation nicht immer geöffnet ist, sind die meisten Website-Besucher oder Online-Shopper an dieses Navigationsmuster gewöhnt, da es der Standard für die meisten mobilen Websites ist.
Top-Tipp: Achten Sie bei der Auswahl eines Weebly-Themas auf feste Navigationselemente, um diesen Vorgang zum Kinderspiel zu machen.
Versuchen Sie dieses Thema: Papier
Bewegung und Animation
Video und animierte Effekte sind einige der ansprechendsten Elemente, die Sie zu einem Website-Design hinzufügen können. Benutzer werden von sich bewegenden Objekten angezogen und halten häufig an, um zu sehen, was passiert, wenn sich Bewegung auf dem Bildschirm befindet.
Einer der besten Orte, um zu beginnen, ist das Hinzufügen eines Videos zu Ihrer Website. Egal, ob es sich um ein Vollbild-Heldenbild oder ein Video auf einer bestimmten Seite handelt, das ein Produkt oder Informationen zeigt, das Hinzufügen eines Videos ist einfach. Sie können ein Video direkt hochladen oder Elemente von beliebten Plattformen wie YouTube oder Vimeo einbetten.
Top-Tipp: Wussten Sie, dass Sie auch kleine Elemente animieren können? Textanimationen können ein bestimmtes Wort oder sogar Ihren Firmennamen hervorheben. Probieren Sie die kostenlose Textanimations-App im App Center aus, um Ihrem Website-Design mit wenigen Klicks Bewegung hinzuzufügen.
Versuchen Sie dieses Thema: Birdseye 2
Viel weißer Raum
Sie haben vielleicht das Bedürfnis, alles auf den Bildschirm zu bringen, aber das Öffnen Ihres Website-Designs mit viel weißem (oder hellem) Raum kann tatsächlich benutzerfreundlicher sein.
Ein sauberes, organisiertes Design wird für Benutzer fast immer einfacher zu verstehen sein. Integrieren Sie den Raum in den Gesamtplan, indem Sie eine Vorlage mit offenem Stil verwenden. (Dies kann Ihnen helfen, auch wenn Sie das Bedürfnis verspüren, das Design mit Elementen zu füllen.)
Spitze Spitze: Gleichen Sie Raum und Elemente wie Fotos und Text so aus, dass ein eindeutiges visuelles Muster entsteht, mit dem Benutzer von einer Sache zur nächsten wechseln können. Haben Sie keine Angst, Elemente unter die Schriftrolle zu legen – dies ist in einem Design mit mehr Leerraum erforderlich.
Probieren Sie dieses Thema aus: Klare Linien
Modulare Layouts
Ein modulares Layout erstellt ein System kleinerer Blöcke, die Sie verschieben, mischen und anpassen können. (Denken Sie daran, wie Bausteine oder Ziegel.)
Modulare Layouts erfordern oft eine stärkere Neugestaltung, können jedoch eine große Flexibilität bei einer Vielzahl von Inhaltstypen bieten. Und mit einem Weebly-Thema, das einen modularen Stil aufweist, ist es nicht so schwer, loszulegen.
Top-Tipp: Ein modulares Layout eignet sich häufig am besten für Designs mit vielen Inhalten – denken Sie an E–Commerce oder ein Portfolio -, damit Benutzer eine Vielzahl von Dingen gleichzeitig sehen können. Kombinieren Sie modulare Elemente mit viel Leerraum für ein klares Design, das zwei Trends in einem vereint!
Versuchen Sie dieses Thema: Cento oder Brisk
Fazit
Das Tolle an vielen dieser Designtrends ist, dass sie kein komplettes Redesign Ihrer Website beinhalten. Sie können die Farbe ändern oder ein Video ohne vollständige Überarbeitung hinzufügen.
Manchmal kann eine einfache Änderung genau das Richtige sein, um Ihre Online-Präsenz zu aktualisieren. (Und zum Glück bieten Weebly-Vorlagen einen perfekten Ausgangspunkt, während der Editor eine einfache Möglichkeit bietet, Änderungen vorzunehmen.)