Vorheriger Artikel Nächster Artikel

Flat Design: 15 User-Interface-Kits zum Download

ist ein klarer für 2013. Mit diesen User-Interface-Kits erstellen Webworker und Webseiten im Flat-Style.

Flat Design: 15 User-Interface-Kits zum Download

Flat Design hat die Reduktion auf das Wesentliche und die Vermeidung von optischen Spielereien wie Schatten, dreidimensionalen Buttons und Texturen. Diese UI-Kits liefern Inspirationen und Komponenten für die Entwicklung von Flat-Design-Interfaces für eigene Projekte.

Flat UI

flat-ui-al

Das Flat UI beinhaltet neben Buttons und Formularfeld-Designs ein Layout für ein Wetter-Widget und eine Telefon-App.

Flat UI (PSD)

Flat Web Elements

flat_web_elements

Flat Web elements enthält kleine Buttons mit Icons sowie eine Reihe weiterer UX-Elemente, wie beispielsweise Tooltips und Avatare.

Flat Web Elements

Flat UI Free

flat_ui_free

Flat UI Free ist ein kostenfreies PSD- und HTML-Interface auf Basis von Twitters Bootstrap. Das Set enthält viele einfache und komplexe Komponenten wie Buttons, Eingabefelder, Menüs, Status-Bars und vieles mehr.

Flat UI Free

Minimalist UI Kit

ui-kit-minimalistic

Mini UI enthält eine Reihe von Stiles für die Gestaltung von Formularen. Es beinhaltet Eingabefelder, Buttons, Checkboxen, Radiobuttons und einen Tooltip.

Minimalist UI Kit

UI Kit

ui_kit_preview

UI bietet eine Reihe von Flat-Design-UI-Elementen im Widget-Stil. Neben Profil-Elementen finden sich Menüs und Formularelemente in diesem Kit wieder.

UI Kit

Square UI

square_ui_flat_design

Square UI ist ein PSD-User-Interface-Pack, das eine Reihe verschiedener Komponenten im Flat Design beinhaltet. Komponenten wie Video-Player, Buttons, Eingabefelder und Menü-Elemente sind in der kostenfreien Variante enthalten. Für weitere Komponenten steht die Premium-Version von Square UI für 39 US-Dollar bereit.

Simple and Bold UI Elements

simple_and_bold_ui_elements

Simple & Bold UI Elements liefert eine Reihe von Komponenten in verschiedenen Farbschemata. Neben Standard-Elementen sind auch Entwürfe für komplette News-Feeds und Login-Panels enthalten.

Simple and Bold UI Elements

Freebie PSD: Flat UI Kit

flat-ui

Dieses Kit beinhaltet einige Widget-Entwürfe im Flat Design. Vom Diagramm bis zum Posteingangs-Design ist fast alles dabei, was ein Dashboard-Designer-Herz begehrt.

Freebie PSD: Flat UI Kit

Freebie PSD: Flat UI Kit 2

blog-ui

Das zweite UI-Kit dreht sich um die Gestaltung von Blog-Widgets und beinhaltet Elemente wie Text-Editoren, Kalender und eine Standortsuche.

Freebie PSD: Flat UI Kit 2

WebApp Flat UI

free-psds-ui-kit-web-app-header

Die WebApp Flat UI ist ein WebApp-Entwurf, der es nicht bis zur Umsetzung geschafft hat. Als Input für die Entwicklung eigener Flat-Design-Layouts eignet sich die PSD aber allemal.

WebApp Flat UI

Polaris UI kit

Polaris Flat Design Kit

Polaris ist ein dunkles Flat-Design User Interface mit, das optisch an das Design von Windows 8 anlehnt. Komplett Flach bleibt Polaris aber nicht. Das Kit enthält neben typischen Flat-Design Elementen auch einige Bestandteile im skeumorphistischen Stil. Es muss halt nicht immer alles vollkommen flach sein.

Polaris UI Kit Download

Eerste - Flat User Interface Kit

Eerste Flad Design Kit

Erste enthält fast alles, was man für das Design eines Interface benötigt. Neben Social Logins, Buttons, Menüs und anderen Navigationselementen, bringt das Set auch einen Kalender und ein Media-Player-Design mit.

Eerste Flat User Interface Kit Download

Monotone Flat UI kit

Monotone Flat Design Kit

Während Flat Design sich normalerweise durch eine Auswahl von kontrastreichen Farben auszeichnet, bietet dieses Kit einen entgegengesetzten Ansatz und setzt verschiedene Farbabstufungen einer Hauptfarbe ein. Das Mit von Sebastiaan Scheer zeigt, dass es nicht immer bunt sein muss und liefert einige grundlegene User-Interface-Elemente zur Inspiration und Weiterentwicklung.

Monotone Flat UI Kit Download

Featherweight UI

Featherweight Flat Design Kit

Featherweight UI ist ein minimaoistisches Mit das eine Handvoll von Elementen enthält. Darunter Menüs, Icons, Widgets, ein Photo-Slider und sogar eine Weltkarte. Das mit hat einen eleganten Look und passt durch die Kombination von retro Farben und einfachen Formen gut zu Flat-Design Projekten.

Featherweight UI Download

Flatimus iOS UI Kit

Flatimus Flat Design Kit
Flatimus Flat Design Kit

Flatimus ist ein iOS Flat Design User Interface Kit. Das Set ist speziell für Retina Displays und mit einer Auflösung von 326pp kostenlos als Psd erhältlich. Das Set beinhaltet viele Elemente die für die Gestaltung eines App-Interface benötigt werden. Darunter Buttons, Slider, Checkboxen, eingabefelder und Tab-Bar Elemente.

Flatimus iOS UI Kit

FlatUI

Flat Design Kit
Flat Design Kit

Das FlatUI Design von Freepik beinhaltet eine Vielzahl von Elementen für Navigation, Drop-Down-Menüs, Social Sharing Möglichkeiten und Dashboard Elementen. Außerdem bringt das Mit eine Reihe von E-Commerce Modulen mit sich.

FlatUI Download

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
8 Antworten
  1. von feenhaar am 03.05.2013 (11:50Uhr)

    supi, diese Tipps haben mir noch gefehlt für meine Recherche zu einem neuen Artikel: Gestaltung von Online Shops optimieren. Danke - Link bereits als Tipp eingebaut. LG Susangeli

    Antworten Teilen
  2. von Inkassounternehmen am 05.05.2013 (11:49Uhr)

    Wirklich ein toller Tip! Das sind wirklich sehr gute Designideen bei!

    Antworten Teilen
  3. von Designophil am 05.05.2013 (18:42Uhr)

    Vor allem "Freebie PSD: Flat UI Kit" und das "UI Kit" halte ich für optisch sehr gelungen. Ausgewogene und stimmige Farbpalette, nette Details und insgesamt einfach professionell gestaltet. Danke für diese tollen Tipps.

    Antworten Teilen
  4. von Jens Richter am 06.05.2013 (20:03Uhr)

    Super Sammlung um sich inspirieren zu lassen :)

    Antworten Teilen
  5. von CRIGO am 21.10.2013 (11:25Uhr)

    Schöne Sammlung, vielen Dank für's Teilen!

    Antworten Teilen
  6. von nullzwoelf am 13.12.2013 (01:50Uhr)

    Nett, aber warum legen die das alle als PSD an? Vektoren sind doch viel effektiver.

    Antworten Teilen
  7. von Jakobrohlaender am 26.07.2014 (19:13Uhr)

    Tolle Sammlung, aber zum In­s­pi­rie­ren nutze ich lieber Dribbble.com

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Flat Design
Flat Design: 20 sehenswerte User-Interfaces
Flat Design: 20 sehenswerte User-Interfaces

Nicht frei von Kritik, bleibt Flat Design trotzdem das große Thema im Webdesign. Wie ansehnlich gut durchdachte User-Interfaces im Flat Design aussehen können, zeigt dieser Artikel anhand von 20 … » weiterlesen

Datenbank: Die coolsten User-Interfaces aus Kinofilmen
Datenbank: Die coolsten User-Interfaces aus Kinofilmen

In Film und Fernsehen werden Computer meistens zu bösen oder übermächtigen Maschinen mit verrückten User-Interfaces stilisiert. Wer sich genau dafür interessiert, für den haben wir gleich zwei … » weiterlesen

Sketch 3: Der Bildeditor für Entwickler und Designer im t3n-Kurztest
Sketch 3: Der Bildeditor für Entwickler und Designer im t3n-Kurztest

Mit Sketch 3 hat Bohemian Coding kürzlich ein neues, umfangreiches Update seines beliebten Bildeditors herausgebracht. Wir haben Sketch 3 für euch getestet. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 36 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen