1. Schriftart

Serif

Cardo

Merriweather

Pt Serif

Traditional, Elegant & Handcrafted Look.

Also good for long reading, such as blogs.

Sanserif

Libre Franklin (Current)

Open Sans

Lato

Roboto

You can also try: Raleway, Monsterrat & PT Sans

Simple, Clean and Modern. Most websites will use this typef

2. Schriftgröße

12px

20px

28px

Im Fließtext liegt die optimale Schriftgröße zwischen 15 und 25 Pixeln. Wenn die Schrift kleiner oder größer ist, wird es anstrengend sie zu lesen. Außerdem sieht eine mittlere Schriftart einfach gut aus.

Im Fließtext liegt die optimale Schriftgröße zwischen 15 und 25 Pixeln. Wenn die Schrift kleiner oder größer ist, wird es anstrengend sie zu lesen. Außerdem sieht eine mittlere Schriftart einfach gut aus.

Im Fließtext liegt die optimale Schriftgröße zwischen 15 und 25 Pixeln. Wenn die Schrift kleiner oder größer ist, wird es anstrengend sie zu lesen. Außerdem sieht eine mittlere Schriftart einfach gut aus.

3. Zeilenbreite

Mit 45-90 Buchstaben pro Zeile ist dein Text leicht zu lesen

gut

Gestalte deine Website ganz wie du es willst.
Mit WordPress und Elementor kannst du deine Website ganz einfach selbst gestalten, auch wenn du Anfänger bist.

Vom Hosting bis zum Design zeige ich dir alles was du brauchst, um eine tolle Website zu erstellen. Und das alles einfach, günstig und mit Spaß an der Sache.

zu weit

Gestalte deine Website ganz wie du es willst.
Mit WordPress und Elementor kannst du deine Website ganz einfach selbst gestalten, auch wenn du Anfänger bist.

Vom Hosting bis zum Design zeige ich dir alles was du brauchst, um eine tolle Website zu erstellen. Und das alles einfach, günstig und mit Spaß an der Sache.

4. Buttons

  1. Bestimme deine Hauptfarbe (z.b. #c47a5a)
  2. Gehe auf die Seite 0to255.com
  3. Gebe den #hexcode deiner Farbe ein
  4. Wähle eine Farbe die -/+ 2 vom original entfernt ist (Weniger ist mehr!)
  5. Sich für ein Design entscheiden und konsequent durchziehen

5. Hierarchie

Definiere eine Hierarchie indem du größe, Schriftschnitt oder Farbe reduzierst.

nicht so gut

Klar & Deutlich

So einfach kann Webdesign sein

Klar & Deutlich

So einfach kann Webdesign sein

Klar & Deutlich

So einfach kann Webdesign sein

gut

Klar & Deutlich

So einfach kann Webdesign sein

Klar & Deutlich

So einfach kann Webdesign sein

Klar & Deutlich

So einfach kann Webdesign sein

6. Abstände

So nicht!
Zu wenig Padding zu allen Seiten
und zwischen den Zeilenbstand

Besser. So kommt Text zur Geltung.

7. Neutrale Farben

Super um Inhalte voneinander abzugrenzen,
für die Menüleiste und den Footer
und immer dann, wenn du nicht weißt, welche Farbe passend ist.

#ffffff

#f6f6f6

#cccccc

#999999

#4d4d4d

#222222

8. Text auf Bild

Für gute Lesbarkeit achte auf:

1. Position

2. Farbkontrast zum Hintegrund

(eventuell ist ein Texthintergrund nötig)

3. Größe der Schrift

 

 

nicht so gut

besser

9. Bildgrößen

Bilder von der Kamera oder von Websiten sind meist sehr groß (ca. 5000 x 3000px) und verlangsamen die Website, wenn sie nicht verkleinert werden.

Verkleinern kannst du sie auf Websiten wie: https://resizeimage.net/

oder du benutzt ein Program auf deinem Computer, wie zum Beispiel das kostenlose Program „Gimp“ (download: chip.de)

ca. 300 x 200 px für kleine Bilder

ca. 770 x 510 px für mittelgroße Bilder

ca. 1200 x 800 px für große Bilder

 

ca. 2000 x 1330 px für Vollbild