Die Hervorhebung in einem Webseitendesign erstellt einen Bereich oder ein Objekt, das den Schwerpunkt der Seite darstellt. Es ist eine Möglichkeit, ein Element im Design hervorzuheben. Der Brennpunkt kann größer sein als andere Elemente des Designs oder hell gefärbt - beide neigen dazu, das Auge zu ziehen. Wenn Sie eine Webseite entwerfen, können Sie Hervorhebungen hinzufügen, indem Sie ein Wort oder eine Wortgruppe auswählen und ihr eine Farbe, Schriftart oder Größe zuweisen, die sie hervorhebt.
Verwendung der Betonung im Design
Einer der größten Fehler, den Webdesigner machen können, ist der Versuch, alles im Design hervorzuheben. Wenn alles den gleichen Stellenwert hat, wirkt das Design beschäftigt und verwirrend oder schlimmer - langweilig und unansehnlich. Um einen zentralen Punkt in einem Webdesign zu erstellen, übersehen Sie nicht die Verwendung von:
- Zeilen: Akzent dagegen setzen. Wenn mehrere Elemente horizontal sind, wird ein vertikales Element zum Brennpunkt.
- Farbe: Wenn die meisten Elemente im Design dunkel oder gedämpft sind, zieht jedes Objekt mit Farbe das Auge an.
- Formen: Wenn die meisten Formen unregelmäßig sind, fällt eine geometrische Form auf.
- Nähe: Wenn mehrere Elemente gruppiert werden und einer von der Gruppe getrennt ist, wird das einzelne Element angezeigt.
- Platzierung: Obwohl es Ausnahmen gibt, zieht ein Element, das in der Mitte eines Designs platziert ist, normalerweise das Auge auf sich.
- Gewicht: Ein schweres Element zieht die Aufmerksamkeit des Betrachters an.
- Wiederholung: Wenn ein einfaches Element zur Eingabe von Grafiken wiederholt wird, folgt das Auge dem wiederholten Element zum Brennpunkt.
- Kontrast: Zusätzlich zu den durch Farbe und Linien erzeugten Kontrasten kann der Kontrast durch Größe, Textur oder Schriftartänderungen erzeugt werden. Die Änderung bewirkt, dass das Fokuselement oder die Hervorhebung hervorsticht.
- Leerraum: Ein Element, das von einem weißen (oder leeren) Raum umgeben ist, wird zum Brennpunkt.
Hierarchie in Webdesigns
Hierarchie ist die visuelle Anordnung von Designelementen, die die Wichtigkeit anhand der Größe angeben. Das größte Element ist das wichtigste; Die weniger wichtigen Elemente sind kleiner. Konzentrieren Sie sich auf das Erstellen einer visuellen Hierarchie in Ihren Webdesigns. Wenn Sie an der Erstellung eines semantischen Flusses für Ihr HTML-Markup gearbeitet haben, ist dies einfach, da Ihre Webseite bereits über eine Hierarchie verfügt. Alles, was Sie für Ihr Design tun müssen, ist das richtige Element zu betonen - beispielsweise eine H1-Überschrift -, um die größte Betonung zu erreichen.
Erkennen Sie neben der Hierarchie in Markup, dass das Auge eines Besuchers eine Webseite in einem Z-Muster betrachtet, die in der oberen linken Ecke des Bildschirms beginnt. Dies macht die obere linke Ecke der Seite zu einem guten Ort für ein wichtiges Element wie ein Firmenlogo. Die rechte obere Ecke ist die zweitbeste Position für wichtige Informationen.
So fügen Sie den Schwerpunkt in Webdesigns ein
Der Schwerpunkt des Webdesigns kann auf verschiedene Arten implementiert werden:
- Verwenden Sie semantisches Markup, um auch ohne Stile Akzente zu setzen.
- Ändern Sie die Größe von Schriftarten oder Bildern, um sie im Design hervorzuheben.
- Verwenden Sie kontrastierende Farben, um Akzente zu setzen.
- Größe zählt. Ein großes Wort auf der Seite oder auf dem Bildschirm erhält sofort Aufmerksamkeit.
- Umgeben Sie den Fokus mit Leerraum.
- Wiederholen Sie ein Wort oder ein Bild, um die Aufmerksamkeit auf sich zu ziehen.
Wo passt die Unterordnung ein?
Die Unterordnung tritt auf, wenn Sie andere Elemente in einem Design abstimmen, um den Fokuspunkt hervorzurufen. Ein Beispiel ist eine bunte Grafik, die vor einem schwarz-weißen Hintergrundfoto positioniert ist. Der gleiche Effekt tritt auf, wenn Sie stummgeschaltete Farben oder Farben verwenden, die mit dem Hintergrund hinter dem Fokuspunkt verschmelzen und ihn hervorheben.
