HTML and CSS Reference
In-Depth Information
ben, längere oder sehr kleine Texte durch horizontale Linien dargestellt. Dekorative
Elemente werden komplett weggelassen.
Zunächst sollten Sie sich für ein Bedienschema aus Abschnitt 2.2.2, »Semantische Ele-
mente in HTML5«, entscheiden und, davon ausgehend, ein Wireframe-Model Ihrer
App zeichnen. Dafür gibt es unterschiedliche Werkzeuge und Methoden.
Entwurfssoftware wie Microsoft Visio oder OmniGraffle bieten eine Vielzahl von
vorgefertigten Formen und Bedienelementen. Neue Elemente können häufig als
Zusatzbibliothek nachgerüstet werden. Die Wireframes von Entwurfssoftware wer-
den so sehr ordentlich und können fast pixelgenau zusammengesetzt werden. Hier
lauert die Gefahr: Vernachlässigen Sie im Wireframing-Prozess bewusst Schriftarten,
Farben oder Texturen - zunächst soll es nur um die reine Struktur gehen.
Abbildung 3.31 Das iPhone-Interface-Mockup-Tool »iPhone Mockup« (http://iphone-
mockup.lkmc.ch)
Natürlich können Sie Ihre WebApp auch mit einer Entwurfs-WebApp entwerfen. Das
einfache Tool iPhone Mockup ( http://iphonemockup.lkmc.ch/ ) bietet Ihnen eine
übersichtliche Palette an Interface-Elementen und die Möglichkeit, Ihren Wireframe
Search WWH ::




Custom Search