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
Artikel empfehlen
So ändern Sie schnell das Root-Passwort unter CentOS8
Starten Sie die virtuelle Centos8-Maschine und dr...
Beim Layout von Webseiten sollten Kompatibilitätsprobleme mit IE6 berücksichtigt werden
Die folgende Abbildung zeigt die Browser-Anzeiger...
So legen Sie die Parameter für die Post-Request-Druckeranforderung für Nginx-Protokolle fest
【Vorwort】 Die SMS-Funktion unseres Projekts beste...
Detaillierte Erläuterung der Animationsmethode „Animate“ von jQuery und der Lösung für das Problem der Animationswarteschlange
Inhaltsverzeichnis animate()-Animationsmethode An...
jQuery realisiert den Shuttle-Box-Effekt
In diesem Artikelbeispiel wird der spezifische Co...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.22
Installation und Konfiguration von MySQL8.0.22 (s...
Konfigurieren Sie eine Selenium-Umgebung basierend auf Linux und implementieren Sie den Betrieb
1. Selenium unter Linux verwenden 1. Installieren...
Fügen Sie dem Vortag des Website-Codeblocks den Code für die Schaltfläche „Code kopieren“ hinzu
In Bezug auf andere, professionellere Blogsysteme...
Das Konzept der MySQL-Tablespace-Fragmentierung und Lösungen für damit verbundene Probleme
Inhaltsverzeichnis Hintergrund Was ist Tablespace...
So stellen Sie einzelne Tabellendaten mithilfe der vollständigen MySQL-Datenbanksicherungsdaten wieder her
Vorwort Beim Sichern der Datenbank wird eine voll...
Tiefgreifendes Verständnis der Kernprinzipien von React Native (Bridge of React Native)
In diesem Artikel gehen wir davon aus, dass Sie b...
mysql-8.0.16 winx64 neuestes Installationstutorial mit Bildern und Text
Ich habe erst vor Kurzem angefangen, mich mit Dat...
Der neue TypeScript-Schnellstart-Übungsbericht des Partners Vue
Inhaltsverzeichnis 1. Bauen Sie mit dem offiziell...
Ein Artikel erklärt den Klassenlademechanismus von Tomcat
Inhaltsverzeichnis - Vorwort - - JVM-Klassenlader...
Anleitung zur Verwendung von env in vue cli
Inhaltsverzeichnis Vorwort Einführung-Offiziell B...