Flaches Design: Geschichte, Vorteile und praktische Anwendung. Flat Design: Vergangenheit, Gegenwart und Zukunft Geschichte des Flat Designs

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, robustem Minimalismus und visueller Vereinfachung dessen, womit wir als Benutzer interagieren Tag. Vereinfacht gesagt ist das Design „flach“ geworden: Im Gegensatz zu den konvexen Icons der Zeiten des rasanten Wachstums sozialer Netzwerke und des Web 2.0 werden wir heute zunehmend mit 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 auch auf erhebliche Unzufriedenheit bei erfahrenen Anwendern und Designern. 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 dies für Apple und iOS 7 bedeuten wird;
  • welche Auswirkungen dies einerseits auf Designer und andererseits auf Benutzer haben wird.

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

Der „Pendeleffekt“ bei der Vorhersage der Zukunft zeigt sich darin, dass die Menschheit von einer Seite zur anderen schwankt, wenn es in einer Frage zwei Extreme gibt. Dies gilt zweifellos für die Gestaltung interaktiver Systeme. Das flache und uninteressant primitive Web wurde einst durch umfangreiche webbasierte Schaltflächen ersetzt. Schnittstellenvisualisierungen haben ihren Höhepunkt an 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 machen Sie keine Witze darüber, wann flaches Design auch im Maschinenbau Einzug hält und uns flache Autos beschert :). Wenn keine Dekoration vorhanden ist, besteht die ganze Arbeit darin, mit dem Benutzer eine Stimmung mit Inhalten für ein bestimmtes Szenario zu erzeugen. Dieser Beruf wird mehr und mehr mit dem Regisseur gemein haben als mit dem Künstler. Nutzer hingegen erhalten neue Erfahrungen und neue Eindrücke. Persönlich war ich 4 Jahre lang ein iPhone-Anhänger, 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, Stockholm
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, ein Design hervorzuheben, 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 wollen. Heutzutage höre ich jedoch selten, dass jemand Design für mehr als flach oder skleromorph hält. Es ist ein bisschen traurig.

Warum bewegen sich Web und Mobilgeräte nur langsam in Richtung Flat Design? Ich sehe es so, dass es nur ein Trend ist. 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 das 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 diese Richtung einschlug und den berühmten 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. Sie sehen gut aus, aber sind sie gut benutzbar?

Was ich gestern Abend von Apple gesehen habe, war nur eine schlechte Kopie mehrerer interessanter 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 den „alten Apple“ von 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 sehen, wie Fans all diese weißen Designs und kreativen Farbverläufe übernehmen, aber ich glaube nicht, dass dieser Aspekt so wirkungsvoll sein wird wie die jüngsten Schließungen von Google. Aber wie dem auch sei, Apple war schon 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 bin ich ein wenig philosophisch, was diese Faszination für flaches Styling angeht. Es ist nicht das erste Mal, dass sich Designer für Minimalismus und künstliche Materialien interessieren. 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 Formenkontrast und die minimalistische Grafik sind seit jeher Ausdruck der Häufung innerer Konflikte innerhalb der Gesellschaft. Design ist nur ein Spiegel, der unsere innere Welt zeigt. Es ist zu viel los. 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 elektronische Hardware sind nur ein Schritt auf dem Weg zu etwas Natürlicherem und Menschlicherem. Mehr als nur ein weiterer Computer. Ich bin sogar traurig, dass Apple, das wusste, wie man in die Tiefe schaut, nicht mehr existiert.

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

Ich denke, dass Designer stark von der großen Anzahl von Gadgets mit unterschiedlichen Bildschirmgrößen und Auflösungen beeinflusst wurden – bei all dieser Vielfalt ist es einfacher, ein Design ohne Texturen, komplexe Schatten, die die Beleuchtung usw. richtig berücksichtigen, zu erstellen. Sie begannen mehr darüber nachzudenken, „wie man es für den Benutzer bequemer machen kann“ als „wie man schön zeichnet“. Der Inhalt steht im Vordergrund und bei unserer Arbeit ist es wichtig, ihn bestmöglich darzustellen.

Es scheint mir, dass sie hinter den äußeren Änderungen (flache Benutzeroberfläche, Symbole) insbesondere keine gravierenden Änderungen in der Benutzerfreundlichkeit bemerkt haben und wie sie über dieses Thema schimpfen. Wenn sie überprüfen, ob es funktioniert, werden sie sagen: „Ohhh, wie praktisch und warum haben sie das nicht schon früher gemacht?“ Ich hoffe, dass dies die Designer so beeinflussen wird, dass sie mehr auf die Benutzerfreundlichkeit der Benutzeroberfläche achten als auf Texturen und Schatten. Am Ende wird es möglich sein, den Kunden zu erklären, dass dies ein Trend ist :)

Ich denke, dass flaches Design die Benutzer nicht besonders beeinträchtigen wird – wenn es für sie bequem ist, Inhalte zu erstellen und zu konsumieren, wird es viele zufriedene Menschen geben. Aber die Icons auf dem Homescreen sind immer noch sauer :)

Pavel Grozyan, Kiew
Produktdesigner bei MacPaw, Grozyan

"Apfel! A-ha-ha, hör auf! - Die Designer schreien. - Hurra, es ist einfacher geworden. - Benutzer singen.“ Ich verstehe beide Standpunkte. Heute, nach der Präsentation von der WWDC2013, standen viele meiner Kollegen auf und sagten: „Scheiß auf diesen Beruf! Jeder kann jetzt so eine Dummheit zeichnen. Und diese Symbole für 30 $?!“ 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 und nur dann unterschieden In künstlerischen Details erinnere ich mich an die Zeiten, in denen die Jungs auf ihren LinkedIn-Profilen nervös den weißen Schatteneffekt von Websites wie Apple und dann von ihnen kopierten Ihre ganze Arbeit war Kopieren, da es kein originelles, einheitliches und praktisches Entwicklungskonzept für alle gab. Obwohl es mir falsch erscheint, es so zu nennen, ist es gut, dass Microsoft es getan hat nicht erfunden, und es wurde zehn Jahre vor dem digitalen Zeitalter im Verlagswesen gegründet.

Flat – es ist nicht für Klicks, es ist 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, wird es für alle einfacher sein, damit zu leben. Zunächst einmal an den Benutzer. Zweitens für den Ersteller: Es wird einfacher in der technischen Umsetzung, bequemer zum Klicken (Unterstreichen von Links – Hallo) und plattformübergreifend – die Kombination von Web, Mobilgeräten und Desktops 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, daher ist die Wahrscheinlichkeit, dass sie Erfolg haben, größer als umgekehrt.

In letzter Zeit erfreut sich ein bestimmter Stil bei der Gestaltung von Websites und Benutzeroberflächen großer Beliebtheit, der aufgrund der Stilisierung seiner Elemente als Flat bezeichnet wird.

Wenn Sie sich eine Website ansehen, die nach den Flat-Regeln erstellt wurde, sehen Sie keine Farbverläufe, keine Schatten, nicht den geringsten Hauch von Volumen oder Textur. Die Grundprinzipien des flachen Stils sind Einfachheit, Prägnanz und Minimalismus. Die wichtigsten Unterscheidungsmerkmale sind die Dinge, auf die Sie sich konzentrieren können – leuchtende, ungewöhnliche Farben, nicht standardmäßige Typografie, grafische Grundelemente.

Heutzutage nutzen immer mehr Designer diesen Trend in ihrer Arbeit, aber der Flat-Stil hat mit der Verbreitung der modernen mobilen Betriebssysteme Windows Phone und iOS 7 besonders an Popularität gewonnen, da sie Anhänger dieses Trends sind, sich ihm aber nicht anschließen es völlig.

Unser Unternehmen verfügt bereits über Erfahrung in der Erstellung von Websites im Flat-Stil und wir helfen Ihnen gerne bei der Erstellung einer Flat-Website!

In diesem Artikel beleuchten wir die Grundprinzipien des Flat-Designs, die Sie befolgen sollten, wenn Sie Flat als Hauptstil Ihres Projekts verwenden möchten.

Im Folgenden werden wir einige Websites analysieren und Beispiele nennen, die den flachen Stil verwenden.

1. Entfernen Sie alle Effekte

Das Grundprinzip des Flat Designs ist die Schaffung eines zweidimensionalen Bildes, das in sich bereits flach ist. Gleichzeitig müssen Sie alle Elemente entfernen, die dem Bild zumindest etwas Tiefe verleihen können: Farbverläufe, sanfte Übergänge, Schatten, Abschrägungen, Volumen, Texturen usw. Alle Elemente des Bildes haben harte Kanten und heben sich auch nicht von anderen Elementen des Bildes ab oder haben keine Tiefe.

Im Flat Design finden Sie keine Elemente, die versuchen, realistisch auszusehen (Skeuomorphismus), 3D-Animationen, realistische Symbole usw. Das Design selbst versucht jedoch, dem traditionellen zu ähneln, doch nun rücken Beschriftungen, Schaltflächen und Navigation in den Vordergrund.

Auf den ersten Blick mag eine Website im Flat-Design zu einfach erscheinen, obwohl sich dieser Stil tatsächlich durch eine klare Hierarchie der Elemente, eine praktische Platzierung aller Benutzerinteraktionstools und daher durch eine hohe Benutzerfreundlichkeit auszeichnet.

2. Verwenden Sie einfache Elemente

Um ihre Ziele im Flat Design zu erreichen, verwenden Designer Schaltflächen und Symbole. Sie sollten möglichst intuitiv und anklickbar sein. Wie alle anderen Oberflächenelemente sollten sie flach und einfach sein, ohne zusätzliche Effekte. Designer verwenden auch oft einfache geometrische Formen – Rechtecke, Kreise und Quadrate, sodass jede Form ein separates Objekt sein kann.

3. Konzentrieren wir uns auf die Typografie

Da Grafiken im Flat Design nach dem bisherigen Prinzip einfach sind, ist die Typografie – die Gestaltung von Beschriftungen – ein äußerst wichtiges Element. Im Flat Design steht neben den Knöpfen auch die Typografie im Vordergrund.

Schriftarten sollten lesbar sein und natürlich mit dem Design übereinstimmen, da bei einem einfachen Design extrem verzierte Schriftarten fehl am Platz wirken. Sie sollten jedoch keine gewöhnlichen Schriftarten verwenden; es ist besser, zu experimentieren und diejenige auszuwählen, die die Aufmerksamkeit des Benutzers erregt.

Sie könnten darüber nachdenken, eine einfache serifenlose Schriftart mit einer neuen Schriftart zu kombinieren, die als Kunstelement wahrgenommen wird. Schriftarten sollen dazu beitragen, dass das Design einfacher und klarer wird, während Schaltflächen und andere Elemente lediglich der Verbesserung der Interaktivität dienen sollen.

4. Machen wir mit Farbe auf sich aufmerksam

Farbe spielt im Flat Design fast die Hauptrolle. Wenn Sie die nach diesem Konzept erstellten Websites sorgfältig studieren, fällt Ihnen als Erstes die helle Farbpalette ins Auge. Es besteht normalerweise aus mehreren kontrastierenden reinen Farben (ohne Schattierungen), zwei oder drei, obwohl diese Zahl bis zu acht erreichen kann. Darüber hinaus werden alle diese Farben in der Regel gleichermaßen verwendet.

Die beliebtesten Farben sind Primär- und Sekundärfarben. Das heißt, die Primärfarben (Cyan, Magenta, Gelb, Schwarz) und diejenigen, die aufgrund ihrer Mischung entstehen. Auch bei der Gestaltung eines Flat Designs werden sehr oft Retro-Farben wie Lachs, Lila etc. in der Farbgebung verwendet.

5. Minimalismus

Flaches Design ist schlichter Natur und passt gut zu einem minimalistischen Ansatz.

Bei der Gesamtgestaltung der Website müssen Sie zu viel Schnickschnack vermeiden. Natürlich reichen einfache Farben und Text möglicherweise nicht aus. Wenn Sie visuelle Effekte hinzufügen möchten, müssen Sie daher einfache Fotos auswählen. Einige Einzelhandelsproduktseiten verwenden Flat Design, um ihre Produkte auf einem einfachen, nicht störenden Hintergrund zu platzieren.

Es ist zu beachten, dass einige Fotos eine natürliche Tiefe haben, sich aber im Allgemeinen in die gesamte Designebene einfügen

Flaches Design (flaches Design) ist ein beliebter Stil bei der Gestaltung von Websites und Benutzeroberflächen sowie Betriebssystemen, der sich durch Einfachheit, Raffinesse und Minimalismus auszeichnet. Flaches Design begann im Jahr 2010 als Gegenstück zum Skeuomorphismus an Popularität zu gewinnen.

Skeuomorphismus- ein physisches Ornament oder Designelement, das der Form eines anderen Objekts nachempfunden ist, aber aus anderen Materialien oder mit anderen Methoden hergestellt wird. Beispiele hierfür sind Töpferwaren, die mit Nietenimitationen verziert sind, um ähnlichen Töpfen aus Metall zu ähneln, oder ein Computerkalender, der das Aussehen der gehefteten Seiten eines Tischkalenders aus Papier imitiert (Definition von Wikipedia).

Die Popularisierung des flachen Stils im Design wurde durch die Veröffentlichung des Betriebssystems Windows 8 von Microsoft im Metro-Stil sowie iOS 7 erleichtert, bei dem Apple ebenfalls einen flachen Stil wählt. Danach beginnt die eigentliche Ära des Flat Designs. Bald stellen große Suchdienste und Anwendungen – Google, Youtube – auf Flat-Design um; viele Websites verwenden die Prinzipien des Flat-Styles in ihrem Design. In den letzten Jahren war Flat Design führend bei den globalen Website-Design-Trends.

Vorteile von Flat Design

  1. Praktikabilität- Durch die Verwendung von Flat Design können Sie die Anzahl der Stile, Skripte und Animationen minimieren, wodurch die Website schneller geladen wird.
  2. Einfach anzupassen- Das flache Design lässt sich leicht an verschiedene Bildschirmauflösungen anpassen.
  3. Benutzerfreundlichkeit- Dank des vereinfachten Stils ist es für Benutzer einfacher, Informationen auf der Website wahrzunehmen.
  4. Schönheit- Äußere Unvoreingenommenheit und schlichte Designs ermöglichen es Ihnen, sich auf ein Design zu konzentrieren, das Sie wirklich anspricht.

5 Prinzipien des flachen Website-Designs

Flaches Design ist keineswegs langweilig, wie es auf den ersten Blick scheinen mag. Dank ihrer Reinheit und Raffinesse können Designlösungen stilvoll und schön sein, ohne unnötigen Lärm, sodass Sie sich auf Ihr Produkt oder Ihre Dienstleistung konzentrieren können.

1 – Verwendung von 2D-Objekten

Flaches Design schließt die Verwendung von Elementen aus, die einem Objekt Tiefe und Volumen verleihen: Schatten, Farbverläufe, Glanzlichter, Texturen, Reflexionen, Animationen. Wenn ein Objekt abgebildet wird, werden nur seine Umrisse angezeigt.

2 – Symbole und einfache Objekte

Durch die Verwendung flacher Symbole und einsilbiger Formen mit klaren Umrissen und derselben Farbe können Sie das Design so weit wie möglich vereinfachen und leichter machen. Die Bedienelemente werden für den Benutzer intuitiv und fördern die Interaktion.

3 – Einfache Schriftarten im Designstil

Besonderes Augenmerk wird auf Typografie und Schriftarten im Flat Design gelegt. Auf Kursivschrift wird hier verzichtet; die Schriftart fügt sich nicht nur inhaltlich, sondern auch in der Navigation harmonisch in das Website-Design ein. Auch bei den Schriftarten für die Website wird der minimalistische Stil gefördert.

4 - Spiel der Farben

Flaches Design enthält mehrere Primärfarben, die die Verwendung sanfter Übergänge und Farbverläufe ausschließen, aber hell und kontrastreich zueinander sein können.

5 – Minimalismus

Beim Flat Design kommt es auf die Visualisierung von Elementen an, wobei die gesamte Breite des Bildschirms genutzt und gleichzeitig die Informationen minimiert werden.

Es gibt so etwas wie ein nahezu flaches Design. Dies ist eines der Flat-Design-Konzepte, bei dem einfache Elemente und zweidimensionaler Raum verwendet werden. Ein Beispiel hierfür wäre ein hochwertiges Foto, bei dem der Hintergrund unscharf oder abgedunkelt ist. Dadurch können Sie Tiefe und Perspektive des Objekts erzeugen.

Beispiele für flaches Design

Im Internet, auch im belarussischen Segment, finden Sie viele Beispiele für die Entwicklung von Websites mit flachem Design zu verschiedenen Themen, darunter Nachrichtenquellen, Portale und sogar Online-Shops.

Vor relativ kurzer Zeit ist eine Designrichtung wie FLAT-Design oder Flat-Design populär geworden.

Benutzer von Windows 8 und späteren Versionen sind mit dem FLAT-Design bereits vertraut, da sie beim Laden des Systems als erstes auf diesen Bildschirm stoßen.

Die Entstehung des FLAT-Designs ist auf die Verbreitung mobiler Anwendungen zurückzuführen. Und ich denke, das liegt daran, dass FLAT-Designobjekte mithilfe von Vektorobjekten erstellt werden und sich dementsprechend leichter an verschiedene Gadget-Plattformen anpassen lassen.

FLAT – Design weist folgende Merkmale auf:

Vollständige oder teilweise Ablehnung von Farbverläufen, komplexen Texturen und Schatten , worüber ich persönlich sehr froh bin. Ich habe keine Beschwerden über Schatten und liebe es, sie selbst zu verwenden, aber die ewigen Probleme mit der Verlaufsanzeige verschwinden.

Typografie, Geometrie treten in den Vordergrund. Vor allem, wenn es um Webdesign geht.

Harmonie und. Das Design verwendet eine begrenzte Anzahl von Farben. Hier ist ein Beispiel der beliebten FLAT-Designpalette.

Verwendung kreativer informativer Symbole.

Wie ich bereits sagte, ist FLAT-Design in mobilen Anwendungen sehr beliebt geworden, da sein Hauptmerkmal die Einfachheit des Layouts und die Anpassungsfähigkeit sind. FLAT-Design hat sich auch in Infografiken durchgesetzt, da es auf der harmonischen Wahrnehmung von Informationen durch den Einsatz konstruktiver Techniken der Typografie und Farbe basiert.

Der beliebteste Trend im Webdesign war einst Web 2.0. An seine Stelle ist nun das FLAT-Design getreten. Mode hat die Angewohnheit, auf das vergessene Alte zurückzugreifen, um daraus etwas Neues zu machen. Wer weiß, wann FLAT-Design aus der Mode kommt, aber genießen Sie erst einmal die Einfachheit, Harmonie und den Informationsgehalt des aktuellen Trends. Flaches Design war übrigens schon in den 80er-Jahren beliebt, damals allerdings aufgrund technischer Besonderheiten und der fehlenden Darstellung von Schatten und Verläufen. Und mittlerweile sind die meisten führenden IT-Unternehmen auf Flat Design umgestiegen.

Nun, auch wir werden uns an die sich verändernde Welt anpassen. Im nächsten Artikel zeige ich Ihnen, wie Sie mit einfachen Formen in Photoshop Symbole im FLAT-Stil erstellen können.

Wenn Sie an meinen Veröffentlichungen interessiert sind, empfehle ich Ihnen, sich über die neuesten Updates auf der Website auf dem Laufenden zu halten.

(2.333 Mal besucht, 1 Besuch heute)

Websites im Flat-Design-Stil sehen aus wie ein einfacher geometrischer Blockraum mit farbigen Akzenten (Symbole, Texthervorhebungen, Infografiken) mit einem Minimum an grafischen Details und ohne übermäßige Textinformationen. Wie sie sagen: „Minimalismus“ und nichts Überflüssiges.

Wie man keine flachen Symbole zeichnet

Mit den neuen Windows-Oberflächen ist das „flache“ Website-Design in Mode gekommen. Die wachsende Beliebtheit dieses Stils in Russland wurde durch die zunehmende Zahl autodidaktischer Webdesigner begünstigt, die nicht wissen, dass die Website-Oberfläche und die „Finger“-Oberfläche (Smartphones) nicht dasselbe sind (es ist einfach zu scrollen). mit dem Finger auf der Seite nach unten scrollen - im Gegenteil, man braucht viel Geduld und echtes Interesse, das Mausrad 3-4 Bildschirme nach unten zu drehen). Auf russischen Flat-Sites finden Sie häufig die folgenden Symbole:

Das Beispiel sind nur helle Farben, die nicht zueinander passen + Symbole von schlechter Qualität (ich habe das Beispiel aus einem kostenpflichtigen Set genommen, aber fast immer verwenden Freiberufler kostenlos heruntergeladene Icons aus verschiedenen Sets, die auch nicht zueinander passen).

Da unerfahrene Designer nicht in der Lage sind, qualitativ hochwertige Grafiken zu zeichnen, ergreifen sie leicht die Gelegenheit, alles zu vereinfachen. Gleichzeitig wird übersehen, dass ein Design im „Minimalismus“-Stil eine präzise hochwertige Ausarbeitung der Schnittstellendetails voraussetzt und nicht einfach die Platzierung von aus dem Internet heruntergeladenen Symbolen auf farbigen Quadraten im Windows 8-Stil (die jetzt zu finden sind). auf vielen vermeintlich „modernen Landingpages“).

Beispiel für gute flache Icons:

Farben und Icons sollten nicht nur miteinander kombiniert werden, sondern ein Ganzes bilden.

Probleme von minderwertigem Flat Design

1. Navigation und Benutzerfreundlichkeit

Das Netzwerk ist KEIN realer Raum. Um ein Gefühl für die Realität zu erzeugen und Ihren Standort zu verstehen, verwenden Websites daher „Breadcrumbs“ und Symbolbilder sind nah an realen Objekten angebracht, um ein schnelles Verständnis und eine einfachere Navigation zu ermöglichen. Am Symbol des Hauses ist also sofort klar, dass es sich um „Zuhause“ handelt, am Symbol des Mobilteils – dass es sich um ein Telefon handelt, am Korb – dass es sich um einen Korb handelt (wie im Supermarkt – alles ist klar). und einfach), ein Symbol mit einem Bild eines Geschenks - eines Geschenks usw. .

Allerdings vereinfachen neue Flat-Designer die Symbole oft zu sehr. Und je weiter Designer von intuitiven Bildern entfernt sind, desto schwieriger wird es für den Benutzer, diese zu interpretieren. Eine zu starke Vereinfachung erschwert manchmal die Navigation. Sobald sich alle daran machten, ein modisches, flaches Website-Design zu entwickeln und dabei europäische Designer zu imitieren versuchten, gerieten die einfachen Regeln der Benutzerfreundlichkeit in Vergessenheit.

2. Lange Plattfußbandagen

Die Seiten erstrecken sich über 3-4 Bildschirme, wobei der Platz nicht nur sparsam genutzt wird, sondern im Gegenteil übermäßig viel „Luft“ hinzugefügt wird. Gleichzeitig gibt es keine visuelle Motivation zum Scrollen – keine Chips, keine Animation. Wie die Entwickler beabsichtigten, Besucher für das Herunterscrollen der Seite zu interessieren, ist unklar. Denn im Vergleich zu Websites, auf denen alles kompakt ist, benötigen Footcloth-Websites viel Energie, um die Maus über den gesamten Bildschirm zu bewegen und zu scrollen.

3. Verwirrende Tasten

Auf flachen Standorten sind aktive Elemente nicht mehr erkennbar. Mit dem Aufkommen des Flat Designs wurden auch Knöpfe flach. Aber das visuelle Bild der Schaltfläche stammt von einer echten physischen Schaltfläche, und Schatten und Farbverläufe zeigen nur, dass „Sie hier definitiv klicken können“.

4. Schlecht gezeichnete Symbole

Aufgrund der mangelhaften Arbeit der Designer haben Icons auf Websites (das macht sich besonders auf Websites im Flat-Style bemerkbar) ihre vorhersehbaren Bilder verloren. Entweder aufgrund begrenzter Designbudgets oder aufgrund der Inkompetenz der Webdesigner selbst entsprechen Navigationselemente auf Websites häufig nicht den primären Assoziationen und sind „weit hergeholt“.

Ich gehe davon aus, dass die Arbeit zur Erstellung von Icons ungefähr so ​​abläuft: Gemäß den technischen Spezifikationen ist ein Icon „Individuelle Kundenansprache“ erforderlich. Persönlich habe ich das Bild eines Managers und zweier Kunden, die jeweils von einem Pfeil einer anderen Farbe geführt werden (ein blauer Pfeil führt zu einem blauen Kunden, ein roter Pfeil führt zu einem roten Kunden). Wenn ein Designer nicht zeichnen kann, sucht er in vorgefertigten Sets nach einem Symbol (im besten Fall kauft er es in einer Fotobank, im schlimmsten Fall lädt er es aus dem Internet herunter) und Verwenden Sie diejenige, die in ihrer Bedeutung am besten geeignet ist. Höchstwahrscheinlich wird es eine Ikone eines Mannes mit Krawatte oder einem Koffer sein. Im Allgemeinen ist er nicht sehr weit gegangen, aber dennoch wird bei der Gestaltung der Website deutlich, dass der Koffer für „Individuelle Herangehensweise an jeden“ und die Uhr für „10 Jahre auf dem Markt“ steht (habe ich übrigens tatsächlich gesehen). it!) – der Designer hat geschummelt.

5. Falscher Inhaltsfokus

Flaches Website-Design setzt einen Fokus auf den Inhalt voraus. Nun ja, klar: Wenn der Schwerpunkt nicht auf Grafiken liegt, dann auf Informationen. Doch wenn man sich die von russischen Webstudios angebotenen „modernen“ Flat-Style-Landingpages genau ansieht, wird dem Inhalt kaum Beachtung geschenkt. Nämlich:

  • Der Text wird willkürlich präsentiert. Es ist nicht klar, wie die Akzente darin gesetzt werden, woran man festhalten soll und was zweitrangig ist.
  • Es gibt kein Design als solches. Tabellen, Aufzählungen, Überschriften, Ankündigungen werden oft überhaupt nicht ausgearbeitet.
  • Oft blanker Text. Es gibt keine Bilder oder Symbole, die die Textblöcke visuell unterstützen. Dadurch steht weder die Grafik noch der Text im Vordergrund, sondern der „Stil“ selbst. Gleichzeitig gehen das Unternehmen und seine Angebote verloren.

Ist Flat Design für Websites überhaupt notwendig?

Beim Design der Schnittstellen für Smartphones ist alles klar – leicht, unkompliziert, einfach zu bedienen. Aber beim Website-Design im Flat-Stil habe ich persönlich eine große Frage: Ist es überhaupt effektiv?

Die meisten Kunden verstehen die Qualität von Grafiken nicht und lassen sich bei der Genehmigung eines Website-Designs von ihrem persönlichen Geschmack (Gefällt mir/Abneigung) leiten. Und hier spielt Mode eine Rolle.

Flaches Website-Design kann cool sein. ABER! Ein cooles Design erfordert eine wirklich hochwertige Gestaltung der Benutzerfreundlichkeit und grafischer Elemente sowie das Vorhandensein kreativer Funktionen und Effekte. Und wenn sie im Design fehlen, wenn es den Seiten an Originalität mangelt, wirken sie eintönig, leer und langweilig. Im Allgemeinen ist dies jetzt auf den meisten russischen Websites verfügbar.

Ein Beispiel für hochwertiges Flat Design:

Die Mode für flaches Website-Design ist wie jede andere Mode vorübergehend. Manche Menschen kreieren originelle, kreative Designs, andere kopieren sie und imitieren sie stilistisch, weil sie selbst nicht wissen, wie sie darauf kommen sollen. Und billige „Mode“-Seiten wachsen wie Pilze ...



 

Es könnte nützlich sein zu lesen: