Designer gestalten nicht in einem Vakuum. Wie in anderen kreativen Berufen auch, holen sie sich Inspirationen und Impulse aus ihrer Umwelt. Viele sammeln auch Designs von anderen – gute und schlechte. Diese werden dann auseinander genommen, um die Techniken dahinter zu erlernen und zu verstehen, was funktioniert und was nicht. Wir haben sieben Websites zusammengestellt, die vor allem eins bieten: inspirierende Beispiele.

Use Your Interface

Das UI Interaction Library useyourinterface.com ist eine Bibliothek für User Interface und Interaction Design Animationen. Es soll Designer inspirieren und dabei helfen, die eigenen UI-Ideen in die Realität umzusetzen beziehungsweise eigene Ideen anderen anhand von Beispielen näher zu bringen. Entweder man klickt sich per „More“-Button durch die Bibliothek oder man sortiert die Einträge anhand von Tags wie „css play“, „rollover button“, „animation“ oder „error“.

Screenshot http://useyourinterface.com

lovely ui

Der Tumbler lovelyui.com sammelt gelungene Beispiele für hübsche Mobile User Interfaces. Auch hier klickt man sich entweder durch die Seiten oder sortiert anhand von Tags wie „badges“, „buttons“, icons“ order „settings“.

Screenshot http://www.lovelyui.com

Elements of Design

Das Showcase unter http://www.smileycat.com/design_elements/  konzentriert sich auf spezifische Webdesign-Aspekte wie Header, Footer, Suchfelder, Buttons, Breadcrumbs, Video-Player und vieles mehr.

Screenshot http://www.smileycat.com/design_elements/

Konigi

Diese Blog von Michael Angeles sammelt im Bereich Showcase Beispiele für gelungenes Interface-Design. Hier findet auf 17 Seiten sich eine ebenso bunte wie inspirierende Zusammenstellung – von Setting-Switches über Preisrechner bis hin zu Suchfeldern.

Screenshot http://konigi.com/interface/latest

pttrns

Der Blog pttrns.com hat sich mobilen User Interfaces verschrieben. Nach derzeitigem Stand findet Ihr dort in über 30 Kategorien 1602 Screenshots. Von Acitivity Feeds und Checkins über Comments und Logins bis hin zu Popovers und Timelines findet dort jeder Inspiration für eigene Projekte.

Screenshot http://pttrns.com 

TapFancy

Auf tapfancy.com findet man ein Showcase mit Beispielen für gelungens iPhone und iPod Touch Applikations-Design. An Kategorien bietet der Blog Themenbereiche wie Entertainment, Finance, Music, Lifestyle oder Travel.

Screenshot http://tapfancy.com 

Pattern Tap

Die Website patterntap.com existiert seit 2008 und sammelt Design- und User Interaction Muster. Sie nennen sie einen „lebenden Klassenraum“, in dem Designer sich inspirieren lassen und lernen können, was im Web funktioniert und warum. Inzwischen haben die Macher 5.005 Muster in Form von großflächigen Screenshots gesammelt. Sortiert werden kann anhand von Datum, Kategorie, Stil und Gerät (Smartphone, Tablet, Desktop).

Screenshot http://patterntap.com