Drücke die Tasten ◄ ► für weitere Artikel  

Die richtigen Farben fürs Flat-Design

Flat-Design ist aktuell der angesagteste Trend im Bereich des Web- und UX-Design. Wer nicht auf Vorgefertigtes und Templates vertrauen, sondern selbst den digitalen Pinsel schwingen möchte, muss sich auch über die Farbwahl seines Projektes Gedanken machen. Ein Leitfaden bei den Kollegen von Designmodo hilft dabei.

Die richtigen Farben fürs Flat-Design

Flat-Design ist so populär wie nie

Vor kurzem erst hat das Magazin Designmodo.com ein sehr nützliches Design-Kit mit Ressourcen zum Thema Flat-Design veröffentlicht. Da der Stil vollkommen auf dreidimensionale Effekte wie Schlagschatten verzichtet, ist es umso wichtiger, eine eingängige Farbpalette zur Gestaltung zu wählen. Designmodo gibt deswegen nun einige nützliche Tipps zur Farbwahl beim Flat-Design. Wir haben diese hier in aller Kürze zusammengefasst:

Die Seite FlatUIColors.com bietet einige Beispiel-Farbpaletten für's Flatdesign. (Screenshot: FlatUIColors.com)
Die Seite FlatUIColors.com bietet einige Beispiel-Farbpaletten für's Flatdesign. (Screenshot: FlatUIColors.com)
  • Setze auf mutige und helle Farben
  • Viele Farben: Drei, vier oder mehr Farben gehen in Ordnung
  • Versuche Farben mit einer ähnlich hohen Sättigung zu wählen
  • Entscheide dich für einen Stil:
    • Bunt und modern
    • Gedeckter und im Retro-Stil
    • Ein Farbton monoton abgestuft und sehr ordentlich
Ein weiteres Beispiel für den Design-Trend Flat-Design.
Ein weiteres Beispiel für den Design-Trend Flat-Design.

Bei Designmodo werden die Aspekte jeweils ausführlicher dargestellt. Ihr solltet also unbedingt den Original-Text lesen. Außerdem verweist die Autorin noch auf eine nützliche Seite namens FlatUIColors.com, die eine sehr angenehme Farbpalette für das Flat-Design bereithält. Weitere Kombinationen findet ihr im Original-Text.

Weiterführende Links

281 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
16 Antworten
  1. von auweia am 27.04.2013 (11:34Uhr)

    "fürs"

  2. von web frontend | Annotary am 27.04.2013 (12:25Uhr)

    [...] from Patrick Kohan: Rezepte lang: Javascript gaming renovierung Sort Share t3n.de       0 minutes [...]

  3. von Fred am 27.04.2013 (21:26Uhr)

    Nö. Für das --> für's stimmt schon. Du machst ja auch nicht aus do not dont.

  4. von Ano am 27.04.2013 (22:28Uhr)

    @Fred:
    Don't = Englisch
    fürs = Deutsch (ans, ins, ums ...)

  5. von Rico Weigand am 28.04.2013 (10:33Uhr)

    @Ano @Fred Bevor ihr euch hier weiter an solch Kleinigkeiten stört, möchte ich mich einmal beim Autor bedanken. Eine Farbpalette mit diesen Farben habe ich nämlich schon eine ganze weile gesucht, aber bis zu diesem Artikel nicht gefunden. (keine Ahnung warum, vielleicht auch einfach nicht den richtigen Suchbegriff eingegeben :) )

  6. von Matze am 29.04.2013 (08:08Uhr)

    Deutsche Rechtschreibung mit dem Englischen begründen... Der Wahnsinn :D:D Macht Sinn m(

    Zum "Artikel": Mal wieder schon Links gefunden und drei Sätze dazugeschrieben. Das nenne ich Qualität...

  7. von Moritz Stückler am 29.04.2013 (10:11Uhr)

    Danke für den Hinweis auf den Rechtschreibfehler. Es muss natürlich „fürs“ heißen...

  8. von Flat Design: Webdesign-Trend setzt auf E… am 14.06.2013 (11:45Uhr)

    [...] Die richtigen Farben fürs Flat-Design – t3n News [...]

  9. von Vergesst Flat-Design, Fancy CSS Buttons… am 22.06.2013 (15:18Uhr)

    [...] Die richtigen Farben fürs Flat-Design – t3n News [...]

  10. von WP Stacker link collection: August with… am 20.08.2013 (12:31Uhr)

    […] Die richtigen Farben fürs Flat-Design: Vor kurzem erst hat das Magazin Designmodo.com ein sehr nützliches Design-Kit mit Ressourcen zum Thema Flat-Design veröffentlicht. Da der Stil vollkommen auf dreidimensionale Effekte wie Schlagschatten verzichtet, ist es umso wichtiger, eine eingängige Farbpalette zur Gestaltung zu wählen. – by Moritz Stückler – Tags: wordpress – http://t3n.de/news/richtigen-farben-furs-461082/ […]

  11. von wordpress relevant links: 20 08 2013 wit… am 20.08.2013 (12:41Uhr)

    […] Die richtigen Farben fürs Flat-Design: Vor kurzem erst hat das Magazin Designmodo.com ein sehr nützliches Design-Kit mit Ressourcen zum Thema Flat-Design veröffentlicht. Da der Stil vollkommen auf dreidimensionale Effekte wie Schlagschatten verzichtet, ist es umso wichtiger, eine eingängige Farbpalette zur Gestaltung zu wählen. – by Moritz Stückler – Tags: wordpress – http://t3n.de/news/richtigen-farben-furs-461082/ […]

  12. von 20-08-2013 my wordpress links | casinpiu am 20.08.2013 (18:16Uhr)

    […] Die richtigen Farben fürs Flat-Design: Vor kurzem erst hat das Magazin Designmodo.com ein sehr nützliches Design-Kit mit Ressourcen zum Thema Flat-Design veröffentlicht. Da der Stil vollkommen auf dreidimensionale Effekte wie Schlagschatten verzichtet, ist es umso wichtiger, eine eingängige Farbpalette zur Gestaltung zu wählen. – by Moritz Stückler – Tags: wordpress – http://t3n.de/news/richtigen-farben-furs-461082/ […]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Tweet
  • webpeople (@webpeople_de): Die richtigen #Farben fürs #FlatDesign. http://t.co/1oEoggtlSy
  • um auch hier zu erscheinen!
Mehr zum Thema Flat Design
Flat Design: 15 User-Interface-Kits zum Download
Flat Design: 15 User-Interface-Kits zum Download

Flat Design ist ein klarer Trend für 2013. Mit diesen User-Interface-Kits erstellen Webworker Apps und Webseiten im Flat-Style. » weiterlesen

Flat Design: So könnte OS X Mavericks aussehen
Flat Design: So könnte OS X Mavericks aussehen

Der Designer Stu Crew hat ein interessantes Designkonzept zu OS X Mavericks vorgelegt. Dabei folgt er dem Flat-Design-Trend, der sich schon in Apples iOS 7 manifestiert hat. » weiterlesen

Flat-Design: 15 kostenlose Icon-Sets für dein Projekt
Flat-Design: 15 kostenlose Icon-Sets für dein Projekt

Der Flat-Design-Trend hält ungebrochen an. Selbst Apple als Vertreter des Skeumorphismus passt das User-Interface des neuen iOS 7 dem minimalistischen Look an, und auch im Web finden sich immer mehr. ... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen