Mobile-User-Interface-Beispiele

Beispielsammlungen für Designs mobiler Websites

Screenshot von mobile-patterns.com

Screenshot von mobile-patterns.com

Smartphones verkaufen sich immer mehr, die Menschen surfen immer mehr mit ihren Mobilgeräten im Web. Es wird immer wichtiger auch eine mobile Version seiner Website anzubieten. Doch Interface-Design für Smartphones hat seine eigenen Tücken und Fallstricke: Die Bildschirme sind kleiner, die Bedienung erfolgt per Touchscreen. Ich möchte hier Beispiele für Mobile-User-Interface-Design sammeln. Als Extra einige mit Responsive-Design.

User-Interface-Galerien

Galerien, mit guter Navigation und der Möglichkeit sich durch die Beispiele zu klicken.

  • Mobile UI Patterns
    Galerie für einzelne Elemente eines mobilen User-Interface.

    Screenshot von mobile-patterns.com

    Screenshot von mobile-patterns.com

  • Android Patterns
    Galerie von Patterns, mit Beschreibungen und Schwarz-Weiß-Illustrationen.

    Screenshot von androidpatterns.com

    Screenshot von androidpatterns.com

  • TappGala
    Beispiele mobiler Website nach Branchen sortiert.

    Screenshot von www.tappgala.com

    Screenshot von www.tappgala.com

  • Inspired Ui
    Mobile-Design-Pattern-Galerie einzelner Elemente mit realen Beispielen.

    Screenshot von inspired-ui.com

    Screenshot von inspired-ui.com

  • Mobile Design Pattern Gallery
    Pattern-Gallerie mit Beispielen zum gleichnamigen Buch.

    Mobile Design Pattern Gallery

    Screenshot von www.mobiledesignpatterngallery.com

  • Pattern Tap / iOS
    Ios-Kategorie innerhalb einer Design-Galerie.
    Screenshot von patterntap.com

Blogposts mit Mobile-Design-Beispielen

Gerade englische Blogs veröffentlichen oft große aber unsortierte Beispielsammlungen.

Sammlungen von gelungenen Responsive-Designs

Zum Schluss einige Sammlungen von Responsive-Designs, also von Websites, deren Aussehen sich mit der Größe des Browserfensters ändert.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>