10 Beispiele für flaches Design, die funktionieren

Flaches Design war einer der größten Designtrends des Jahres 2013 - alle 3D meiden, pseudorealistisch oder Skeuomorphismus -basierte Designtechniken zugunsten einer vereinfachten, klassisch digitalen Ästhetik. Lieben Sie es oder hassen Sie es, Unternehmen auf der ganzen Welt sprangen auf den flachen Designwagen. Hier sehen wir uns einige der besten Beispiele der letzten 12 Monate an ...

Tragetasche für MacBook Pro 13

01. iOS 7

Beispiele für flaches Design

Die Symbole wurden mit einer neuen Palette neu gestaltet und sehen flacher aus

Das mobile Betriebssystem, das eine Million flacher Symbole auf den Markt gebracht hat ... Unter Jonathan Ive hat Apple den Minimalisten weit hinter sich gelassen. flaches Design Route, obwohl das Design nicht völlig frei von Gefälle oder Schnörkel ist. Es ist im Wesentlichen eine Weiterentwicklung des Looks, der auf den ersten Blick frisch und modern aussieht und dennoch erkennbar iOS ist. Die Symbole wurden mit einer neuen Farbpalette neu gestaltet und alle Elemente, einschließlich des umgebenden Chroms, sind flacher.



02. Tick

Sie dachten, Sie hätten flaches Design unter iOS 7 gesehen? 'Ja wirklich?' Gut, Tick möchte ein Wort. Es handelt sich um eine To-Do-Listen-App - von der Art, die Sie ehrlich gesagt wahrscheinlich nicht benötigen, was mit den integrierten Kalender- und Erinnerungs-Apps, die perfekt zu wartende Aufgaben erledigen, und die durch ihre gründliche Anpassbarkeit und durch ihre Anpassungsfähigkeit wünschenswert sind reine Flachheit.

03. Instagram

Beispiele für flaches Design

Dieses flache Design fördert eine sauberere Benutzeroberfläche für Instagram.

Im Jahr 2013 standen Designer an, um die wichtigsten digitalen Markenidentitäten zu verflachen. Ein solcher Designer Shadman Ahmed Wer hat sich dieses augenöffnende Konzept für den Fall der Fotografie-App ausgedacht? Instagram sollte sich entscheiden, dem flachen Designtrend zu folgen. Ahmed, der sich auf UX- und UI-Design spezialisiert hat, hat die Konzeptoberfläche erstellt, um 'eine sauberere Benutzeroberfläche für Instagram' zu bieten.

04. Ätzen

Beispiele für flaches Design

Die App-Design-Agentur Etch praktiziert, was sie auf ihrer eigenen Portfolio-Website predigt

Etch, ein App-Design-Studio mit Sitz in Canterbury, Kent, beschreibt sich selbst als '5 Designer, 2 Entwickler und 1 Person, die die Pennys zählen'. Das Studio arbeitet mit iOS, Android und dem Internet und ist auf UI-Design spezialisiert. Es praktiziert, was es auf seiner eigenen Portfolio-Website predigt.

Das Erscheinungsbild der Website hat einen unverwechselbaren Windows 8-Charakter, der sich aus einem verschiebbaren Raster aus farbigen Quadraten und einem sauberen, dünnen serifenlosen Typ zusammensetzt. Ein Streifen flacher Farbpiktogramme umfasst die Navigationsleiste und rundet den flachen Designeffekt schön ab.

05. Das

Beispiele für flaches Design

Task Manager Taasky ist stolz minimalistisch

Diese ziemlich klar gestaltete Task-Management-App ist stolz auf ihre Minimalität und stellt vor allem Einfachheit, Geschwindigkeit und Benutzerfreundlichkeit in den Vordergrund. In Taasky dreht sich alles um die Priorisierung von Aufgaben, mit der Begründung, dass wir am besten arbeiten, wenn wir uns auf eine Sache gleichzeitig konzentrieren - daher die größere Aufgabe mit der Priorität ganz oben auf der Liste.

06. Auto-Logos

Beispiele für flaches Design

Klicken Sie auf das Bild, um ein vergrößertes Bild der Logos zu sehen

Inspiriert vom Versagen des einfacheren Logos des Bekleidungsriesen Gap, des Designers Philadlj beschlossen, seine Hand auf die weltweit beliebtesten Auto-Logos zu richten. Er hat BMW, Fiat und Honda vereinfacht, die ursprünglichen Logo-Designs auf den Kopf gestellt und diese Reihe von reduzierten Angeboten neu interpretiert.

07. Facebook

Beispiele für flaches Design

Ein 'radikales' Update des Facebook-Logos

Dieses Logo muss nicht vorgestellt werden - aber hier ist eines. Monate vor der Veröffentlichung von iOS 7 veröffentlichte das soziale Netzwerk Facebook leise ein neues flaches Logo und Symbole (also nichts Vergleichbares) Dieses interessante 3D-Icon-Design wir entdeckten). Die meisten Benutzer hätten das neue Symbol neben dem Vorgänger untersuchen müssen, um Unterschiede festzustellen, aber das ist nicht der Punkt für eine Marke, die so stark ist wie Facebook.

08. Ford Mustang

Beispiele für flaches Design

Das neue Mustang-Logo zum 50-jährigen Jubiläum ist ein starker, minimaler Ausdruck der Marke

Das Logo zum neuen 50-jährigen Jubiläum von Ford Logo Design Für den dauerhaften Mustang wurde der Sportwagen von Designer Michael Thompson entworfen und folgt einem internen Designwettbewerb unter der Leitung von Chefdesigner J Mays. Das Logo lässt das vertraute, schmuddelige 3D-Galopppony mit Chromeffekt hinter sich und sorgt für eine flache Silhouette. Im Vorfeld des 50-jährigen Jubiläums des Autos am 17. April 2014 wurde die Must-Ware des Sohnes gezeigt.

09. Wunschliste

Beispiele für flaches Design

Aufgabenverwaltungs-App Wiselists nutzt flaches Design

Wiselist ist eine von vielen wunderschön gestalteten Aufgabenverwaltungs-Apps, die sich auf die flache Designästhetik stützen (wie Realmacs Clear). Sie wurde von Albert Pereta und Miguel Sanchez entworfen, die sie als 'nicht nur einfach, sondern auch weise' beschreiben. Jede der farbcodierten Kategorien enthält eigene Unter-Checklisten, Notizen oder sogar relevante Dateien, mit denen Sie die jeweilige Aufgabe erledigen können.

10. Lorenzo Verzini

Beispiele für flaches Design

Die Portfolio-Website von Lorenzo ist ein inspirierendes Schaufenster für flaches Design

Die hübschen kleinen animierten Symbole, die auf der Website von Designer Lorenzo Verzini verteilt sind - einschließlich eines blinkenden Auges, eines Schiebestifts und eines umgedrehten Tagebuchs - sind sehr grafisch und einfach gehalten, wobei eine vierfarbige Palette aus Rot, Blau, Weiß und Gelb das Design verbindet ordentlich zusammen.

Mochte dies? Lese das!

Was halten Sie vom flachen Designtrend? Wird es noch viel länger dauern? Lass es uns im Kommentarfeld unten wissen!