HTML and CSS Reference
In-Depth Information
wir ein iPhone-typisches Standarddesign verwenden. Sie werden lernen, wie Sie dieses
Design durch Editieren der Cascading Style Sheets verändern und wie Sie mit nur
wenigen Zeilen Code Ihrer Anwendung oder Webseite ein iPhone-Look geben können.
1.1.1
Application Prototyping mit Photoshop
Bevor Sie mit dem Programmieren einer iPhone-Webanwendung beginnen, ist es rat-
sam, sich die verschiedenen Bildschirme, die ein Benutzer sehen und durch die er
durchnavigieren soll, zu überlegen und aufzuzeichnen. Am Anfang landen diese Flow-
Überlegungen meistens auf Skizzenpapier, einer Serviette oder auf dem Whiteboard.
Wenn der grobe Flow allerdings steht, empfiehlt es sich gerade bei iPhone- oder iPod
touch-Anwendungen - in denen es zu einem überdurchschnittlich großen Teil um die
User-Experience geht -, die einzelnen Bildschirme detaillierter zu gestalten und aufzu-
zeichnen. Diese Art von »Application Prototyping« ist ein wichtiger Schritt in der Soft-
ware- und Webentwicklung und hilft beim Entdecken von Problemen im Anwendungs-
design.
Falls Sie Photoshop besitzen und sich mit dem Programm auskennen, können Sie vor-
gefertigte Bibliotheken mit den verschiedenen iPhone-typischen Elementen wie Titel-
leisten, Buttons, Eingabefeldern, Tastatur etc. laden und in Photoshop zu der idealen
Oberfläche Ihrer Anwendung anordnen.
Lesezeichen
http://bit.ly/Bvn5o
Besitzen Sie Photoshop und kennen das Programm bereits, können Sie vorgefertigte Biblio-
theken mit den verschiedenen iPhone-typischen Elementen laden und wunschgemäß
anordnen.
Lesezeichen
http://bit.ly/89DYC4
Wenn Sie sich speziell für eine iPad-Anwendung interessieren, gibt es unter dieser Adresse
eine 24 MByte große Photoshop-Datei mit allen relevanten iPad-Elementen.
Auch für diejenigen, die sich speziell für Android-Webanwendungen oder mittels
PhoneGap auch für Android Apps interessieren, gibt es zahlreiche Photoshop-Vorlagen
im Internet.
Lesezeichen
http://bit.ly/cO0aLH
Eine der umfassendsten Vorlagen hat Vladimir Grishin auf seiner Webseite zum kostenlosen
Download zur Verfügung gestellt.
