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 verwenden Sie JavaScript zum Implementieren von Sortieralgorithmen
Inhaltsverzeichnis Blasensortierung Auswahl Sorti...
Beispiel für einen Persistenzbetrieb mit Gearman + MySQL
Dieser Artikel verwendet die Gearman+MySQL-Method...
So verwenden Sie Vue3-Mixin
Inhaltsverzeichnis 1. Wie verwende ich Mixin? 2. ...
JavaScript realisiert den Drag-Effekt der Modalbox
Hier ist ein Fall des Ziehens einer modalen Box. ...
Kapseln Sie eine einfachste ErrorBoundary-Komponente zur Behandlung von React-Ausnahmen
Vorwort Ab React 16 wurde das Konzept der Fehlerg...
js-Code zur Realisierung eines Chatrooms für mehrere Personen
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erläuterung der Angular-Routing-Grundlagen
Inhaltsverzeichnis 1. Routing-bezogene Objekte 2....
Erklären, wie die SQL-Effizienz analysiert wird
Der Befehl „Explain“ ist der erste empfohlene Bef...
JS implementiert Layoutkonvertierung in Animation
Beim Schreiben von Animationen mit JS wird häufig...
So lassen Sie DOSBox nach dem Start automatisch Befehle ausführen
Mit DOSBox können Sie DOS unter Windows simuliere...
Ein Beispiel für das elegante Schreiben von Statusbeschriftungen im Vue-Hintergrund
Inhaltsverzeichnis Vorwort Optimierung Variablen ...
Der Unterschied zwischen Docker Run und Start
Der Unterschied zwischen Ausführen und Starten in...
So ändern Sie das Anfangskennwort eines Benutzers in mysql5.7
Wenn Benutzer MySQL-Datenbanken zum ersten Mal in...
Detaillierte Analyse der MySQL-Optimierung von like und = Leistung
Einführung Die meisten Leute, die schon einmal Da...
Über IE8-Kompatibilität: Erklärung des X-UA-Compatible-Attributs
Problembeschreibung: Code kopieren Der Code laute...