7.2 ... Informationsarchitektur und Navigation ... 322
8. Von Controls, Views und Komponenten bis Atomic Design und Design-Systemen ... 335
8.1 ... Was sind Controls und Views? ... 335
8.2 ... Die Standard-Controls von iOS ... 337
8.3 ... Die Standard-Controls von Android ... 371
8.4 ... Custom-Controls und Custom-Components ... 398
8.5 ... Atomic Design ... 402
8.6 ... Design-Systeme ... 406
8.7 ... Fazit ... 422
9. Vom Papier zum interaktiven Prototyp: Wireframe, Mock-up & Co. ... 425
9.1 ... Der iterative Design-Prozess ... 427
9.2 ... Stift und Papier -- eine erste Skizze der App ... 429
9.3 ... Wireframe -- es wird konkreter ... 434
9.4 ... Mock-ups -- jetzt wird's bunt ... 438
9.5 ... Interaktive Prototypen -- der erste echte Eindruck ... 440
9.6 ... Wireframe- und Mock-up-Tools ... 445
9.7 ... Grafik- und Zeichenprogramme ... 448
9.8 ... Tools für das Rapid Prototyping ... 460
10. Inspiration und Trends ... 467
10.1 ... Inspiration im Netz ... 467
10.2 ... Das Moodboard ... 479
10.3 ... Aktuelle Trends, Stilrichtungen ... 484
10.4 ... Umsetzung und Design ... 491
11. Typografie für kleine Bildschirme ... 501
11.1 ... Was ist Typografie? ... 502
11.2 ... Grundsätzliches zur Schrift ... 503
11.3 ... Kategorien von Schriften ... 507
11.4 ... Systemschriften ... 514
11.5 ... Regeln für gute Typografie im App-Design ... 518
11.6 ... Empfehlenswerte Schriften für Apps ... 538
12. Farbe ... 545
12.1 ... Grundsätzliches zur Farbe ... 545
12.2 ... Farben, Stimmungen und Assoziationen ... 550
12.3 ... Farbschemata ... 565
12.4 ... Farben im App-Design ... 577
12.5 ... Die Farbdarstellung auf Smartphone, Tablet & Co. ... 582
12.6 ... Tools, die bei der Farbwahl helfen ... 584
13. Icons, Grafiken und Bilder ... 589
13.1 ... Icons ... 590
13.2 ... Grafiken ... 605
13.3 ... Fotografien ... 609
13.4 ... Der Export ... 616
13.5 ... Tools für den Export und Styleguides ... 625
14. Apps erfolgreich in App Stores präsentieren ... 629
14.1 ... Die Marktsituation ... 629
14.2 ... Wie Sie Ihre App im App Store richtig in Szene setzen ... 632
14.3 ... Warum das App-Icon so wichtig ist ... 652
14.4 ... Kostenlose oder kostenpflichtige App? ... 657
14.5 ... Die App ist hochgeladen -- und dann? ... 663
14.6 ... Tipps, um im Apple App Store oder im Google Play Store gefeatured zu werden ... 666
14.7 ... Schön war's ... 669
Index ... 671
Mit vielen inspirierenden App-Beispielen
Wie machen Sie aus einer einfachen App ein echtes Highlight, das die Bestenlisten der App-Stores stürmt? In diesem Buch erfahren Sie es, denn hier erlernen Sie die Gestaltungsgrundlagen attraktiver und moderner Apps – von einer benutzerfreundlichen Usability über eine ausgeklügelte User Experience bis hin zum attraktiven Design von Grafiken, Bildern und Icons. Von der ersten Idee bis zum polierten Pixel wird erklärt, wie man erfolgreiche und moderne Apps designt – denn auf einem kleinen Bildschirm ist jeder gut genutzte Bildpunkt Gold wert!Aus dem Inhalt:- Ideen finden und umsetzen- Konzeption- Usability und User Experience- Gestaltungsgrundlagen- Farblehre, Farbe auf Bildschirmen- Typografie- Grafiken, Bilder, Icons- Mock-ups & Wireframes- Testen und optimieren- Marktstrategien- Präsentation der App im App-Store- Android, iOS
Aus dem Inhalt:
Ideen finden und umsetzen Konzeption Usability und User Experience Gestaltungsgrundlagen Farblehre, Farbe auf Bildschirmen Typografie Grafiken, Bilder, Icons Mock-ups, Wireframes & Prototypen Testen und optimieren Marktstrategien Präsentation der App in den App Stores Für Android und iOS
Die Fachpresse zur Vorauflage:
c't: »Der Autor macht haptische und audiovisuelle Merkmale moderner Apps dingfest.«
PAGE: »Rundumschlag von der Ideenfindung bis zum interaktiven Prototyp!«
iX - Magazin für professionelle Informationstechnik: »Das vollfarbige Buch lohnt sich für all jene, die wenig Erfahrungen auf diesem Gebiet haben - die Abschnitte zu Typografie und Farbenlehre sind ebenfalls hilfreich.«