--- title: "Jede Menge inspirierende Design-Elemente auf Application-Websites" author: "Manuel Esposito" date: 2010-08-25 lang: de source: https://elmastudio.de/inspirierende-design-elemente-auf-application-websites/ --- # Jede Menge inspirierende Design-Elemente auf Application-Websites Das Design moderner Application-Websites (z.B. für iPhone- und iPad-Apps) bietet jede Menge Inspiration, da die Webseiten mit spannenden Design-Elementen, Animationen und Effekten ausgestattet sind. Auch die Liebe zum Detail bei der Gestaltung von Logos, Icons und Hintergrund-Strukturen ist sehr beeindruckend. Da lohnt es sich auf jeden Fall genauer hinzuschauen, und das Webdesign der modernen App-Seiten zu analysieren. Natürlich gibt es kein Standard-Rezept, wie eine Application-Website auszusehen hat. Bei meiner Recherche sind mir aber etliche inspirierende Design-Elemente aufgefallen, die du auch hervorragend auf das Webdesign anderer Seiten (z.B. Firmenseiten oder Portfolios) übertragen kannst. ## 1. Der Webseiten-Aufbau Der Seitenaufbau der Application-Websites ist meist horizontal in drei oder mehr große, durchlaufende Hintergrund-Flächen unterteilt. Auffallend ist der großzügige Umgang mit Freiräumen und die angenehme Farbigkeit der horizontalen Flächen. Das Design wirkt so großzügig und offen, obwohl die eigentliche Webseiten-Breite oft nur 900 Pixel beträgt. Ein tolles Beispiel für diesen offenen Seitenaufbau ist die Webseite von »tapmates«. ### tabmates ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-01.jpg) ### Weitere Application-Sites mit offenem Seitenaufbau ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-02.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-03.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-04.jpg) *[Outside](https://outsideapp.com/)* ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-05.jpg) ## 2. Webseiten-Hintergründe Ein weiteres, spannendes Design-Element, das dir auf Application-Websites immer wieder begegnet, sind die tollen Strukturen, Muster und Effekte der Seiten-Hintergründe. Oft sind diese sehr innovativ und mit viel Liebe zum Details erstellt. Ein schönes Beispiel für einen kreativen Background ist die Webseite der »Kaleidoscope« Application. ### Kaleidoscope ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-06.jpg) ### Weitere App-Sites mit kreativen Hintergründen ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-07.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-08.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-09.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-10.jpg) ## 3. Stylische Icon-Designs Die Icons, besonders für iPhone und iPad-Apps sind sehr detailfreudig und hochwertig gestaltet. Oft werden 3D-Effekte, Strukturen oder Glanz-Effekte für das Icon-Design verwendet, so dass die Icons an sich oft kleine Meisterwerke sind. Ein tolles Beispiel ist das Teetassen-Icon auf der Application-Seite [»Yoritsuki«](https://www.hybridworks.jp/apps/yoritsuki/) des japanischen Designstudios Hybridworks. ### Yoritsuki ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-11.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-11a.jpg) ### Weitere App-Sites mit tollen Icons ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-12.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-13.jpg) *[Things](https://culturedcode.com/things/)* ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-14.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-15.jpg) ## 4. Glow-Effekte Ebenfalls ein tolles Design-Element, gerade für die modernen Designs der App-Seiten sind Glow-Effekte. Diese findest du oft in Schriftzügen, Buttons oder im Header-Bereich der Webseite. Ein tolles Beispiel für diesen Effekt ist die Webseite der »iSaidWhat?!« Iphone-App. ### iSaidWhat?! ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-16.jpg) ### Noch mehr Webdesigns mit Glow-Effekten ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-17.jpg) *[spoonjuice.com](https://spoonjuice.com/)* ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-18.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-19.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-20.jpg) ## 5. Illustrationen Immer wieder sehr beliebt und auch einer meiner persönlichen Favoriten, sind die illustrierten App-Webdesigns und Webseiten mit illustrierten Elementen. Auch bei den Illustrations-Webseiten fällt wieder die großzügige, offene Gestaltung auf. Ein tolles Beispiel für eine illustriertes Application-Webdesign ist die Seite »Stone Skipper«. ### Stone Skipper ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-21.jpg) ### Weitere App-Sites mit Illustrationen ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-22.jpg) *[Tapbots](https://tapbots.com/)* ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-23.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-24.jpg) ![Application Websites](https://elmastudio.de/wp-content/uploads/2010/08/application-webdesign-25.jpg) Wie gefallen die die Webdesigns der Application-Sites? Welche Design-Elemente findest du besonders inspirierend, und welche gefallen dir weniger gut? Kennst du weitere Application-Websites, die besonders innovativ gestaltet sind? Über dein Feedback zu den App-Sites und weitere Webseiten-Tipps freue ich mich sehr!