1. Weiter mit Tasten   » Tab
  1. Zum Text   » Enter
  2. Zum Inhaltsverzeichnis   » Enter
  3. Zur Fußleiste   » Enter
  4. Noch einmal beginnen   » Enter

Ingo Pahl 4u

Webdesign aus Potsdam

pahl-4u | Der Buchstabe S wird durch eine Lupe vergrößert

  ⇓

Screenlayout berechnen - Screendesign optimieren

Webdesign - Optimierung von Webseiten

Auf Pahl 4u finden Sie fiktive Fragen und Antworten, ohne Garantie auf Vollständigkeit oder Richtigkeit, zu unterschiedlichen Themen aus dem Bereich der Mediengestaltung.
 

Welche Aspekte beeinflussen die Anzeige einer Webseite?

• Die Bildschirmgröße

• Die native Auflösung

• Größe des Browser-Fensters

Was sollte bei der Berechnung bedacht werden?

Falls Seiteninhalte breiter oder höher als das Fenster sind, ergeben sich Scroll-Balken. Horizontale Scroll-Balken sollten unbedingt vermieden werden.

Wie kann man das Screenlayout nach dem 960 Grid System berechnen?

Für eine Auflösung von 1024 × 768 Pixeln, die inzwischen als Standard gilt, wird eine Breite von 960 Pixeln gewählt um ausreichend Platz für Scroll-Balken, Menüleisten und Seitenränder zu gewährleisten.

Für ein klassisches, dreispaltiges Layout teilt man 960 durch drei und erhält jeweils eine Spaltenbreite von 320 Pixeln.

Wie lässt sich die Breite einer Webseite nach dem goldenen Schnitt berechnen?

Eine Website, mit einer Breite von 960 Pixeln soll Horizontal, im Verhältnis des Goldenen Schnittes, aufgeteilt werden. Wie viele Pixel enthält jeder Teil und welcher prozentualen Aufteilung entspricht dies?

Lösungsansatz:

º Beim errechnen vom Goldenen Schnitt wird von einem Verhältnis von 1 : 1,618 ausgegangen.

º Der Major entspricht etwa 61,8 Prozent.

º Der Minor entspricht etwa 38,2 Prozent

º Die Ergebnisse müssen gerundet werden da es nur ganze Pixel gibt.

Die Höhe einer Webseite beträgt 640 Pixel. Teilen Sie Head, Content und Footer im Verhältnis von 2 : 9 : 1 auf. Wie viele Pixel enthält jeder Teil und welcher prozentualen Aufteilung entspricht dies?

Lösungsansatz:

Die Ergebnisse müssen gerundet werden da es nur ganze Pixel gibt.

Head: 640 : (2 + 9 + 1) x 2   »   in Prozent   »   100% : (2 + 9 + 1) x 2

Content: 640 : (2 + 9 + 1) x 9   »   in Prozent   »   100% : (2 + 9 + 1) x 9

Footer: 640 : (2 + 9 + 1) x 1   »   in Prozent   »   100% : (2 + 9 + 1) x 1
 

Screenlayout berechnen

Im Archiv von Ulrich Paasch finden Sie Übungsaufgaben und Lösungen für Mediengestalter. » Mathematik für Mediengestalter
 

Digital und Print von A bis Z


 

  ⇑