Ein flaches Erscheinungsbild hat sich rasant zu einem der am schnellsten wachsenden Trends im Bereich des Webdesign etabliert. Mit der Simplizität der neuesten Angebote von Google und Microsoft wird es Zeit, Schatten und 3D-Effekte zu verwerfen und sich hellen, bescheidenen Entwürfen zuzuwenden.

Wenn Sie vorhaben, tiefer in die Materie des Flat Design einzusteigen und mehr darüber erfahren möchten, wie sie es für sich arbeiten lassen können, möchten wir Ihnen die folgenden Artikel ans Herz legen:

Darüber hinaus haben wir das Internet für Sie durchforstet um Ihnen einige besonders attraktive Flat Design Ressourcen vorstellen zu können, schauen Sie sich doch einfach mal unsere Liste an:

„Eerste“ Flat UI Kit

Ein farbenfrohes User Interface Kit, verwendet werden u.a. Piktogramme von entypo.com.

Eerste Flat UI Kit

 

Freebie PSD: Flat UI Baukasten

Ein paar nützliche Widget-Vorlagen für Photoshop, publiziert auf dribbble.com, die sowohl für nicht-kommerzielle als auch für kommerzielle Zwecke verwendet werden können.

Freebie PSD Flat UI Kit

» Download

designmodo Free Flat Social Media Icons

Ein fantastisches Set aus 35 Social Media Icons. Die Icons sind frei und kostenlos für jede Art von Projekt zu verwenden.

designmodo Icon Set

» Download

48 kostenlose Flat-Icon-Vektoren

Skalierbare Vektor-Vorlagen für Websites, Apps, Infografiken und alles, wofür man sonst Icons gebrauchen kann.

Pixelfabric Icon Set

 

designmodo Flat UI Kit

Dieses wertvolle und dennoch kostenfreie Kit kann wahlweise für Designer als PSD Vorlage, oder für Entwickler als Komplettlösung bestehend aus Bootstrap-, JavaScript-, LESS-, CSS-, und Schriftart-Ressourcen heruntergeladen werden.

designmodo Flat UI Kit

» Download

designmodo Square Flat UI Kit

Eine weitere, großartige Flat-UI-Vorlage aus dem Hause designmodo.com.

designmodo Square Flat UI Kit

» Download

Minimalistisches UI Kit

Dieses schlichte Flat UI Kit besticht durch seinen sehr rudimentären Ansatz und ist sicher eine inspirative Ressource für alle, die mit dem Gedanken spielen, selbst Flat UI Vorlagen zu erstellen.

Minimalistisches UI Kit

» Download

Webseiten auf WordPress-Basis und Flat UI

Dieses leichte und elegante WordPress-Theme ist ein perfektes Beispiel dafür, wie brandaktuelles Flat Design mit Hilfe weniger Klicks in eine Website auf WordPress-Basis integriert werden kann.

SimpleCorp WP Theme

 

Die unkle Seite der Flat UI Macht

Diese Flat UI Inspiration bietet neben einer balancierten Farbpalette auch die Auswahl unterschiedlicher Elementgrößen, die in der Gesamtheit aber dennoch ein ruhiges Gesamtbild mit klarem Konzept ergeben.

Dark UI Kit

» Download

Riesiges kostenloses Mini Cosmo Icon Paket

1262 geschmackvoll gestaltete PNG-Icons in der Ausgangsgröße 40×40 Pixel, die auch für die kommerzielle Nutzung zur Verfügung stehen. Alle Icons sind auch hochauflösend oder als Vektor-Format gegen eine geringe Gebühr beziehbar.

Mini Cosmo Icon Set

 

Ein puristisches UI Kit

Abhimanyu Rana hat eine stylische Komposition aus UI-Elementen zusammengestellt, die er im PSD-Format zur freien Verwendung anbietet.

Puristic UI Kit

 

Flat Design Kit als Living Template

Ivo Ivanov hat ein komplettes UI Kit zur freien Verwendung in unregelmäßigen Update-Intervallen angeboten. Das Resultat kann sich durchaus sehen lassen:

Flat UI Kit von Ivo Ivanov

» Download

Ein umfangreiches UI Kit

Selten ist ein UI Kit von vorn herein so umfangreich gestaltet. Eine eindrucksvolle Umsetzung von dart117.com.

Flat Web UI Kit

» Download

Adobe“s Kuler ist auch im Flat Design gestaltet

Die hochgradig inspirative und explorative Plattform Adobe Kuler ist ein gutes Anwendungsbeispiel für ein gelungenes Flat UI.

Adobe's Kuler

» Download

Kostenlose Social Icons im Flat Style

Frei verwendbare, minimalistische Symbole Sozialer Netze im EPS / AI-Format für Illustrator.

Social Icon Set

» Download

Flaches Design und flacher Bauch mit „Tictrac“

Tictrac ist eine Web-Applikation, mit der man seine Fitness relevanten Aktivitäten im Alltag dokumentieren kann. Tictrac kann mit verschiedenen Datenquellen arbeiten, von der manuellen Eingabe über Smartphone-Apps bis hin zu Gadgets, die beispielsweise bei sportlichen Aktivitäten getragen werden. Mit dieser analytischen Art der Darstellung macht das Überwachen der eigenen Fitness wirklich Spaß.

Tictrac

 

Kostenlose Flat Design Icons

Eine umfangreiche und bunte Icon-Sammlung mit flachem Erscheinungsbild zur Anwendung in Flat UIs.

Medialoot Icon Set

» Download

Ein feminines Flat UI Kit

Recht feminin, jedoch nicht minder minimalistisch wirkt dieses UI Kit. Es kombiniert Flat UI mit Outlined Icons.

Feminines Icon Set

» Download

Ein Icon Set im minimalistischen Outlined-Stil

Dieses Icon Set mit SEO Bezug ist ebenfalls nach Outlined-Vorlage erstellt. Dieser Stil wirkt besonders technisch und strukturiert.

Minimalistisches SEO Icon Set

» Download

Iconfont für Flat UI Kits und Designs

Die speziell für Bootstrap entworfene Iconfont aus dem Hause fontawesome.io ist eine Schatzgrube für jeden Flat Designer.

Fontawesome.io

» Download

Tinybigstudio – ein Designer stellt sich vor

Auch die Webseite des Designers Pablo Dominguez tinybigstudio.com ist im Flat Design gehalten und dient u.a. als Showroom für diverse Web-Projekte. Als Inspiration für eigene Ideen ist diese Internetpräsenz eine Bereicherung für Designer, die auf der Suche nach einem Ansatz für ein
(Re-)Design sind.

Tinybigstudio

» Download

Slate – ein Bootstrap Theme

Nicht ganz kostenfrei, aber relativ preiswert kommt dieses Bootstrap-Theme daher. Mit viel Mühe zum Detail hat der Autor Alexandre Deschamps dieses beeindruckende Theme erstellt. Noch weit beeindruckender sind seine eigene Website, sowie ein Online-Karten-Rollenspiel, wobei letzteres nicht im Flat design gehalten ist.

Bootstrap Slate Theme

 

Der Name ist Programm: Symbolset im Flat Design

Auf dieser Website werden Symbolsätze für die Verwendung in Designprojekten angeboten. Die Seite selbst ist ebenfalls im Flat Design gehalten ist ein typischer Vertreter dieser Stilrichtung.

Symbolset

» Download

Gelungene Outlined-Flat-Mischung

Das Team von bearddesign.co präsentiert sich und seine Kompetenzen sehr eindrucksvoll im Flat-Style und verwendet für die Aufteilung der Website frische und originell animierte Icons im Outlined-Format.

bearddesign.co

» Download

Haben Sie weitere Quellen für gute Flat Design Ansätze, die in dieser Liste keine Berücksichtigung fanden? Schreiben Sie uns, wir freuen uns auf Ihre Kommentare!

Thomas von Mengden
Letzte Artikel von Thomas von Mengden (Alle anzeigen)

Große Auswahl an günstigen Domain-Endungen – schon ab 0,08 € /Monat
Jetzt Domain-Check starten