Webdesign-Tipps: Einfache Regeln für das Seitenlayout

Webdesign-Tipps: Einfache Regeln für das Seitenlayout

Wiederholung: Wiederholen Sie bestimmte Seitendesignstile auf der gesamten Site.
Wiederkehrende Elemente können eine bestimmte Schriftart, ein Titellogo, ein Navigationsmenü, die Randeinstellungen der Seite, eine Linie einer bestimmten Dicke, die über die Seite verläuft, usw. sein.
Auch als wiederkehrendes Element ist Farbe sinnvoll: Stellen Sie für alle Überschriften eine bestimmte Farbe ein oder verwenden Sie einen dezenten Hintergrund hinter Ihren Überschriften.
Verwenden Sie Kontrast, um die Aufmerksamkeit des Lesers zu erregen.
Verwenden Sie Kontrast, um die Aufmerksamkeit des Lesers zu erregen. Sie können beispielsweise den Titel vor einem schwarzen Hintergrund hervorheben und eine große, fette Schriftart (wie Helvetica) verwenden, um einen Kontrast zur normalen Schriftart (wie Arial) darunter zu schaffen. Ein anderer Ansatz besteht darin, einen Hintergrund hinter einem Text zu verwenden. 123WORDPRESS.COMwww.wejbx.com
Lassen Sie um den Text herum etwas Leerraum, um ihn leichter lesbar und eleganter zu gestalten.
Weißraum ist eine Tugend. Ein Bildschirm voller dicht gedrängter Wörter kann Schwindelgefühle verursachen. Richtige Ränder und Zeilenabstände können das Lesen erleichtern.
Machen Sie es einfach.
Vermeiden Sie die Einführung einer Technologie oder neuen Technik nur, um sie auszuprobieren, und beschränken Sie Ablenkungen auf ein Minimum.
Erwarten Sie nicht, dass die Leute das Plugin herunterladen, viele werden woanders hingehen.
Der Fokus sollte auf der Bereitstellung von Informationen liegen und nicht darauf, die Seite toll aussehen zu lassen, während die Informationen in einem Nebel aus blinkenden Animationen, blinkendem Text und anderen Gimmicks verloren gehen.
Vermeiden Sie wenn möglich das Rollen.
Wenn Benutzer eine neue Seite durchsuchen, werfen sie häufig einen Blick auf den Inhaltsbereich der Seite und ignorieren die Navigationsmenüleiste (das heißt, der großformatige Flash-Header ist nutzlos, sieht aber nicht gut aus!). Wenn eine Seite für die Bedürfnisse des Benutzers nicht relevant erscheint, klickt dieser nach zwei oder drei Sekunden immer auf die Schaltfläche „Zurück“.
Verwenden Sie keinen blinkenden Text.
Außer in einigen sehr seltenen Fällen kann blinkender Text für Benutzer störend sein.
Gleiches gilt für animierte Texte, die sehr sparsam eingesetzt werden müssen. 123WORDPRESS.COMwww.wejbx.com
Versuchen Sie, das Layout des Textes als Hilfe zur Navigation zu nutzen.
Wenn unsere Seite Dutzende von Links enthält, müssen wir diese Links kategorisieren und unterschiedliche Titel und Farbblöcke verwenden, um sie zu unterscheiden.
· Behalten Sie die Zielgruppe Ihrer Site im Hinterkopf.
Welche Art von Leuten besuchen diese Site? Warum möchten sie uns besuchen und was ist ihr wichtigster Wissenshintergrund? Das Design und Layout der Seite muss die unterschiedlichen Bedürfnisse dieser Gruppen widerspiegeln.
Verwenden Sie das Seitenlayout, um Überschriften hervorzuheben, nach denen die Leute suchen.
Wenn Sie die Bedürfnisse Ihrer Kundenbasis kennen, können Sie analysieren, welche Überschriften sie am liebsten sehen möchten und das Seitenlayout nutzen, um diese Überschriften hervorzuheben. Natürlich ist die Durchführung einer Kundenbefragung eine gute Möglichkeit, herauszufinden, was den Kunden wichtig ist.

<<:  Nodejs kombiniert mit Socket.IO zur Realisierung einer sofortigen WebSocket-Kommunikation

>>:  Bei der Installation von Docker Desktop wird eine Fehlermeldung angezeigt: Die WSL 2-Installation ist unvollständig (Beheben Sie die Fehlermeldung).

Artikel empfehlen

Spezifische Verwendung zusammengesetzter CSS-Selektoren

Kreuzungsauswahl Der Schnittpunktselektor besteht...

So fixieren Sie Inhalte beim Scrollen einer HTML-Seite an einer festen Position

In diesem Artikel wird hauptsächlich erläutert, w...

So speichern Sie Text und Bilder in MySQL

Große Textdatentypen in Oracle Clob-Langtexttyp (...

Implementierung von Nginx Hot Deployment

Inhaltsverzeichnis Semaphor Nginx-Hot-Bereitstell...

Detaillierte Erklärung des MySQL-Triggerbeispiels

Inhaltsverzeichnis Was ist ein Auslöser Erstellen...

Erläuterung des TypeScript-Namespace

Inhaltsverzeichnis 1. Definition und Verwendung 1...

Grafisches Tutorial zur Installation und Konfiguration von MySQL Server 5.7.20

Dieser Artikel zeichnet die Installations- und Ko...

MySQL-Rekursionsproblem

MySQL selbst unterstützt keine rekursive Syntax, ...

Spielen Sie mit der Connect-Funktion mit Timeout in Linux

Im vorherigen Artikel haben wir mit Timeouts unte...