4 Wichtige Überlegungen beim Entwerfen des Navigationsmenüs Ihres Blogs

4 Wichtige Überlegungen beim Entwerfen des Navigationsmenüs Ihres Blogs - dummies

Das Navigationsmenü ist ein wichtiger Aspekt des gesamten Designs Ihres Blogs. Ein effektives Navigationsmenü für Ihren Blog verbessert nicht nur die Besuchererfahrung, sondern hilft auch, zu veranschaulichen, wer Sie sind und was Ihr Blog ist. Es gibt vier Hauptüberlegungen, die Sie bei der Entscheidung für ein Design für das Navigationsmenü Ihres Blogs berücksichtigen sollten.

1Blog Navigationsmenü Design Consideration # 1: Farben

Sie haben wahrscheinlich bereits die Farben und Schriftarten für Ihr Blog-Design ausgewählt. In Bezug auf das Navigationsmenü sollten die von Ihnen ausgewählten Farben und Schriftarten jedoch die Menüführung nicht behindern, um die Navigation eines Besuchers zu einem anderen Ort in Ihrem Blog zu erleichtern.

Der Blog Simply Vintagegirl verwendet ein einfarbiges Navigationsmenü zusammen mit der Schrift Times New Roman. Der gelbe Balken kennzeichnet eine Trennung von der Kopfzeile und dem Inhalt, während die Schriftauswahl das Menü leicht lesbar macht.

Wenn Sie eine Farbe oder Farben für Ihre Menüleiste auswählen, wählen Sie eine Farbe oder Farben aus, die Ihr Gesamtdesign ergänzen. Dies kann bedeuten, dass Sie eine Farbe verwenden, die Sie in einem bestimmten Designelement verwendet haben, oder mit einer neutralen Farbe wie grau arbeiten. Sogar keine Farbe könnte funktionieren, wenn Sie ein einfaches Aussehen wollen.

Stellen Sie für jeden Menüpunkt sicher, dass der Text und der Hintergrundkontrast so sind, dass die Titel lesbar sind. Wenn Sie zum Beispiel hellgrüne Titel auf weißem Hintergrund verwenden, ist das vielleicht nicht ausreichend, aber dunkelgrüne Titel auf hellgrünem Hintergrund könnten perfekt aussehen.

2Blog Design des Navigationsmenüs # 2: Fonts

Bei der Auswahl von Fonts funktioniert simple besser. Hier sind zwei häufige Fehler in Navigationsmenüschriftarten:

  • Zu ​​dünn : Eine sehr dünne Schriftart macht die Wörter schwer lesbar, insbesondere weil Navigationsmenüs häufig kleinere Schriftgrößen verwenden. Wählen Sie Schriftarten aus, die nicht in Ihrem Hintergrund verschwinden. Manchmal kann eine dünne Schrift immer noch funktionieren, wenn die Hintergrundfarbe genügend Kontrast bietet.

  • Zu ​​schick : Eine stark geskriptete Schrift oder eine Schrift mit viel Flair kann in einem Navigationsmenü überheblich sein. Sie möchten, dass Ihr Menü lesbar ist, aber nicht den Fokus Ihres Headers oder Blog-Inhalts aufhebt. Unabhängig von der Art der Schriftart sollten Sie sicherstellen, dass Sie in kleineren Schriftgrößen leicht lesen können.

3Blog-Navigationsmenü-Design Überlegung # 3: Abstand

Achten Sie darauf, dass Ihre Navigationsmenü-Titel nicht zusammenlaufen und Ihre Besucher verwirren, abgesehen von Schriftart und Farbe. Beachten Sie hier den verwirrenden Abstand zwischen den Wörtern. Ist es über und meine Fotos oder über meine Fotos?Passen Sie die Auffüllung zwischen Menüpunkten an, um dieses Problem zu beheben.

Um Ihre Schriftarten und Farben zu ändern, können Sie häufig die Einstellungen Ihres Themas oder Ihrer Vorlage ändern. Wenn nicht, können Sie diese Änderungen vornehmen und die Füllung in Ihrem Stil anpassen. CSS-Datei.

Verwenden Sie Firebug, um den genauen Code zum Anpassen Ihres Menüs und der Position des Codes zu finden. Sie können auch mit Farb- und Schriftartänderungen herumspielen, bevor Sie sie tatsächlich erstellen.

4Blog-Navigationsmenü-Designüberlegung # 4: Menübilder

Wenn Sie effektiv zu Ihrem Navigationsmenü Bilder hinzufügen, können Sie Ihrem Blogdesign mehr Flair verleihen. Manchmal wird ein kleines Bild auf der linken Seite jedes Menübands einfach zu einem anderen Ort, an dem Sie Ihr gesamtes Blog-Branding knüpfen können - mit anderen Worten, einfach nur für ein gutes Aussehen!

Bilder können jedoch auch eine funktionellere Rolle spielen, indem sie einem Menüeintragstitel mehr Kontext hinzufügen. Zum Beispiel hilft ein Bild eines Flugzeugs neben dem Tab "Wohin gehen", den Lesern besser zu verstehen, wohin der Link sie führt.