Produktkonfigurator im Shop-Einsatz
0621 586 799 21
Produktkonfigurator im Shop-Einsatz MENU   ≡ ╳
  • Leistungsangebot
    • Produktkonfigurator
    • Angebotskonfigurator
    • Produktvisualisierung
    • Visuelle Konfiguration
    • Vertrieb & Angebot
    • Verwalten & Organisieren
    • Preisberechnung & Checkout
  • Services
    • Beratung
    • Entwurf
    • Finanzierung
    • Werkschau
    • Referenzen
  • Learning
    • Getting Started
    • Nutzen von Produktkonfiguratoren
    • Arten von Produktkonfiguratoren
    • Mass Customization
  • Design
    • Design Prinzipien
    • Frontend-Design
    • UX-Design
    • User Feedback messen
  • Programmierung
    • Implementierung
    • Prototyping
    • Shop-Produktkonfigurator
    • Ablauf
Skip to content

Farben

By Tobias GüntherDesign Prinzipien7. Februar 20207. Februar 2020

Das Google Mateiral Design definiert einen Farbkatalog und klassifiziert Helligkeitsstufen, damit Hintergrundfarben (auch Primärfarbe genannt) mit Vordergrundfarben (auch Akzentfarbe genannt) nahezu beliebig kombiniert werden können. Primärfarben werden mit einer mittleren Helligkeit angelegt (Stufe 500), während Akzentfarben stark gesättigt und hell sind (Stufe A100 bis A300).

  1. Produktonfigurator.shop»
  2. Produktkonfigurator erstellen»
  3. Entwerfen & Designen»
  4. Design Prinzipien»
  5. Farben»
Konsistent (rechte Abbildung) genutzt Hintergrundfarbe (rosa), Akzentfarbe (lachs-rot) und Sekündarfarbe (zwei verschiedenen Blautöne) erzeugen ein stimmiges Bild, während die ungeschickte Farbwahl der linken Abbildung wenig Interesse weckt, den Dialog zu erkunden.

Primärfarbe

Hintergrundfarben nehmen flächenmäßig einen großen Raum ein. Diese sind daher von Sättigung und Kontrast abgemildert, um das Auge nicht zu überlasten. Sie sollen den eigentlichen Inhaltselementen zudem nicht die Show zu stehlen.

Akzentfarbe

Alle wichtigeren Bestandteile eines Dialogs (Call-2-Action Button), wichtige Kennzahlen, Dialoge, die der Aufmerksamkeit des Users nicht entgehen dürfen, werden mit der sehr gesättigten und hellen Akzentfarbe versehen.

Sekundärfarbe

Zu Akzent- und Sekundärfarbe nach etablierten psychologischen Farbmodellen passend, wird die Sekundärfarbe verwendet, um weniger wichtige Elemente voneinander zu separieren (z.b. die Balken in der Abbildung rechts).

Tagged: Akzentfarbe, Helligkeit, Material Design, Primärfarbe, Sättigung, Sekundärfarbe

SERVICES

  • Beratung
  • Finanzierung
  • Entwurf
  • Prototyping
  • Implementierung
  • Werkschau
  • Referenzen

TOPICS

AIDA AIDA-Modell Alleinstellungsmerkmal Amazon Angebot Authentifizierung Backend BPMN-Diagramm BSI Builder Corporate Design CRM Customizer design E-Commerce eMail Emotionalität Endgerät Foto Frontend GUI Icon Kaufabschluss KI Kombinationsregel Kosten Layout Lead Login Logo Navigation One-Page-Layout Ordnung PDF Preiskampf Produktbild Produktdetail Produktvariante Schatten Slider Tab Usability User Experience Variantenmanagement Vertrieb

LEISTUNGSANGEBOT

  • Produktkonfigurator
  • Visuelle Konfiguratoren
  • Produktvisualisierung
  • Angebotskonfigurator
  • CPQ configure price quote
  • Variantenmanagement
  • Vertriebskonfigurator
  • Checkout

LEARNING

  • Mass Customization
  • Nutzen von Produktkonfiguratoren
  • Arten von Produktkonfiguratoren
  • User Feedback messen
  • Getting started

KONTAKT

Kundenberater & Geschäftsführer
Dr. Tobias Günther

tobias.guenther@elaspix.de
0621 586 799 21

Copyright © ELASPIX IMPRESSUM DATENSCHUTZ