ColorMixer

Hilfe & Anleitung

Diese Seite beschreibt den aktuellen Kunden-Workflow von ColorMixer. Die eingebundenen Screenshots zeigen den tatsächlichen Stand der Anwendung und helfen beim schnellen Einstieg.

1. Kunde: Einstieg

Ein Kunde meldet sich mit E-Mail und Passwort an. Nach dem erfolgreichen Login öffnet sich die Arbeitsansicht mit Bildbereich, Vorschlagsfarben, Match-Ergebnis und gespeicherten Mixes.

Wichtig

  • Die Sprache kann im Header zwischen Deutsch und Englisch umgestellt werden.
  • Die gewählte Sprache bleibt am Benutzer gespeichert.
  • Kunden sehen nur ihre eigenen Bilder, Paletten und Mixes.
Customer Login in ColorMixer
help-customer-login.png
Login-Screen für Kunden oder der direkte Einstieg in die Anwendung.

Beim ersten Einstieg mit einem temporären Passwort erscheint ein eigener Dialog für die Passwortänderung. Erst danach ist der normale Arbeitsbereich zugänglich.

Passwortänderung beim ersten Login
help-first-login-password-change.png
Passwortänderung beim ersten Login mit einem temporären Kennwort.

2. Bild-Workflow

Ein Bild wird links über den Button + Bild hochgeladen. Nach dem Upload erscheint es in der Thumbnail-Spalte und kann jederzeit erneut geöffnet werden. Das System speichert das Bild optimiert als WebP und erzeugt zusätzlich eine kleine Vorschau für die Bildliste.

  • Neue Uploads werden direkt komprimiert gespeichert.
  • Große Bilder werden auf eine sinnvolle maximale Kantenlänge reduziert.
  • Die Bildbibliothek bleibt dadurch schlank und schnell.
Bild-Upload und Bibliothek
help-image-upload and library.png
Der Upload-Button und die linke Bildbibliothek mit vorhandenen Thumbnails.

3. Vorschlagsfarben und Fokusmodus

Direkt unter dem Temperaturregler erscheinen Vorschlagsfarben, die aus dem Bild analysiert wurden. So können dominante Töne schnell ausgewählt werden, ohne jeden Farbpunkt manuell suchen zu müssen.

  • Die Anzahl der Vorschlagsfarben kann angepasst werden.
  • Ein normaler Klick wählt genau eine Farbe.
  • Mit gedrückter Shift-Taste lassen sich mehrere Farben kombinieren.
  • Mit Alle Farben wird der Fokusmodus zurückgesetzt.
Empfehlung: Für den Anfang ist eine Auswahl von 8 oder 10 Farben meist am übersichtlichsten. Bei komplexeren Motiven können 12 oder 16 Farben sinnvoll sein.
Vorschlagsfarben-Leiste
help-color-suggestion-bar.png
Die analysierten Vorschlagsfarben direkt über dem Bild.

Nach dem Klick auf eine oder mehrere Vorschlagsfarben sieht der Nutzer sofort, welche Bereiche im Bild zu dieser Auswahl gehören. Die gewählten Farbflächen bleiben sichtbar, alle anderen Bereiche werden grau dargestellt.

Fokusmodus mit entsättigtem Bild
help-color-focus-mode.png
Fokusmodus: ausgewählte Farbflächen bleiben aktiv, der restliche Bildbereich wird entsättigt.

4. Mix berechnen und speichern

Sobald eine Zielfarbe gewählt ist, kann mit MATCH ein Farb-Mix aus der aktiven Palette berechnet werden. Das Ergebnis erscheint rechts mit den verwendeten Farben, dem Verhältnis und der Qualitätsanzeige.

  • Vereinfachen reduziert das Verhältnis auf einfacher lesbare Werte.
  • Reduzieren prüft, ob der Mix mit weniger Farben noch sinnvoll bleibt.
  • Speichern legt den Mix samt Position im Bild ab.
Ausgewählter Farb-Mix
help-selected-color-mix.png
Match-Ergebnis nach Auswahl einer Zielfarbe mit berechnetem Mix auf der rechten Seite.

Bei Bedarf kann der Mix weiter reduziert werden, um mit weniger Farben zu arbeiten. Dadurch bleibt die Mischung einfacher, ohne das Farbergebnis unnötig weit zu verschieben.

Reduzierter Farb-Mix
help-reduced-color-mix.png
Ein reduzierter Mix mit vereinfachter Farbauswahl.

Gespeicherte Mixes können später wieder aus der rechten Spalte aufgerufen werden. Ein Klick springt zur gespeicherten Position im Bild und lädt das zugehörige Ergebnis erneut.

Gespeicherte Farb-Mixe
help-saved-color-mix.png
Gespeicherte Mixes in der Seitenleiste für den späteren Zugriff.

Ein gespeicherter Mix kann im Bild wiedergefunden werden. So bleibt nachvollziehbar, zu welchem Bereich die berechnete Farbe ursprünglich gehörte.

Gespeicherte Farbe im Bild wiederfinden
help-mixed-color-in picture finder.png
Die gewählte Mix-Farbe wird im Bild wieder markiert und kann räumlich zugeordnet werden.

5. Palette Builder

Im Palette Builder können Kunden eigene Paletten zusammenstellen. Dafür lassen sich Marken und Linien filtern, Farben suchen und anschließend zur aktiven Palette hinzufügen.

  • Farben können marken- und linienspezifisch gefiltert werden.
  • Eigene Paletten bleiben kundenspezifisch.
  • Globale Daten dienen als gemeinsamer Katalog.
Eigener Palette Builder
help-custom-palette-builder.png
Der Palette Builder für kundeneigene Paletten.

Die Auswahl kann über Marken und Linien gezielt eingegrenzt werden. Das ist besonders dann hilfreich, wenn viele Hersteller und Produktlinien zur Verfügung stehen.

Markenauswahl
help-brand-selesction.png
Auswahl einer Marke als erster Filter im Palette Builder.

Nach der Markenauswahl kann die passende Produktlinie ergänzt werden. So wird die Suche deutlich präziser.

Linienauswahl
help-line-selection.png
Auswahl der passenden Farbserie oder Linie innerhalb einer Marke.

Alternativ kann direkt in der verfügbaren Farbliste gesucht werden. So lassen sich einzelne Töne schnell finden und der Palette hinzufügen.

Farbliste einer Marke
help-brand-color-list.png
Farbliste mit Such- und Auswahlmöglichkeit innerhalb des Katalogs.

Wenn mehrere Marken und Linien kombiniert werden sollen, kann eine Palette auch markenübergreifend aufgebaut werden. Dadurch wird sie flexibler für spätere Mix-Berechnungen.

Palette mit mehreren Marken und Linien
help-multibrand-multilinepalette.png
Beispiel für eine Palette mit Farben aus mehreren Marken und Produktlinien.

6. Verwendete Screenshots

Diese Bilder sind aktuell direkt in der Hilfeseite eingebunden. Wenn du später weitere Screens austauschst oder neu erzeugst, können wir sie mit denselben Dateinamen direkt ersetzen.

help-customer-login.png
Login oder Einstieg als Kunde
help-first-login-password-change.png
Passwortänderung beim ersten Login
help-image-upload and library.png
Upload und Bildbibliothek
help-color-suggestion-bar.png
Vorschlagsfarben-Leiste
help-color-focus-mode.png
Fokusmodus mit entsättigtem Bild
help-selected-color-mix.png
Match-Ergebnis
help-reduced-color-mix.png
Reduzierter Mix
help-saved-color-mix.png
Gespeicherte Mixes
help-mixed-color-in picture finder.png
Gespeicherte Mix-Farbe im Bild
help-custom-palette-builder.png
Palette Builder
help-brand-selesction.png
Markenfilter
help-line-selection.png
Linienfilter
help-brand-color-list.png
Farbliste
help-multibrand-multilinepalette.png
Palette mit mehreren Marken und Linien
Die Admin-Bilder habe ich auf Wunsch aus der Kundendokumentation herausgenommen.