heim - Wohnungen
Grundprinzipien des Flat Designs. Flaches Design vs. Minimalismus mit 2D-Objekten

In diesem Artikel werde ich Ihnen etwas über flaches Design erzählen. Davon haben Sie bestimmt schon etwas gehört, denn Flat hat sich in den letzten Jahren zu einem der führenden Trends im Internet entwickelt.

Heute werden wir verstehen, was Flat Design ist, wie es entsteht und was Sie brauchen, um ein klares, helles und ansprechendes Design zu erstellen.

Gute Beispiele für Flat Design finden Sie unter http://market.envato.com/. Es gibt zahlreiche Layouts, Symbole und Vorlagen, die Ihnen eine klare Vorstellung davon vermitteln, wie modernes Design aussieht. .

1. Was ist Flat Design?

Flat Design ist ein moderner Stil der Benutzeroberfläche sowie des Grafikdesigns, der sich durch Minimalismus auszeichnet. Flaches Design zeichnet sich durch die Verwendung eines Minimums an Elementen und das Fehlen verschiedener Textur-, Schatten- und Lichteffekte aus, zum Beispiel: gemischte Farben, Farbverläufe, Glanzlichter usw.

Flach versus Skeuomorphismus( Skeuomorphismus ist ein Designprinzip, bei dem einem Produkt das Aussehen eines anderen gegeben wird, d. h. wenn verschiedene Schnittstellenelemente von realen Objekten kopiert werden - ungefähre Übersetzung.) , sowie reichhaltiges Design. Allerdings ist Flat Design gar nicht so einfach, wie es auf den ersten Blick scheint. Es enthält einige Merkmale des Skeuomorphismus, aber wir werden etwas später darüber sprechen.

Im Allgemeinen trägt Flat dazu bei, dass sich der Benutzer auf den Inhalt konzentrieren kann, ohne durch die visuelle Darstellung abgelenkt zu werden. Das flache Design betont die Einfachheit der Elemente und macht die Benutzeroberfläche gleichzeitig reaktionsschneller, angenehmer und benutzerfreundlicher.

2. Ein bisschen Geschichte

Wie Sie wissen, gab es flaches Design schon lange bevor es zu einem globalen Trend im Internet wurde. Flaches Design erfreute sich in den 80er Jahren großer Beliebtheit, da die Technik damals noch nicht weit genug entwickelt war, um komplexe Effekte, Texturen und Schatten zu unterstützen. Allerdings strebte das Design schon damals nach Skephomorphismus und versuchte, die Elemente der Benutzeroberfläche so realistisch wie möglich zu gestalten.

Flat Design, in der Form, wie wir es heute sehen, gewann an Popularität, nachdem Microsoft begann, Produkte im sogenannten Metro-Stil zu produzieren. Metro ist ein UI-Design von Microsoft, das durch seinen Stil und seine Einfachheit überzeugt.

In 2010 Microsoft veröffentlichte Windows Phone 7, das ein flaches Design mit scharfen Kanten und einfachen Grafiken verwendete, das von einem seiner frühen Produkte übernommen wurde. Microsoft (Zune). Später veröffentlichte Microsoft, inspiriert vom Erfolg, das Betriebssystem Windows 8, das auf dem gleichen flachen Metro-Stil basierte.

Schließlich erreichte das Flat Design 2013 mit der Veröffentlichung von Apple seinen Höhepunkt iOS 7 zeigt ein brandneues Design mit komplett neu gestalteten Elementen der Benutzeroberfläche, einschließlich Symbolen und Schriftarten. Apple erstellt visuelle Prinzipien des UI- und Icon-Designs .

Kurz darauf begann auch Google, den flachen Stil in seinen Apps und Webseiten zu verwenden und nannte ihn „Flat Style“. Material Design. Google hat diesem Stil sogar einen eigenen Abschnitt gewidmet, einschließlich einer Beschreibung der Ziele des Webdesigns, seiner Prinzipien und Anweisungen zum Erstellen verschiedener Designobjekte: Symbole, Layouts usw.

Seitdem ist Flat zu einem wichtigen Trend im Webdesign geworden und macht Websites, Anwendungen und Oberflächenelemente elegant, klar und stilvoll.

Somit gibt es weltweit drei Beispiele für Flat Design von Unternehmen, ohne die die moderne Welt der Technik kaum noch vorstellbar ist:

Das Metro-Design von Microsoft

Apple iOS 7-Design

Googles Materialdesign

3. Denken Sie an Sauberkeit

Flaches Design wird offenbar aufgrund des Fehlens von 3D-Elementen und realistischen Effekten wie Verläufen, Texturen, Lichtern, Mitteltönen und Schatten als „flach“ bezeichnet. Denken Sie daran, dass der flache Stil eine zweidimensionale (flache) Art der Darstellung von Objekten ist.

Darüber hinaus werden Objekte im Flat Design stark vereinfacht und stilisiert dargestellt.

Und manchmal werden sogar nur eine Silhouette oder Konturen eines Objekts verwendet, d. h. gerade genug, um das Objekt erkennbar zu machen, es aber nicht mit kleinen Details zu überladen.

Minimalismus ist heutzutage ein globaler Trend: Die Einfachheit der Formen und die Verwendung scharfer Kanten sorgen für ein klares und ansprechendes Design. Einfache Formen sind verständlicher und leichter zu verstehen. Dadurch bleibt das Design minimalistisch und sauber und es entsteht kein geschäftiges, unordentliches Aussehen.

4. Perfekt

Beachten Sie, dass Sie bei der Erstellung flacher Symbole und UI-Elemente dafür sorgen müssen, dass sie klar, ordentlich und pixelgenau aussehen, d. h. so viel wie möglich. Darüber hinaus gilt dies sowohl für Raster- als auch für Vektorgrafiken.

Bei Adobe Photoshop ist hier alles klar: Es arbeitet mit Rastergrafiken, die auf Pixeln basieren.

Das Programm Adobe Illustrator verwendet Vektorgrafiken, die aus Kurven und Linien, sogenannten Vektoren, bestehen, die durch mathematische Formeln gegeben sind.

Früher war Adobe Illustrator kein besonders praktisches Programm zum Erstellen pixelgenauer Grafiken. Die gute Nachricht ist, dass die neuesten Versionen von Illustrator zu einem großartigen Werkzeug zum Erstellen guter Grafiken geworden sind.

Ich muss sagen, dass bei Vektorgrafiken meist mit einfachen, flachen Formen, Volltonfarben und Rastern gearbeitet wird. Adobe Illustrator ist sehr flexibel und ermöglicht es Ihnen, das Raster an Ihre Bedürfnisse anzupassen, Objekte auszurichten und verschiedene Arten der Ausrichtung zu verwenden. Dies erleichtert die Erstellung des perfekten Designs, das auf jedem Display sauber und stilvoll aussieht. Wenn Sie lernen möchten, wie Sie perfekte Grafiken erstellen, dann sollten Sie den Artikel lesen: So erstellen Sie pixelgenaue Grafiken mit Adobe Illustrator .

5. Farbe

Eines der spezifischeren Merkmale des Flat Designs ist neben den Schatten die Verwendung von Farbe. Die meisten Farben, die das Flat Design in seinen Elementen verwendet, bestehen aus nur wenigen Grundfarben.

Farbe im Flat Design zeichnet sich durch Helligkeit, Sättigung und Saftigkeit aus.Das flache Farbschema ist nicht auf einige Sonderfarben beschränkt. Sie enthalten viele Farbtöne und ihre Wahl hängt nur davon ab, was Sie darstellen, ob es sich um Ikonen von Süßigkeiten oder um Objekte im Retro-Stil in einer raffinierten Retro-Palette handelt.

Nehmen wir an, Sie sind Benutzeroberflächendesigner und haben gute Kenntnisse im Umgang mit Farbpaletten. Sie experimentieren mit der Farbleiste in Photoshop und Illustrator und mischen die Farben nach Belieben. Dieser Prozess ist jedoch recht kompliziert und erfordert eine gute Intuition, Erfahrung und Fähigkeiten. Hier finden Sie einige Tools, die Ihnen bei der Erstellung Ihrer eigenen Farbpalette helfen können.

Einige davon eignen sich für alle Arten von Designs und Illustrationen, nicht nur für flache Designs. Zum Beispiel Adobe Color CC, besser bekannt als Cooler. Heute gibt es Zugriff darauf, sowohl über die Website als auch direkt über Adobe-Produkte. Der Kühler ist ein sehr flexibles Werkzeug, mit dem Sie entweder Ihre eigene Farbpalette erstellen oder aus benutzerdefinierten Paletten aus der Bibliothek auswählen können.

Ein weiterer einfacher und praktischer Farbpalettengenerator ist Coolors. Drücken Sie einfach die Leertaste und das Programm generiert eine Farbpalette, Sie können die Farben anpassen, es gibt auch eine Exportfunktion.

Es gibt mehrere andere ähnliche Dienste mit benutzerdefinierten Paletten, die nützlich sein können. Es gibt jedoch ein Tool, das speziell für flaches Design entwickelt wurde. FlatUIColors.com von Designmodo ist ein Dienst mit einer Reihe „flacher“ Farben, mit denen man sehr bequem arbeiten kann. Diese Website ist bei Designern, die nach einer guten Farbauswahl für perfekte Designs suchen, sehr beliebt geworden. Versuch es!

Und Sie können eine größere Auswahl an Farben und Paletten finden Googles Materialdesign-Leitfaden.

6. Lange Schatten

Wie bereits erwähnt, zeichnet sich Flat Design durch Schlichtheit und viel Freiraum aus – daher lehnt Flat den Einsatz jeglicher Effekte ab. Allerdings gibt es einen Effekt, der spezifisch für das Flat Design ist. Dieser Effekt ist zu einem Trend und einem charakteristischen Merkmal der Wohnung geworden.

Wir sprechen jetzt von langen Schatten. Sie weisen einige typische Merkmale auf, die diesen Effekt erkennbar machen, nämlich eine 45-Grad-Neigung und eine große Größe (der Schatten kann um ein Vielfaches länger sein als das Motiv selbst). Dadurch verleihen lange Schatten der Wohnung einen gewissen Tiefeneffekt.

Dieser Effekt macht das Objekt dreidimensionaler, belässt es aber gleichzeitig im Kontext eines flachen Designs.

7. Arbeiten mit Schriftarten

Typografie spielt im Flat Design eine große Rolle. Oft wird der Text zum Hauptelement der Komposition.

Flat verwendet normalerweise einfache Schriftarten, die das gesamte Design sauber und lesbar machen. Wenn Sie Adobe-Produkte verwenden, finden Sie in Adobe Typekit viele kostenlose Schriftarten. Auf Font Squirrel finden Sie auch viele gute kostenlose Schriftarten. Vergessen Sie jedoch nicht, die Lizenz zu lesen, wenn Sie die Schriftart für kommerzielle Zwecke nutzen möchten.

Im Flat Design ist es meist üblich, Großbuchstaben und kontrastierende Farben zu verwenden, um den Text besser lesbar zu machen.

Verwenden Sie Schriftarten mit Bedacht und denken Sie daran, dass sie das Design betonen und dazu passen und nicht wie ein separates Element aussehen sollten. Dies bedeutet nicht, dass Sie keine Serifenschriftarten oder kursiven komplexen Schriftarten verwenden können. Denken Sie daran, minimalistisch zu sein und alles im Gleichgewicht zu halten. Flat verwendet jedoch immer noch häufiger serifenlose Schriftarten, da diese strenger und ordentlicher aussehen.

8. Vor- und Nachteile von Flat Design

Obwohl Flat Design aufgrund seiner vielen Vorteile so beliebt geworden ist, gibt es für Designer bei der Verwendung dieses Stils immer noch einige Nachteile. Schauen wir uns die Vor- und Nachteile an.

Profis

Popularität

Flaches Design ist zu einem Trend geworden, der immer mehr positive Rückmeldungen von Designern und Webdesignern erhält, und es scheint überhaupt nicht an Boden zu verlieren. Im Gegenteil, es verbreitet sich immer mehr, nimmt neue Formen und Merkmale an und wird immer kreativer.

Einfachheit

Das flache Design ist schlicht, minimalistisch und klar. Flat on the Web hilft Benutzern, sich auf den Inhalt zu konzentrieren, anstatt sich von visuellen Elementen ablenken zu lassen. Das funktioniert auch bei mobilen App-Oberflächen: Ein klares Design mit großen Tasten sorgt für ein perfektes mobiles Erlebnis.

Helligkeit

Farbe ist ein weiteres cooles Plus im Flat Design. Helle und satte Farben wirken attraktiv und sauber, und das Fehlen von Farbverläufen macht das Design stilvoll. Darüber hinaus wirken solche reinen Farben positiver, vorzeigbarer und flaches Design sorgt für die richtige Stimmung.

Mängel

Flach hat viele weitere Vorteile, aber kein Design ist perfekt und wir können es nicht idealisieren. Hier sind einige Nachteile des Flat Designs, die wir erwähnen müssen:

Reaktionslosigkeit

Manchmal erschwert das Fehlen wichtiger Details oder visueller Effekte die Erstellung einer benutzerfreundlichen Oberfläche, was im Allgemeinen dazu führt, dass das gesamte Design nicht mehr reagiert. Nicht alle Flat-Nutzer fühlen sich wohl, denn es kann schwierig sein, auf einer Webseite Elemente zu finden, die man anklicken oder auf dem Bildschirm eines Mobiltelefons antippen muss, weil sie nicht interaktiv sind.

Probleme mit der Typografie

Wie bereits erwähnt, eignet sich nicht jede Schriftart für ein flaches Design. Manchmal sieht eine so satte Schriftart mit scharfen Kanten wirklich ausgewogen und stilvoll aus. Allerdings kann eine falsche Wahl der Schriftart dazu führen, dass das gesamte Design zerstört wird. Man muss ein wirklich gutes Gespür dafür haben, welche Schriftarten für Flat geeignet sind und welche nicht. Mangelnde Erfahrung macht die Auswahl einer Schriftart sehr schwierig.

Schwache Optik

Aufgrund von Einschränkungen bei der Verwendung von Effekten, Farben und Schriftarten wirkt „Flat“ möglicherweise zu einfach und kalt. Sein Minimalismus kann auch sein größter Nachteil sein – andere flache Designs sehen am Ende genauso aus wie Ihres. Daher ist es sehr schwierig, Ihre Symbole oder Webseiten anders aussehen zu lassen als das Design einer anderen Person, da Sie dieselben vereinfachten Formen, begrenzten Farbpaletten und ähnliche Schriftarten verwenden. Dadurch kann flaches Design mit der Zeit langweilig werden.

9. Zukünftige Flat-Design-Trends

Man kann nicht sagen, dass flaches Design vollständig geformt ist und auf seine eigene Art und Weise gestoppt wird. Vielleicht liegt es an den oben genannten Mängeln, dass flaches Design dazu neigt, sich zu entwickeln und zu verändern, neue Merkmale zu erwerben und die visuelle Ausdruckskraft zu verbessern.

Wenn Sie sich das letzte Beispiel für flaches Design genau ansehen, können Sie erkennen, dass dies tatsächlich der Fall istNach und nach verlässt er seine strengen Werkzeuge und beginnt, subtile Effekte wie Farbverläufe, Schatten, Beleuchtung und andere visuelle Effekte hinzuzufügen.

Diese kleinen Details verleihen Flat-Designs etwas Tiefe, ohne übermäßig detailliert zu sein, wie es bei skeuomorphen Designs der Fall ist. Diese kleinen Verbesserungen machen Flat reaktionsfähiger und komfortabler und sorgen für ein frisches Aussehen, wodurch Flat flexibler und vielseitiger wird.

Dadurch verliert Flat nicht seine Eigenschaften, sondern wird interessanter und flexibler- Es geht ihm wirklich besser.

Schlussfolgerungen

Daher haben wir einige Fakten aus der Geschichte des Flat Designs besprochen und über Farben, Formen und Typografie gesprochen. Wir haben verschiedene Standpunkte betrachtet, uns mit den Vor- und Nachteilen von Flat befasst und einige der wichtigsten Prinzipien für die Erstellung von gutem Design kennengelernt.

Ich hoffe, Sie haben aus diesem Artikel etwas Neues gelernt oder fanden ihn zumindest interessant. Sie sollten Flat Design ausprobieren, wenn Sie es noch nicht getan haben.

Was gibt es denn sonst noch zum Thema Flat Design zu sagen?

Wenn Sie Flat mit seinen scharfen Kanten, satten Farben und klaren Schriftarten, seiner Sauberkeit und seinem Minimalismus wirklich mögen, dann entscheiden Sie sich dafür!

Es liegt im Trend, aber wie bei jedem anderen Grafikstil sollten Sie sich nicht auf eine Technik beschränken. Wenn flach im Trend liegt, bedeutet das nicht, dass Sie in Ihrem Projekt keine anderen Stile verwenden können. Skeuomorphismus mit seinen winzigen Details und Texturen kann ebenfalls eine gute Lösung sein. Denken Sie vor allem daran, dass das Design für jedes Projekt anders ist. Es muss seinen Geist, seinen Zweck und sein Wesen zum Ausdruck bringen und gleichzeitig praktisch und funktional bleiben. Nach vorne!

Vom Autor: Ich grüße euch, Freunde! Heute werden wir darüber sprechen, was Flat Design oder flaches Website-Design ist. Dieser Begriff hat die Herzen der Webdesigner längst erobert und liegt immer noch zuversichtlich im Trend. Die größten Unternehmen (Google, YouTube, Microsoft, Apple Inc. usw.) verwenden es zur Gestaltung ihrer Websites und Anwendungen. Gehören Sie immer noch nicht zur Sekte der Befürworter des flachen Website-Designs? Dann kommen wir zu Ihnen!

Was ist Ihrer Meinung nach der Grund für die rasante Beliebtheit von Flat Design? Ich antworte Ihnen kurz und bündig: Es funktioniert wirklich! In diesem Artikel erkläre ich Ihnen, was dieser Stil ist, erzähle Ihnen von seinen Vor- und Nachteilen und zeige Ihnen einige tolle Beispiele für flaches Website-Design, die Sie sicherlich zu Heldentaten inspirieren werden. So lass uns gehen!

Alles begann mit Skeuomorphismus

Für diejenigen, die es nicht wissen: Skeuomorphismus ist kein Schimpfwort, sondern ein anderer Stil des Webdesigns. Flaches Design wird oft als das Gegenteil von Skeuomorphismus dargestellt, was meiner Meinung nach nicht ganz richtig ist. Dabei handelt es sich eher um eine Vereinfachung als um einen Antagonismus.

Bis 2010 war Skeuomorphismus der vorherrschende Stil im Interface-Design. Er stellte Elemente so dar, wie sie in der Realität aussahen, und nutzte dabei aktiv Texturen, Schatten, Reflexionen und andere Attribute eines dreidimensionalen Bildes. Besonders bemüht in dieser Hinsicht war Apple, das die meisten Softwareobjekte sorgfältig von realen Objekten kopierte.

Bald waren pseudo-erhabene Symbole für die meisten Benutzer und Webentwickler nicht mehr attraktiv, was die Ära des flachen Website-Designs einleitete. Die Welt kam zu dem Schluss, dass alle dekorativen Elemente entfernt werden sollten und nur das übrig bleiben sollte, was für den Endbenutzer praktisch ist, um damit zu interagieren.

„Das beste Design ist so wenig Design wie möglich“

Wie Dieter Rams ins Wasser blickte – ein bekannter Industriedesigner, der aufdringliches Design, Animationseffekte etc. ablehnt. Im Juni 2013 hat Apple Inc. stellte das revolutionäre iOS 7 vor, das alle Attribute im Stil des flachen Webdesigns erhielt. Allerdings konnte das Flugzeug den Realismus und die Lautstärke nicht sofort „besiegen“.

Benutzer konnten die Magie von Steve Jobs und die Symbole, „die man ablecken möchte“, lange Zeit nicht vergessen. Viele verabschiedeten sich sogar von den „elenden Sieben“ und stiegen auf „strahlendes Android“ um. Eine große Anzahl von Fehlern, die in iOS 7 vorhanden waren, und ein weißliches, durchscheinendes Design mit Parallaxe und Animationen in Form von „Rotz“ beim Öffnen von Anwendungen heizten das Feuer zusätzlich an.

Diejenigen, die sich mit der unvermeidlichen Realität abgefunden haben und beim Betriebssystem „Apple“ geblieben sind, haben am Ende erkannt, dass flaches Webdesign nicht nur interessant aussieht, sondern auch Ordnung und einen einzigen visuellen Stil in alle Anwendungen bringt.

Vor- und Nachteile von Flat Design

Zu den Vorteilen dieses Stils gehören:

Klarheit der Komposition und Prägnanz der visuellen Mittel. Responsive Oberfläche im Stil von „Nichts mehr“, sodass Benutzer schnell erkennen, was sie ihnen mitteilen möchten;

Konzentrieren Sie sich auf gute Typografie. Der Inhalt steht an erster Stelle, was bei der heutigen Informationsfülle äußerst wichtig ist;

kleinere Webseiten und schnellere Website-Leistung aufgrund der minimalen Anzahl visueller Effekte. Dies ist besonders bei der Erstellung adaptiver Versionen hilfreich, denn je einfacher die Formulare, desto besser lassen sie sich auf kleinen Bildschirmen mobiler Geräte darstellen.

Flaches Webdesign hat auch Nachteile:

Beschränkung der Vorstellungskraft des Webdesigners auf vereinfachte Farben, Typografie und Ikonografie. Daher ist das Risiko höher, eine langweilige und ausdruckslose Website zu erstellen;

Aufgrund der fehlenden Dreidimensionalität und Schatten lässt sich manchmal nicht erkennen, ob das Element anklickbar ist oder nicht.

Mangel an spezifischen festen Regeln.

Wenn Sie sich für die Verwendung dieses Stils auf Ihrer Website entschieden haben, herzlichen Glückwunsch – dies zeigt, dass Ihnen die Benutzerfreundlichkeit am Herzen liegt und Sie mit der Zeit gehen. Wenn Sie als Webdesigner gerade erst anfangen und nicht wissen, wie Sie Flat Design richtig einsetzen, damit Ihre Website relevant, aber nicht primitiv aussieht, finden Sie hier einige Tipps:

Vergessen Sie „Ziegelwände“ und helle Hintergründe. Beim flachen Webdesign werden häufig einfache, glatte und weiche Hintergrundbilder verwendet.

Moderne Trends und Ansätze in der Webentwicklung

Lernen Sie den Algorithmus für schnelles Wachstum beim Erstellen von Websites von Grund auf kennen

Keine Farbverläufe, 3D-Symbole, animierte Übergänge oder andere Spezialeffekte. All dies wird Ihre Website schwer und pingelig machen – brauchen Sie das?

Verwenden Sie flache Symbole mit klaren Umrissen, die für mehr Komfort und Funktionalität sorgen.

Verwenden Sie eine helle, saftige Farbpalette. Jetzt liegt der Trend bei Tönen des Sonnenspektrums: helles Gelb, Rosa und Grün. Die Hauptsache ist, es nicht zu übertreiben – es sollten nicht mehr als 3 Farben auf der Seite sein.

Konzentrieren Sie sich auf Typografie. Flaches Design bevorzugt helle, originelle Beschriftungen, die einen Aufruf zum Handeln schaffen und eine einfache Navigation auf der Website ermöglichen. Auch hier ist es wichtig, es nicht zu übertreiben. Vergessen Sie „handschriftliche“ und andere ausgefallene Schriftarten. Sie können Großbuchstaben verwenden, um Überschriften hervorzuheben.

Fühlen Sie sich frei, verschiedene geometrische Formen zu verwenden. Quadrate, Kreise, Linien und andere Formen tragen nicht nur zur Verbesserung der Struktur der Website bei, sondern schaffen auch eine klare Hierarchie und separate Inhalte. Die Benutzer werden es zu schätzen wissen, glauben Sie mir.

Vereinfachen Sie das Navigationsmenü und andere Elemente der Website so weit wie möglich. Verwenden Sie als Schaltflächen normale Rechtecke ohne Schatten und Lichter.

So sind Websites mit flachem Design im Laufe der Jahre zum Standard geworden, der von absolut jedem akzeptiert wird. Schauen Sie sich die meisten modernen Websites an – sie sind „bis auf die Knochen“ flach.

Abschließend werde ich die versprochenen Beispiele für gelungenes Flat Design nennen, die Ihnen als Inspiration für die Schaffung Ihrer eigenen Meisterwerke dienen können.

1. Website http://dunked.com.

Eine beliebte Plattform zur Veröffentlichung von Portfolios, die sich an Vertreter verschiedener kreativer Berufe richtet. Das minimalistische, flache Webdesign erweckt das Gefühl eines zuverlässigen und verständlichen Dienstes, der nicht durch unnötige Spezialeffekte ablenkt.

2. Microsoft-Schnittstelle.

Microsoft ist eines der Unternehmen, die Flat Style so beliebt gemacht haben. Vielleicht erinnern Sie sich an den Zune-Player – den iPod-Konkurrenten, den Microsoft Mitte der 2000er Jahre herausbrachte? Daher unterschied sich das Design dieses Produkts stark von den meisten Anwendungen dieser Zeit, was hauptsächlich auf große Typografie, flache Symbole und große und helle Formen zurückzuführen war.

Diese Schnittstelle, die Metro genannt wurde, wurde später auf PCs (Betriebssystem Windows 8), die Xbox 360-Schnittstelle und andere Mircosoft-Softwareprodukte migriert.

3. Website http://www.vox.com.

Na, bist du inspiriert? Nieder mit der pseudorealistischen 3D-Ästhetik!

Das ist alles. Abonnieren Sie unsere Artikel und teilen Sie sie mit Freunden in sozialen Netzwerken. Hohe Conversions für Sie!

Moderne Trends und Ansätze in der Webentwicklung

Lernen Sie den Algorithmus für schnelles Wachstum beim Erstellen von Websites von Grund auf kennen

Der mobile Apps und Websites entwickelt, für uns eine Kolumne geschrieben und alles in Sachen Flat- und Materialdesign in den richtigen Rahmen gebracht hat.

Im Großen und Ganzen ist der Unterschied zwischen flachem Design (Flat Design) und Materialdesign (Material Design) subtil. Für jemanden, der keine tiefgreifenden Kenntnisse im Grafikdesign hat, können sie tatsächlich sehr ähnlich erscheinen. In diesem Artikel werde ich versuchen, einige der Unterschiede zwischen ihnen zu beleuchten. Sie erwerben zusätzliche Kenntnisse, die so notwendig sind, um die Feinfühligkeit des Designers nicht versehentlich zu verletzen.

Ein bisschen Geschichte

Bevor wir über die Unterschiede zwischen den beiden beliebtesten Designtrends sprechen, wollen wir herausfinden, woher sie kommen. Es gibt die Meinung, dass Materialdesign auf der Grundlage von Flachheit entsteht. Woher kam damals das Flat Design?

Skeuomorphismus

Wenn es um Benutzeroberfläche und Webdesign geht, bezieht sich das Konzept des Skeuomorphismus auf einen Ansatz, dessen Hauptidee die Nachahmung ist. Ohne zu sehr ins Detail zu gehen, erinnern wir uns einfach an die Benutzeroberflächen von Apple vor iOS 7 mit ihren „realistischen Texturen, Beleuchtung und anspruchsvollen Effekten“.

Der Versuch, digitale Objekte wie ihre realen Gegenstücke aussehen zu lassen, wurde mit der Notwendigkeit gerechtfertigt, die Benutzerinteraktion mit dem Gerät zu erleichtern. Tatsächlich dominieren aus diesem Grund seit vielen Jahren alle Schnittstellen mit realistischen Texturen die digitale Welt. Das skeuomorphe Design hat den Benutzern einen nahtlosen Übergang von der realen Welt in die digitale Welt erleichtert.

Mit dem Aufkommen mobiler Technologien wird es jedoch immer notwendiger, sich in erster Linie auf Komfort und Benutzerfreundlichkeit zu konzentrieren. Stimmen Sie zu, dass in diesem Bereich die Notwendigkeit, mobile Lösungen zu schaffen, auf die von verschiedenen Geräten aus zugegriffen werden kann, exponentiell wächst. In diesem Moment wird Einfachheit zum neuen Designstandard.

Hinweis: Denken Sie auf keinen Fall, dass der Skeuomorphismus vollständig verschwunden ist. Es wird häufig in Spielen verwendet, bei denen es darauf ankommt, eine realistische Welt zu schaffen und den Spielern zu helfen, ihren Charakter zu spüren, damit sie in den Spielablauf eintauchen können.

flaches Design

Dieser Stil verzichtet völlig auf dreidimensionale Objekte. Grob gesagt gibt es im Flat Design keine Stilelemente wie Schlagschatten, Texturen, Farbverläufe, sondern es wird auf das Spiel von Schriftarten, Farben und Symbolen geachtet. Aber warum war das alles notwendig? Die Antwort ist einfach.

Erstens verkürzt das flache Design die Seitenladezeiten erheblich. Das Fehlen „schwerer“ skeuomorpher Details (stellen Sie sich vor: Ebenen, Serifen, Verläufe) macht flache Designelemente „leichter“, was wiederum die Ladezeiten deutlich beschleunigt. Darüber hinaus sehen flache Elemente auf Bildschirmen mit hoher und niedriger Auflösung gleichermaßen ansprechend aus.

Zweitens können einfache Bilder den Nutzern Ihre Idee schneller vermitteln als detaillierte Abbildungen: Sie sind skizzenhaft und daher recht einfach zu verstehen.

Und natürlich können flache Icons mit einer relativ einfachen Schriftart die Aufmerksamkeit der Nutzer auf wirklich wichtige Inhalte lenken.

Heutzutage hat Flat Design wohlverdiente Anerkennung erhalten, aber es verlief immer noch nicht ohne Probleme. Das offensichtlichste Beispiel für solche Probleme war die Veröffentlichung von Windows 8 durch Microsoft. Dieses Betriebssystem gilt als Pionier des Flat Designs und unterstützt das Metro-Designkonzept. Was zu Problemen führte, war, dass das Unternehmen es für notwendig hielt, der Typografie mehr Aufmerksamkeit zu schenken als den eigentlichen Grafiken.

Die Ergebnisse des von der NN Group durchgeführten Windows 8-Benutzerfreundlichkeitstests zeigten, dass Benutzer Schwierigkeiten hatten, anklickbare Objekte von nicht anklickbaren zu unterscheiden. Benutzer haben sich darüber beschwert, dass Objekte, die statisch aussehen, tatsächlich anklickbar sind. Infolgedessen scheiterte die Hauptaufgabe des Unternehmens, Benutzern bei der korrekten Interpretation des Systems zu helfen.

Ein weiteres Unternehmen, das oft mit Flat Design in Verbindung gebracht wird, ist Apple. Sie haben sich von skeuomorphen Designelementen im 2013 veröffentlichten mobilen Betriebssystem iOS 7 verabschiedet. Diesmal wurde der Übergang etwas besser angenommen, vor allem weil das Unternehmen nicht versuchte, das UI-Konzept komplett zu überarbeiten, sondern nur ein paar Änderungen in Richtung Flat Design einfügte. Dies gab Benutzern die Möglichkeit, das Produkt zu nutzen und sich dabei auf ihre bisherigen Erfahrungen mit Betriebssystemen und Websites zu verlassen.

Material Design

Um es gleich vorweg zu sagen: Materialdesign ist eher ein Markenprodukt als ein spontaner Designtrend, der breite Akzeptanz gefunden hat. Das unterscheidet es grundsätzlich vom Flat Design.

Wenn ich Materialdesign als „Signatur“ bezeichne, meine ich, dass es eine ganze Reihe klar definierter Empfehlungen und Prinzipien enthält, denen jeder Designer mit Selbstachtung folgt. Es liegt auf der Hand, warum Google sein Material Design eingeführt hat: Es bestand die Notwendigkeit, das Design zu vereinheitlichen, damit Anwendungen auf allen vielen Android-Geräten gleich aussehen.

Obwohl recht funktional, gilt flaches Design immer noch als schwer verständlich. Die Wahrheit ist, dass flache Objekte auf dem Bildschirm Benutzer verwirren können (insbesondere diejenigen, die keine Erfahrung mit Mobil- und Weboberflächen haben). Daher versucht das Materialdesign, die Elemente des Skeuomorphismus zurückzubringen, allerdings in einer stark vereinfachten Form. Die Bilder wirken vor allem bei den Farben flach, sind aber dank der Z-Achse dennoch mehrdimensional.

Mit anderen Worten: Materialdesign kann als verbesserte Version des Flat Designs mit Elementen des Skeuomorphismus – Animation, Schatten und Ebenen – bezeichnet werden. Auf diese Weise können Sie das Produkt in Bezug auf die Navigation intuitiver gestalten und unnötige Komplexität in Bezug auf den Stil im Allgemeinen vermeiden.

Vor- und Nachteile von Flat Design

Lassen wir die Geschichte der Stilentwicklung hinter uns und wenden wir uns etwas Wichtigerem zu: Listen Sie die Stärken und Schwächen des Flat Designs auf.

  • Minimalismus und Stil
  • Intuitivität. Es wird Ihnen leichter fallen, Ihre Idee den Benutzern zu vermitteln.
  • Zeit und Ressourcen sparen. Seiten werden viel schneller geladen, bei geringerem Bandbreitenverbrauch.
  • Konzentrieren Sie sich auf den Inhalt. Eine Benutzeroberfläche ohne unnötige Details, die von wirklich wertvollen Informationen ablenken können.
  • Es sieht auf verschiedenen Geräten gleich gut aus, egal ob PC- oder Smartphone-Browser.
  • Beschleunigt den Designprozess einer Website oder Anwendung, indem unnötige Designdetails entfernt werden.
  • Minimalistischer Stil.
  • Ziemlich intuitiv. Materialdesign wird für erfahrene Benutzer und Anfänger gleichermaßen leicht zu verstehen sein.
  • Mäßiger Skeuomorphismus. Dank der Verwendung der Z-Achse (Googles einzigartiges Konzept) sieht alles realistischer aus.
  • Es gibt eine Reihe von Handbüchern, die ständig aktualisiert werden. Daher kann sich jeder Designer jederzeit an sie wenden, wenn im Arbeitsprozess Schwierigkeiten auftreten.
  • Animationen für Weblösungen sind erwünscht. Es ist nicht nötig, Sie daran zu erinnern, wie sehr Menschen Bewegung lieben. Darüber hinaus können Sie durch Animationen die Benutzeroberfläche verständlicher und intuitiver gestalten.
  • Hat einen Besitzer (Google). Daher sollten alle Fragen und Verbesserungsvorschläge an den Eigentümer gerichtet werden.
  • Aufgrund der Z-Achse kann der Entwurfsprozess länger dauern.
  • Animierte Elemente erfordern mehr Ressourcen.
  • Die strikte Einhaltung von Richtlinien kann die Originalität eines Designs einschränken.

Zusammenfassen

Tatsächlich sollte nicht davon ausgegangen werden, dass einer der betrachteten Designansätze einen eindeutigen Vorteil gegenüber dem anderen hat, da flache und materielle Stile nebeneinander bestehen. Sie sind beide wahnsinnig beliebt und weisen keinen übermäßigen Realismus auf. Materialdesign ist der Nachfolger von Flat, während Flat Design selbst eine Reaktion auf zu schwere und realistische Lösungen war. Materialdesign fügte etwas hinzu, von dem sich Flat Design immer zu entfernen versuchte – ein bisschen Skeuomorphismus. Eines wird sich zwischen diesen Ansätzen jedoch immer unterscheiden: Material Design ist ein patentiertes Produkt von Google, und Flat Design ist das Ergebnis einer Verschmelzung mehrerer Designpraktiken, die vor allem auf allgemeine Einfachheit abzielt.

Tatsächlich hat sich das flache Design in den letzten Jahren stark weiterentwickelt, von einem völlig „flachen“ Stil zu einem „halbflachen“ Stil. Es ermöglicht jetzt die Verwendung von Ebenen und subtilen Schatten, um Objekte tiefer erscheinen zu lassen, als sie zuvor wirkten. Wir sind also glückliche Zeitgenossen des Flat Design 2.0.

Schließlich steht Ihnen nichts im Wege, diese beiden Ansätze zu kombinieren, um ein wirklich funktionelles und benutzerfreundliches Produkt zu schaffen. Lassen Sie sich also von den Flat- und Materialdesign-Gurus inspirieren und machen Sie sich an die Arbeit!

Wenn Sie einen Tippfehler finden, markieren Sie ihn und drücken Sie Strg + Eingabetaste! Um mit uns in Kontakt zu treten, können Sie verwenden.

Flaches Design (Flat Design) ist heute einer der Haupttrends, sowohl im Bereich Webdesign als auch in den Benutzeroberflächentechnologien. Von den jüngsten Beispielen wäre das bemerkenswerteste: Der entscheidende Schritt von Microsoft in diese Richtung mit Windows 8 und dem neuen Design von Google, der deutlich den Wunsch zeigt, sich mit dem Minimalismus zu befassen.

Hier sind Beispiele für Elemente, die definieren.

Leben nach Web 2.0

In Form abgerundeter Formen von Elementen mit allen möglichen Effekten – 3D, Schatten, Glanzlichter und Reflexionen, Farbverläufe, Prägungen. Kurz gesagt, alles, was Tiefe und Volumen erzeugt. Große, helle Steuerelemente, Glanz, Texturen und andere ähnliche Erscheinungsformen weichen einer einfachen, zweidimensionalen Darstellung visueller Objekte.

Float-Design

Typografie ist das Herzstück des Stils

Beachten Sie, dass dies die Grundlage für den Aufbau einer „flachen“ Site ist. Die Einfachheit der Flat-Designelemente sowie die Prinzipien des Minimalismus selbst unterstreichen die Bedeutung der Typografie. Grundsätzlich ist es möglich, einige der umfangreichen Grafiken oder Bilder durch Textinhalte zu ersetzen. Heutzutage ist Typografie auf vielen Websites zu einem Design geworden. Da Flat Design oft minimalistisch ist, muss die Art der Schriftarten natürlich auf das Gesamtschema, den Stil und die Komposition abgestimmt sein. Beispielsweise wird für Elemente oder Überschriften häufig die Großschreibung verwendet.

Coderwall

Lesen Sie auch: 12 Grundfarben und Beispiele ihrer Wahrnehmung durch Benutzer

flache Design-Farbpalette

Auch beim Flat Design geht es um die Erweiterung der Farbvielfalt. Webdesigner nutzen zunehmend die Farbpalette, um vielleicht das Hauptprinzip des Designs umzusetzen: Die Website sollte sich von ihrer eigenen Art unterscheiden.

Minimaler Affe

Freiraum, große Elemente

Von Anfang bis Ende ist es minimalistisch aufgebaut, das heißt, es übernimmt seine Grundprinzipien: große Inhaltsblöcke, große Elemente, Freiraum, keine unnötige Aufregung und Anmaßung.

Bartdesign

Flache Design-Ikonen, Knöpfe, Illustrationen

Auch Schaltflächen, Icons, Icons und Illustrationen erhalten eine 2D-Optik. Sie sollten zum vorgegebenen Stil auf allen Seiten der Website passen, die Stimmung der Website selbst vermitteln und für jeden Benutzer leicht verständlich sein.

Die Auswahl einer Farbe für Symbole, wie auch für die Symbole selbst, ist keine leichte Aufgabe. Es können reine Farben verwendet werden. Um das Design zu verschönern, müssen Sie darüber nachdenken, wie Sie die Website benutzerfreundlich gestalten können. Einerseits ist es wichtig, den Stil nicht zu brechen, andererseits ist es notwendig, die Symbole sichtbar zu machen. Bei den Illustrationen streben wir nach Minimalismus und vermeiden die früher so beliebten 3D-Effekte.

Lesen Sie auch: Über 20 inspirierende Websites mit flachen Illustrationen im Design

Beispiele für flache UI-Website-Vorlagen

Beispiele für Websites im Flat-Design-Stil

Identität

83 Designkollektiv

Verrückt

Die Umbrella-Gruppe

Slcl-Stiftung

Mein Filz

Behzad

Atlant

Einfach wie Milch

Weranda-Familie

Wir wissen nicht, ob Sie es bemerkt haben oder nicht, aber in letzter Zeit (insbesondere im letzten Jahr) gab es im Webdesign auf der ganzen Welt einen klaren Trend hin zu Vereinfachung, hartem Minimalismus und visueller Aufhellung dessen, womit wir als Benutzer täglich interagieren. Vereinfacht gesagt ist das Design „flach“ geworden: Im Gegensatz zu den erhabenen Icons der Zeiten des rasanten Wachstums sozialer Netzwerke und des Web 2.0 werden wir heute zunehmend von einfachen Icons neuer Dienste begrüßt. All dies hat seinen Namen – flaches Design. Keine Wohnung, sondern Wohnung.

Mit der gestrigen Präsentation des neuen mobilen Betriebssystems iOS 7 bestätigte Apple endgültig die rasant wachsende Beliebtheit dieses Trends und erfreute traditionell einige seiner Fans, stieß aber bei erfahrenen Anwendern und Designern auch auf erhebliche Unzufriedenheit. Was ist los? Was nützt dieses flache Design und braucht die Welt es wirklich? Wir haben beschlossen, uns an Experten aus der Ukraine und dem Ausland zu wenden.

Wir haben sie gebeten, drei Hauptfragen zu beantworten:

  • Warum sich die Welt im Web und auf Mobilgeräten dem Flat Design zuwendet und was es ist;
  • was es für Apple und iOS 7 bringen wird;
  • welche Auswirkungen es einerseits auf Designer und andererseits auf Benutzer haben wird.

Denis Sudilkovsky, Kiew
Spezialist für Interaktionsdesign, Produzent von Prodesign.in.ua

Der „Pendeleffekt“ bei der Vorhersage der Zukunft zeigt sich darin, dass die Menschheit von einer Seite zur anderen springt, wenn es in einer Frage zwei Extreme gibt. Dies gilt zweifellos für die Gestaltung interaktiver Systeme. Das flache und uninteressant-primitive Netz verwandelte sich einst in voluminöse Netz-Doppelknöpfe. Schnittstellenvisualisierungen haben ihren Höhepunkt des Realismus erreicht und das Pendel schlägt in die entgegengesetzte Richtung – flach und einfach.

Was hat Apple davon? Es wird seinen Platz im Trend behalten und Hunderttausende von Kommentaren belegen, dass ihr iOS Android sehr ähnlich wird.

Designer müssen sich weiterentwickeln (und keine Witze darüber machen, wann flaches Design in die Technik Einzug hält und uns flache Autos beschert :). Wenn keine Dekorationen vorhanden sind, besteht die ganze Arbeit darin, gemeinsam mit dem Benutzer die Stimmung des Inhalts für ein bestimmtes Szenario zu erzeugen. Dieser Beruf wird immer mehr mit dem Regisseur als mit dem Künstler zu tun haben. Im Gegenteil, Benutzer erhalten neue Erfahrungen und neue Eindrücke. Persönlich war ich vier Jahre lang ein iPhone-Experte, aber diesen Frühling habe ich mein Telefon aus einem einzigen Grund auf Android umgestellt: Ich hatte die eintönige Idealität der Apple-Oberfläche satt.

Daniel Bruce
Senior Digital Creative, danielbruce.se

Zunächst möchte ich darauf hinweisen, dass mir der Begriff „Flat Design“ nicht gefällt. Seit Jahrhunderten ist das meiste Grafikdesign „flach“. Ich denke auch, dass es Ihre Möglichkeiten einschränkt, großartige Designs zu entwerfen, wenn Sie zwischen flach und etwas anderem wählen müssen. Design kann viel mehr sein. Fröhlich, hell, dunkel, positiv, minimalistisch – Sie können es nennen, wie Sie möchten. Aber heute höre ich selten, dass jemand Design als etwas anderes als flach oder skleromorph betrachtet. Es ist ein bisschen traurig.

Warum bewegen sich Web und Mobilgeräte langsam in Richtung Flat Design? Ich sehe das so – es ist nur ein Trend. Ich habe noch nie Artikel über die Vorteile von Flat Design in Benutzeroberflächen gesehen und bin immer noch nicht davon überzeugt. Schlichtes und klares Design – ja, aber es ist nicht dasselbe wie „flach“. Schauen Sie sich zum Beispiel Google an. Sie machen keine völlig flachen Designs, aber sie – und ich teile diesen Punkt – sehen immer noch die Notwendigkeit einer gewissen Tiefe und Abwechslung.

Ich war sehr überrascht, als Microsoft vor einigen Jahren diesen Weg einschlug und den bekannten Metro-Stil vorstellte. Tatsächlich verwendeten sie Grafikdesign für große Schilder, die die Menschen aus bestimmten Entfernungen betrachten und nie mit kleinen Bildschirmen mit einer großen Anzahl von Elementen interagieren. Es sieht gut aus, aber sind sie gut benutzerfreundlich?

Was ich gestern Abend von Apple gesehen habe, war nur eine schlechte Kopie einiger der coolen Designs, die im letzten Jahr auf Websites wie Dribbble und Behance aufgetaucht sind. Ich habe nichts Neues gesehen – außer dass es sich bei weitem nicht um denselben „alten Apple“ Steve Jobs handelt. Das Unternehmen hat gezeigt, dass es beim Design mobiler Benutzeroberflächen nicht an der Spitze steht. Natürlich werden wir in den nächsten Monaten erleben, wie Fans all diese weißen Designs und kreativen Farbverläufe übernehmen, aber ich glaube nicht, dass dieser Aspekt einen so großen Einfluss haben wird wie die jüngsten Schließungen von Google. Aber andererseits war Apple, was auch immer es war, immer ein Trendsetter und eine Inspiration für viele Menschen, mich eingeschlossen.

Normale Benutzer mögen helle Farben.

Ivan Klimenko, Kiew
Designer mobiler Schnittstellen, 5tak.com

Im Großen und Ganzen verfolge ich eine eher philosophische Herangehensweise an diesen Flat-Style-Trend. Es ist nicht das erste Mal, dass Designer von Minimalismus und künstlichen Materialien fasziniert sind. Alles vergeht.

Die Bauhaus-Ära der 20er und 30er Jahre brachte einen großen Beitrag zum Design, doch dennoch konnten die tonale Strenge und Künstlichkeit dem Wunsch und dem inneren Drang der Menschen, umgeben von natürlicheren Dingen zu existieren, nicht standhalten.

In den 60er Jahren begann dann jeder, Plastik zu bewundern.

Möbel, Geschirr und sogar Kleidung bestehen alle aus Kunststoff. Es schien, dass dies eine neue Hoffnung für die Menschheit war, aber auch hier nicht – die Menschen kehrten sehr schnell zu natürlichen Formen oder Kopien natürlicher Materialien zurück.

Der harte Kontrast von Formen und minimalistischer Grafik ist seit jeher Ausdruck der Häufung innerer Konflikte innerhalb der Gesellschaft. Design ist nur ein Spiegel, der unsere innere Welt zeigt. Es gibt zu viele Dinge. Das Leben beschleunigt sich sehr und wir haben einfach keine Zeit, über irgendetwas nachzudenken und nachzudenken. Wir haben oft keine Zeit, einfach nur zu leben.

Minimalismus und all diese elektronischen Eisenteile sind nur ein Schritt auf dem Weg zu etwas Natürlicherem und Menschlicherem. Mehr als nur ein weiterer Computer. Ich wünschte sogar, dass Apple, das tief sehen konnte, nicht mehr existiert.

Olesya Grichina, Kiew
UI-Designer bei Componentix, Twitter: elendiel

Ich denke, dass Designer stark von einer großen Anzahl von Gadgets mit unterschiedlichen Bildschirmgrößen und Auflösungen beeinflusst wurden – bei all dieser Vielfalt ist es einfacher, Designs ohne Texturen, komplexe Schatten, die die Beleuchtung korrekt berücksichtigen usw. zu erstellen. Sie begannen mehr darüber nachzudenken, „wie man es für den Benutzer bequemer macht“ und nicht „wie man schön zeichnet“. Inhalte sind alles und bei unserer Arbeit ist es wichtig, diese bestmöglich darzustellen.

Es scheint mir, dass sie hinter den externen Änderungen (flache Benutzeroberfläche, Symbole) nicht besonders gravierende Änderungen in der Benutzerfreundlichkeit bemerkt haben und wie sie auf dieses Thema schwören. Wenn sie es in der Arbeit überprüfen, wird es anfangen: „Oh, wie praktisch und warum haben sie es nicht schon früher gemacht.“ Ich hoffe, dass die Designer so beeinflusst werden, dass sie mehr auf die Benutzerfreundlichkeit der Benutzeroberfläche achten als auf Texturen und Schatten. Am Ende wird es den Kunden möglich sein zu erklären, dass das im Trend liegt :)

Ich denke, dass die Nutzer von Flat-Designs nicht besonders betroffen sein werden – wenn es für sie bequem ist, Inhalte zu erstellen und zu konsumieren, wird es viele zufriedene Nutzer geben. Aber die Icons auf dem Homescreen sind immer noch sauer :)

Pavel Grozyan, Kiew
Produktdesigner bei MacPaw

Apfel! Ah ha ha, hör auf! - Schreiende Designer. - Hurra, es ist einfacher. - Benutzer singen. „Ich verstehe beide Standpunkte. Heute, nach der Präsentation von WWDC2013, standen viele meiner Kollegen auf und sagten: „Komm schon, dieser Beruf! So eine Dummheit kann jetzt jeder zeichnen. Und diese Icons für 30 Dollar?“ !". Und auf den ersten Blick haben sie Recht, aber wenn man tiefer gräbt, erkennt man, dass es Tausende von Objekten gibt, die sich lange Zeit nur im Verwendungsszenario, dann in der Form, dann in der Farbe voneinander unterschieden. und erst dann in künstlerischen Details. Ich erinnere mich an die Zeiten, als all diese Leute auf LinkedIn, auf deren Profilen heute UX, UI Designer steht, nervös den weißen Schatteneffekt auf den Buchstaben kopierten. Wie Apple. Dann Licht- und Lichtseiten. Wie Apple. Dann reichhaltige Texturen und realistische Schnittstellen. Wie Apple. Ihre gesamte Arbeit war das Kopieren, weil es kein originelles, einheitliches und praktisches Entwicklungskonzept für alle gab. Dies ist genau die Aufgabe, die Flat Design heute löst. Obwohl es falsch erscheint, es so zu nennen .Es ist gut, dass Microsoft nicht darauf gekommen ist, sondern über zehn Jahre vor dem digitalen Zeitalter im Verlagswesen gegründet wurde.

Flat – es ist nicht für Klicks, sondern für Klicks, Taps, Taps. Flach kann man es nicht nennen – das Fehlen „dicker“ Texturen und Schatten auf den Tasten macht es eher vereinfacht und ohne visuelle Aggression. Und auf Farbverläufe für Schaltflächen kann man nicht verzichten. Ich unterstütze diesen Trend. Wenn es die Qualität des Benutzererlebnisses nicht beeinträchtigt, ist es für alle einfacher, damit zu leben. Zunächst einmal an den Benutzer. Zweitens an den Ersteller: Es wird einfacher in der technischen Umsetzung, bequemer zum Anklicken (unterstrichene Links – Hallo) und plattformübergreifend – die Kombination von Web, Mobil und Desktop in einem einzigen Erlebnis. Ohne Zweifel ist dies ein mutiger Schritt für Apple. Und nur sie können darüber entscheiden. Ihre Geschichte hat Dutzende von Bestätigungen, also werden sie Erfolg haben und nicht umgekehrt.

 


Lesen:



Wasserozonisatoren Installation „Ozone M“ für ein Landhaus

Wasserozonisatoren Installation „Ozone M“ für ein Landhaus

Eine der neuesten Methoden, Wasser von gesundheitsschädlichen Verunreinigungen zu reinigen, ist die Ozonung. Die Verwendung dieser Methode bringt viel...

Effiziente und einfache Möglichkeiten, Räume zu heizen: Infrarotheizungen Raumheizlampen

Effiziente und einfache Möglichkeiten, Räume zu heizen: Infrarotheizungen Raumheizlampen

Auf den Märkten und in Fachgeschäften finden Sie Infrarot-Miniheizungen, die gewöhnlichen Glühlampen ähneln. Aber sie...

Medizinische Geräte für die Rehabilitation

Medizinische Geräte für die Rehabilitation

Die komplexesten Verletzungen, Schlaganfälle, DPC und Rückenmarksverletzungen führen häufig zu neurologischen Störungen. Sich von schweren Verletzungen erholen...

Gängige Sorten roter Kartoffeln

Gängige Sorten roter Kartoffeln

» Kartoffelsorten Kartoffeln gelten seit langem als die beliebteste in Russland angebaute Kulturpflanze. Überlegen Sie im Artikel, welche Sorten am besten sind ...

Feedbild RSS