Webseitengestaltung Teil 3

Mit dieser Podcast Episode setze ich meine 4-teilige Serie über das Thema Webseiten Gestaltung fort.

Podcast | Webdesign

Webseitengestaltung Teil 3

Mit dieser Podcast Episode setze ich meine 4-teilige Serie über das Thema Webseiten Gestaltung fort.

Zuletzt aktualisiert: 17. April 2024 @ 14:23 Uhr

3/4-TEILIGE SERIE ÜBER DAS THEMA WEBSEITEN GESTALTUNG

Teil 4

Teil 2

Teil 1

Mit dieser Podcast Episode setze ich meine 4-teilige Serie über das Thema Webseiten Gestaltung fort.
Viele haben Probleme mit der Gestaltung ihrer Webseite und können sich einen Webdesigner (noch) nicht leisten. Es gibt Wahrnehmungs- bzw. Gestaltungsprinzipien, die dir dabei helfen, deine Webseite zu gestalten. Unser Gehirn analysiert Informationen automatisch und erkennt beispielsweise Unterschiede, Hierarchien, zusammengehörende Elemente, u.v.m.
Es reicht nicht, eine Webseite nur „hübsch“ zu machen, sondern sie sollte auch funktional sein. Das oberstes Gesetz lautet: Klarheit für den Besucher schaffen.
Ich habe die 8 wichtigsten Prinzipien der Gestaltung untersucht:

Nähe
Gemeinsames Schicksal
Gleichheit / Ähnlichkeit
Geschlossenheit
Kontinuität
Figur-Grund-Prinzip
Symmetrie
Farbe und Helligkeit

In der heutigen Episode schaue ich mir die letzten 2 Prinzipien auf der Liste an.

7. SYMMETRIE

Menschen bevorzugen Symmetrien und das nicht nur in gestalterischer Form, sondern auch in anderen Lebensbereichen.

Schau dir ein Beispiel an:

Symmetrie - Wie man Text auf einem Bild platziert

So wie hier die Schrift platziert ist, wirkt es unharmonisch und nicht symmetrisch.

So wirkt es viel harmonischer und die Anordnung von Bild und Text entspricht einer gewissen Symmetrie.

TEXT

Achte bei Text darauf, dass du Fließtext nicht zentrierst, denn das ist viel schlechter zu lesen, als wenn du ihn linksbündig setzt. Als Stilelement kannst du es das ein oder andere Mal gern einsetzen.
Benutze auf deiner Webseite niemals Blocksatz, denn das eignet sich in einem Responsive Design überhaupt nicht und reißt große Lücken im Text auf.

8. FARBE UND HELLIGKEIT

Mit Farben kannst die Zusammengehörigkeit von Elementen hervorheben
einzelne Elemente hervorheben wie z.B. Buttons, Infofenster, Hintergründe, Links, etc.

Manchmal sind wir durch ein Corporate Design eingeschränkt. Schau dir meine Farben auf meiner Webseite an: gold, blau, taubenblau. Erst viel später habe ich schweren Herzens noch ein 4. Farbe hinzugenommen. Das ist das etwas hellere Blau auf dem Foto:

Ich habe nämlich gemerkt, dass die Buttons vorher nicht wahrgenommen wurden. Erstelle dir ein grobes Farbkonzept und vergiss dabei nicht, dass dir die Farben zwar gefallen müssen, aber letztendlich geht es nicht um dich, sondern darum, dass sie deinen Besuchern gefallen und das Thema unterstützen.

Farben haben nämlich immer eine Wirkung und du kannst damit Aufmerksamkeit erzeugen

Ein paar Regeln:
• Farbe vor Graustufe
• reine Farbe vor Mischfarbe
• intensive Farbe vor weniger gesättigten
• Kontrastfarben (blau/gelb) vor harmonischen Farben (gelb/grün)
• Buntheit vor einzelnen Farben

Mit Farben verknüpfen wir Dinge, die wir kennen:
Gelb – Briefkasten, Orange – Stadtreinigung (Berlin), Rot – Stoppschild, etc.

Rot: Warnzeichen, aber auch Leidenschaft und Liebe

Grün: Hoffnung

Blau: Ruhe, Harmonie, Zufriedenheit

Weiß: Reinheit, leicht, leer (Kulturelle Unterschiede beachten: bei uns ist die Farbe weiß rein in China: Tod und Trauer)

Gelb: Freude

Setze Farben sparsam als Eyecatcher ein, denn ein Akzent sollte als solches wahrgenommen werden.

Ausführlicher gehe ich der Audioversion darauf ein. Hör sie dir einfach an!