Haben wir einen Namen für diese Art von „Flat Graphics“-Bildern?

Wie heißen diese Art von Bildern? Ich liebe diese Art von Grafik und sie ist so flach, was perfekt zu meiner aktuellen Produktentwicklung passt.

http://pinterest.com/pin/474777985686969567/

http://pinterest.com/pin/474777985686969553/

Haben wir einen Namen dafür? Ein Name erleichtert die Suche nach Beispielen und Anleitungen.

Sieht aus wie ein Piktogramm

Antworten (6)

Lustigerweise ist es als flaches Design bekannt, das normalerweise als Vektoren erstellt wird. Es wurde mit dem Aufkommen der Benutzeroberfläche von Windows 8 populär.

Weitere Beispiele finden Sie auf diesen Websites:

http://fltdsgn.com/

http://www.tumblr.com/tagged/flat%20design

http://pinterest.com/warmarc/flat-ui-design/

Dieser Stil ist von der Design-Community und der Presse 2012/2013 definitiv als „Flat Design“ bekannt.
Es gibt auch ein Argument, dass Flat Design „kein Trend oder ein neuer Trend ist. Es heißt einfach gutes Design“ – aber ich würde sagen, dass es als Stil mehr gibt, als nur wenige Verzierungen und Elemente zu haben oder minimalistisch zu sein. Wie 2012/13 verwendet, wird es tendenziell mit bestimmten Arten von Farbpaletten (z. B. satte Pastelltöne und kühle Grautöne wie im Beispiel in Frage), Kacheln, subtilen Überlagerungen, starken, soliden Farbblöcken und einem leicht blockigen Zeichenstil in Verbindung gebracht.

Dies wird als flaches Design bezeichnet, wie die frühere Antwort sagt.

Dieser Stil ist möglicherweise populärer geworden, seit die Leute angefangen haben, Retina-Displays in Betracht zu ziehen. Um die Dinge knackig zu machen, begannen Designer mit der Verwendung von SVG- und schriftbasierten Symbolen. Solch ein flacher Stil vereinfacht die Dinge und ist einfach zu skalieren. Das Endergebnis ist also ein großartig aussehendes Symbol oder eine Schnittstelle, die auf Retina-Displays und auch in kleineren Größen großartig aussieht.

Die wichtigsten Dinge in diesen Arten von Websites und Symbolen sind:

  1. Volltonfarben, dh keine Farbverläufe
  2. Wenn Schatten verwendet werden, werden sie nicht mit irgendeiner Unschärfe verwendet. Die Schatten sind ebenfalls flache Farben ohne Farbverläufe.

Weitere Details finden Sie unter diesen Links:

Ich würde es Vektorgrafiken nennen. Dieser Bildstil wird normalerweise in Adobe Illustrator erstellt.

Dies könnte sich auf diesen Stil der Vektorillustration beziehen, der von 2005 bis 2011 oder so groß war, der ungeschickterweise nicht wirklich einen Namen hatte und oft nur "Vektorstil" oder "Vektorzeichnung" usw. genannt wurde . Der Stil hier ist ein bisschen wie eine Weiterentwicklung dieses Stils.

Nenn es, wie du willst. :)

Wie viele gesagt haben, ist „Flat Design“ der Trendbegriff.

Aber im Allgemeinen sind es Symbole oder Piktogramme oder Strichzeichnungen oder was auch immer. Viele Namen können zutreffend sein.

Mehrere haben Vektor vorgeschlagen, aber Vektor ist ein Dateityp, nicht wirklich ein bestimmter Stil.

Und obwohl es in letzter Zeit mit Windows 8 / Google / iOS7 / Bootstrap / usw. populär geworden ist, ist es sicherlich nichts Besonderes Neues. Sehen Sie sich einige der frühen Betriebssystem-GUIs an: http://www.guidebookgallery.org/screenshots

Viele der frühesten Desktop-GUIs waren im Wesentlichen „Flat Design“. Damals hauptsächlich aufgrund technischer Einschränkungen. Da wir die Rechen- und Anzeigeleistung im Laufe der Jahrzehnte gesteigert haben, tendierten wir dazu, dies in unseren Icon-Designs bis zu dem Punkt zu nutzen, an dem wir vielleicht merkten, dass es ein wenig lächerlich wurde und dieser moderne Trend des Flat-Designs uns wirklich den Kreis schließt . ;)

Suchen Sie nach Flat UI

Flach ist hier definitiv das Schlüsselwort, aber speziell das Interface-Design war die Quelle der Wiederbelebung. Werfen Sie einen Blick auf das Flat UI-Kit für Twitter Bootstrap .

Geben Sie hier die Bildbeschreibung ein

Aber nicht ganz flach

Einige wichtige Komponenten dieses Trends sind seine Unebenheit. Zum einen die Tendenz zu langen 45°-Schatten . Das obige Flat-UI-Kit-Logo ist ein gutes Beispiel.

Geben Sie hier die Bildbeschreibung ein

Beachten Sie auch, dass die Farben trotz des ersten Eindrucks oft nicht rein flächig sind. Farbverläufe werden immer noch häufig verwendet, nur nicht so offen.

Gmail verfassen

Diese Frage wurde kürzlich auf GD.SE gestellt:
Wie erreiche ich einen Farbverlauf in Adobe Illustrator
? Wie kann ich meine flachen iOS-Symbole aufpeppen?

In „Almost Flat Design “ untersucht Matthew Moore prägnant die Unflachheit von Flach.

Diese Benutzeroberflächen halten sich größtenteils an die Flat-Design-Prinzipien von flachen Farben, ohne Schlagschatten und die Verwendung von Farbe, um bestimmte Benutzeraktionen zu fördern (z. B. die rote Schaltfläche „Verfassen“ in Gmail). Aber wenn Sie genau hinsehen, hat diese Schaltfläche zum Verfassen einen leichten Farbverlauf. Es ist ein Farbverlauf, der sagt: „Hey, ich bin ein Knopf, den du drücken kannst“, und nicht „Woah! Ich sehe aus, als wäre ich aus Süßigkeiten gemacht! Oh, und du kannst mich auch unter Druck setzen.“

Wo ist es hergekommen

Ich habe viele Leute gehört, die vermuten, dass die Metro-Benutzeroberfläche von Microsoft die Quelle war. Google bewegte sich vor dem großen Vorstoß von Microsoft schrittweise in diese Richtung. Android hat mit v4 die Einfachheit in der Grafik stark übernommen, und Googles „Apps“-Produktlinie ist dieser Ästhetik immer gefolgt, wenn auch in den letzten zwei Jahren auf ausgefeiltere Weise. Natürlich versucht Apple nun mit iOS 7 nachzuziehen .

Ich stimme Zivilkleidung zu, obwohl ich darüber gestolpert bin, wie die Leute bereits erwähnt haben; Es ist ein flaches Design . Ich würde es als einen modernen Trend in der Vektorgrafiken wahrnehmen, der eine bestimmte Farbpalette verwendet.