Drücke die Tasten ◄ ► für weitere Artikel  

Flat Design: 15 User-Interface-Kits zum Download

Flat Design ist ein klarer Trend für 2013. Mit diesen User-Interface-Kits erstellen Webworker Apps 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 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 User-Interface 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 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

331 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
13 Antworten
  1. von web frontend | Annotary am 03.05.2013 (08:35Uhr)

    [...] from Patrick Kohan: Rezepte renovierung general programming webapp Sort Share t3n.de       2 minutes [...]

  2. 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

  3. von Inkassounternehmen am 05.05.2013 (11:49Uhr)

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

  4. 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.

  5. von Flat User Design… interesting :) h… am 06.05.2013 (09:48Uhr)

    [...] User Design… interesting t3n.de/news/10-user-i… via [...]

  6. von Jens Richter am 06.05.2013 (20:03Uhr)

    Super Sammlung um sich inspirieren zu lassen :)

  7. von Inspiration: 12 Webseiten mit Full-Scree… am 15.05.2013 (08:30Uhr)

    [...] 10 User-Interface-Kits für Flat Design – t3n News [...]

  8. von Bürokratie und fiese Serienfinale. | Sa… am 11.06.2013 (00:11Uhr)

    [...] über Skeuomorphismus und Innovation ist auch sehr lesenswert. Davon abgesehen finde ich die UI/UX-Kits für Flat Design aber sehr, sehr hübsch und werde mir für meine Twitter-App mit Sicherheit etwas davon [...]

  9. von … und die Welt ward flach! – Ein… am 05.07.2013 (11:51Uhr)

    [...] 10 User-Interface-Kits für Flat Design – t3n News [...]

  10. von Computer-Interfaces aus Filmen und Serie… am 10.07.2013 (17:30Uhr)

    [...] 10 User-Interface-Kits für Flat Design - t3n News [...]

  11. von CRIGO am 21.10.2013 (11:25Uhr)

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

  12. von nullzwoelf am 13.12.2013 (01:50Uhr)

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

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: 15 kostenlose Icon-Sets für dein Projekt
Flat-Design: 15 kostenlose Icon-Sets für dein Projekt

Der Flat-Design-Trend hält ungebrochen an. Selbst Apple als Vertreter des Skeumorphismus passt das User-Interface des neuen iOS 7 dem minimalistischen Look an, und auch im Web finden sich immer mehr. ... » weiterlesen

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

Flat Design in Apps: 10 inspirierende Beispiele
Flat Design in Apps: 10 inspirierende Beispiele

Flat Design erlebt mit der Einführung von iOS 7 ein neues Hoch. Zahlreiche Apps werden sich dem User-Interface anpassen müssen, um ein nahtloses Erlebnis zu bieten. Wir stellen euch einige schicke.. ... » weiterlesen

Kennst Du schon unser t3n Magazin?

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