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:
- Flat Design Fakten
- Das Flat Design Zeitalter
- Flat Design Pioniere
- Ein Kommentar zum neuen Designtrend
- Der ultimative Guide für ein Flat Website Design
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.
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.
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.
48 kostenlose Flat-Icon-Vektoren
Skalierbare Vektor-Vorlagen für Websites, Apps, Infografiken und alles, wofür man sonst Icons gebrauchen kann.
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 Square Flat UI Kit
Eine weitere, großartige Flat-UI-Vorlage aus dem Hause designmodo.com.
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.
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.
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.
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.
Ein puristisches UI Kit
Abhimanyu Rana hat eine stylische Komposition aus UI-Elementen zusammengestellt, die er im PSD-Format zur freien Verwendung anbietet.
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:
Ein umfangreiches UI Kit
Selten ist ein UI Kit von vorn herein so umfangreich gestaltet. Eine eindrucksvolle Umsetzung von dart117.com.
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.
Kostenlose Social Icons im Flat Style
Frei verwendbare, minimalistische Symbole Sozialer Netze im EPS / AI-Format für Illustrator.
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ß.
Kostenlose Flat Design Icons
Eine umfangreiche und bunte Icon-Sammlung mit flachem Erscheinungsbild zur Anwendung in Flat UIs.
Ein feminines Flat UI Kit
Recht feminin, jedoch nicht minder minimalistisch wirkt dieses UI Kit. Es kombiniert Flat UI mit Outlined Icons.
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.
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.
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.
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.
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.
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.
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!
- Keyword-Recherche mit dem Keyword Planner - 10. Februar 2016
- Die beliebtesten Content Sharing-Erweiterungen für Joomla! - 19. Januar 2016
- E-Commerce mit Erfolgskurs - 25. November 2015
