Layout: Unterschied zwischen den Versionen
(→Layout) |
K |
||
| (12 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | + | [[definition::Layout bezeichnet die Text- und Bildgestaltung einer (Druck-, Web-)Seite oder eines ganzen Dokuments.]] | |
| − | |||
| − | {| border="1" cellspacing="0" cellpadding="5" style="border-collapse:collapse;" align="center" width="80%" bgcolor="# | + | [[category:Informationsdesign]] |
| − | |Gutenbergs Bibel wird als das erste moderne Buch bezeichnet - aber es hat noch über 100 Jahre gedauert, bis Bücher einen allgemeinen Standard für die Nutzung erreichten. Seitenzahlen, Index, Inhaltsverzeichnis und Seitentitel sind heute Routine, waren aber damals keine Selbstverständlichkeit. | + | Die wichtigste Regel lautet: Wenden Sie ein konstantes Layout über die gesamte Webpräsentation hinweg an. |
| + | Das bedeutet, dass jede Seite einer Site die gleichen Merkmale, Features, aufweisen sollte - bezogen auf eine durchgehende [[Farben|Farbgestaltung]], Menüführung, die Verwendung von einheitlichen Schriftarten (siehe auch: [[Typographie]] und [[Typographie im Web]]), dem einheitlichen Aussehen von Bildern und Graphiken (Rahmen, Größe, etc.) sowie Tabellen usw. | ||
| + | |||
| + | {| border="1" cellspacing="0" cellpadding="5" style="border-collapse:collapse;" align="center" width="80%" style="background:#E8F2FF;" bgcolor="#E8F2FF" | ||
| + | |- | ||
| + | |Gutenbergs Bibel wird als das erste moderne Buch bezeichnet - aber es hat noch über 100 Jahre gedauert, bis Bücher einen allgemeinen Standard für die Nutzung erreichten. Seitenzahlen, Index, Inhaltsverzeichnis und Seitentitel sind heute Routine, waren aber damals keine Selbstverständlichkeit. (nach Lynch, Patrick J.; Horton, Sarah (2004): ''Web Style Guide. 2nd edition.'') | ||
Heute erscheint uns der Umgang mit einem Buch einfach und die Tagespresse, Zeitschriften und Magazine bieten ausgefeilte Standards für die Nutzung ihrer Druckerzeugnisse. Wenn wir montags den Spiegel aufblättern, wissen wir, wo die Themen stehen, die uns am meisten interessieren. Wir erkennen unsere Lieblingsrubriken an ihrem Layout. | Heute erscheint uns der Umgang mit einem Buch einfach und die Tagespresse, Zeitschriften und Magazine bieten ausgefeilte Standards für die Nutzung ihrer Druckerzeugnisse. Wenn wir montags den Spiegel aufblättern, wissen wir, wo die Themen stehen, die uns am meisten interessieren. Wir erkennen unsere Lieblingsrubriken an ihrem Layout. | ||
| − | (Häßler, Ulrike | + | (Häßler, Ulrike (2003): ''Cascading Style Sheets. Stil mit <Stil>.'' S.35.) |
|} | |} | ||
| + | Das [[Webdesign#Die graphische Benutzerschnittstelle (Graphical User Interface)|Graphical User Interface]] hat unbedingten Vorrang, das heißt, dass der Besucher fähig sein muss, die Seite mit allen Features auf Anhieb bedienen zu können. | ||
| + | Es muss eine Relation von Form zum Inhalt gefunden werden, das Layout muss also zum Inhalt 'passen', ihn idealerweise sogar unterstreichen oder unterstützen. | ||
| − | + | Man sollte sich bemühen, die Gewohnheiten und Erwartungen des Nutzers, die auch kulturell bedingt sind, zu erfüllen. So erwarten z. B. westliche Besucher von Webseiten die Navigation links oben, während Nutzer im asiatischen Raum rechts oben das Menü vermuten. | |
| − | + | Bestimmte Webseiten-"Kategorien" haben einen Wiedererkennungswert beim Nutzer, es gibt auch hier eine gewisse Erwartuungshaltung über Umfang und Position bestimmter Bedienungselemente. Dies findet sich z.B. bei Webseiten, die Nachrichten verbreiten, oder bestimmten Shoppingseiten. | |
| − | |||
| − | |||
| + | ---- | ||
Zurück zum übergeordneten Thema [[Webdesign]] | Zurück zum übergeordneten Thema [[Webdesign]] | ||
| + | |||
| + | ==Verwandte Begriffe== | ||
| + | |||
| + | *[[related::Typographie]] | ||
| + | *[[related::Webdesign]] | ||
| + | *[[related::Farben]] | ||
Aktuelle Version vom 11. Februar 2009, 11:15 Uhr
Layout bezeichnet die Text- und Bildgestaltung einer (Druck-, Web-)Seite oder eines ganzen Dokuments. Die wichtigste Regel lautet: Wenden Sie ein konstantes Layout über die gesamte Webpräsentation hinweg an. Das bedeutet, dass jede Seite einer Site die gleichen Merkmale, Features, aufweisen sollte - bezogen auf eine durchgehende Farbgestaltung, Menüführung, die Verwendung von einheitlichen Schriftarten (siehe auch: Typographie und Typographie im Web), dem einheitlichen Aussehen von Bildern und Graphiken (Rahmen, Größe, etc.) sowie Tabellen usw.
| Gutenbergs Bibel wird als das erste moderne Buch bezeichnet - aber es hat noch über 100 Jahre gedauert, bis Bücher einen allgemeinen Standard für die Nutzung erreichten. Seitenzahlen, Index, Inhaltsverzeichnis und Seitentitel sind heute Routine, waren aber damals keine Selbstverständlichkeit. (nach Lynch, Patrick J.; Horton, Sarah (2004): Web Style Guide. 2nd edition.)
Heute erscheint uns der Umgang mit einem Buch einfach und die Tagespresse, Zeitschriften und Magazine bieten ausgefeilte Standards für die Nutzung ihrer Druckerzeugnisse. Wenn wir montags den Spiegel aufblättern, wissen wir, wo die Themen stehen, die uns am meisten interessieren. Wir erkennen unsere Lieblingsrubriken an ihrem Layout. (Häßler, Ulrike (2003): Cascading Style Sheets. Stil mit <Stil>. S.35.) |
Das Graphical User Interface hat unbedingten Vorrang, das heißt, dass der Besucher fähig sein muss, die Seite mit allen Features auf Anhieb bedienen zu können. Es muss eine Relation von Form zum Inhalt gefunden werden, das Layout muss also zum Inhalt 'passen', ihn idealerweise sogar unterstreichen oder unterstützen.
Man sollte sich bemühen, die Gewohnheiten und Erwartungen des Nutzers, die auch kulturell bedingt sind, zu erfüllen. So erwarten z. B. westliche Besucher von Webseiten die Navigation links oben, während Nutzer im asiatischen Raum rechts oben das Menü vermuten. Bestimmte Webseiten-"Kategorien" haben einen Wiedererkennungswert beim Nutzer, es gibt auch hier eine gewisse Erwartuungshaltung über Umfang und Position bestimmter Bedienungselemente. Dies findet sich z.B. bei Webseiten, die Nachrichten verbreiten, oder bestimmten Shoppingseiten.
Zurück zum übergeordneten Thema Webdesign
