Betonung in a Webseiten-Design erstellt einen Bereich oder ein Objekt, das der Mittelpunkt der Seite ist. 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 sein – beide neigen dazu, das Auge auf sich zu ziehen. Wenn Sie eine Webseite entwerfen, können Sie Akzente setzen, indem Sie ein Wort oder einen Satz auswählen und ihm a. zuweisen Farbe, Schriftart oder Größe, die es hervorheben, aber es gibt viele andere Möglichkeiten, die Betonung in Ihrem Design.
Verwendung von Betonung im Design
Einer der größten Fehler, den Webdesigner machen können, ist zu versuchen, alles im Design hervorzuheben. Wenn alles die gleiche Bedeutung hat, wirkt das Design geschäftig und verwirrend oder schlimmer – langweilig und unattraktiv. Um einen Schwerpunkt in einem Webdesign zu schaffen, übersehen Sie nicht die Verwendung von:
- Linien: Setzen Sie Akzente im Kontrast. Sind mehrere Elemente horizontal, wird ein vertikales Element zum Mittelpunkt.
- Farbe: Wenn die meisten Elemente im Design dunkel oder gedämpft sind, zieht jedes Objekt mit Farbe das Auge auf sich.
- Formen: Wenn die meisten Formen unregelmäßig sind, fällt eine geometrische Form auf.
- Nähe: Wenn mehrere Artikel gruppiert sind und einer von der Gruppe getrennt ist, geht der Blick auf den einzelnen Artikel.
- Platzierung: Obwohl es Ausnahmen gibt, zieht ein Element, das in der Mitte eines Designs platziert wird, normalerweise die Aufmerksamkeit auf sich.
- Gewicht: Ein schweres Element zieht die Aufmerksamkeit des Betrachters auf sich.
- Wiederholung: Wenn ein einfaches Grafikelement wiederholt wird, folgt das Auge dem wiederholten Element bis zum Brennpunkt.
- Kontrast: Neben Kontrasten, die durch Farbe und Linien erzeugt werden, können Kontraste durch Größen-, Textur- oder Schriftänderungen erzeugt werden. Die Änderung bewirkt, dass das Fokuselement oder die Betonung hervorsticht.
- Weißraum: Ein von weißem (oder leerem) Raum umgebenes Element wird zum Mittelpunkt.
Hierarchie in Webdesigns
Hierarchie ist die visuelle Anordnung von Designelementen, die die Bedeutung nach Größe angeben. Das größte Element ist das wichtigste; die weniger wichtigen Elemente sind kleiner. Konzentrieren Sie sich darauf, eine visuelle Hierarchie in Ihren Webdesigns zu erstellen. Wenn Sie daran gearbeitet haben, einen semantischen Fluss zu Ihrem HTML Markup ist dies einfach, da Ihre Webseite bereits über eine Hierarchie verfügt. Alles, was Ihr Design tun muss, ist, das richtige Element hervorzuheben – z. B. eine H1-Überschrift – für die größte Betonung.
Zusammen mit Hierarchie im Markup, erkennen, dass das Auge eines Besuchers eine Webseite in einem Z-Muster betrachtet, beginnend in der oberen linken Ecke des Bildschirms. Das macht die obere linke Ecke der Seite zu einem guten Platz für einen wichtigen Gegenstand wie ein Firmenlogo. Die obere rechte Ecke ist die zweitbeste Platzierungsposition für wichtige Informationen.
Wie man Betonung in Webdesigns einbezieht
Betonung im Webdesign kann auf viele Arten umgesetzt 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 oder abzuschwächen.
- Benutzen kontrastierende Farben Akzente zu setzen.
- Größe zählt. Ein großes Wort auf der Seite oder dem Bildschirm erregt sofort Aufmerksamkeit.
- Umgeben Sie den Brennpunkt mit weißem Raum.
- Wiederholen Sie ein Wort oder Bild, um Aufmerksamkeit zu erregen.
Wo passt Unterordnung rein?
Unterordnung tritt auf, wenn Sie andere Elemente in einem Design abschwächen, um den Brennpunkt hervorzuheben. Ein Beispiel ist eine bunte Grafik, die vor einem schwarzweißen Hintergrundfoto positioniert ist. Der gleiche Effekt tritt auf, wenn Sie gedeckte Farben verwenden oder Farben, die sich mit dem Hintergrund hinter dem Brennpunkt vermischen, sodass dieser hervorsticht.