Wo Textbeschriftungen in der benutzerdefinierten Farbauswahl platziert werden sollen

Sie benötigen keine Textetiketten.

In Ihren Beispielbildern ist nicht klar, was die beiden Farbbalken sind, aber im Kontext sollte es vollkommen klar sein. Unter der Annahme, dass die Auswahl einer neuen Farbe in der Auswahl die Leiste „Neue Farbe“ aktualisiert, wird klar, was diese Farbe ist, und der Benutzer ist sich entweder der Farbe bewusst, die er bereits ausgewählt hat, wodurch klar wird, was die „ Originalfarbe" ist, oder sie werden daraus schließen, sobald die "neue Farbe" aktualisiert wird.

Sie haben kommentiert, dass Adobe einen früheren/neuen Farbindikator in seinen Farbwählern hat, also nehmen Sie diese als Beispiel – sie haben keinen Text, der die Farben kennzeichnet, und es ist (zumindest für mich) klar, was sie sind.

Wenn Sie Textetiketten haben ...

Wenn Sie Textetiketten hinzufügen, würde ich nicht "aktuelle Farbe" verwenden. "Aktuell" ist etwas zweideutig, es könnte entweder die vorherige Farbe (derzeit außerhalb der Auswahl ausgewählt) oder die neue Farbe (derzeit in der Auswahl ausgewählt) genommen werden. Verwenden Sie so etwas wie „vorher“ und „neu“ oder „alt“ und „neu“.

Die Beschriftungen müssen auch viel weniger auffällig sein als die Werte. Machen Sie sie kleiner als die Hex-Werte und möglicherweise leichter. Ein kurzes Beispiel:

Betreff: Texteingabe

So wie es ist (mit einer leichten Hintergrundfarbe und ohne Rand), ist die Texteingabe nicht offensichtlich, aber impliziert. Es ist nicht offensichtlich, aber es wird Benutzern klar sein, die mit Farbwählern vertraut sind und einen HEX-Wert eingeben möchten. Wenn sie mit Farbwählern nicht vertraut sind und den HEX-Wert nicht verstehen, spielt es wahrscheinlich keine Rolle (vorausgesetzt, Ihre Benutzer sind mit Farbwählern und HEX-Farbwerten vertraut).

In Bezug auf Ihre beiden Beispiele (aus Kommentaren) ist der vollständige Rand sehr offensichtlich, aber wahrscheinlich zu offensichtlich - Sie möchten nicht, dass er stärker hervorsticht als die Hauptfunktionen der Farbauswahl. Der untere Rand ist viel besser und kann besser sein. Ich glaube nicht, dass Sie es brauchen , aber das hängt davon ab, wie viel Aufmerksamkeit Sie dem Input geben möchten.

Eine weitere Option, wenn Sie die Eingabe wirklich offensichtlich machen möchten, ist die Verwendung eines Symbols mit der Eingabe:

Das Cursor-Symbol macht es ziemlich offensichtlich, Sie könnten es mit so etwas wie einem Stift-Symbol "Bearbeiten" noch deutlicher machen . Auch hier glaube ich nicht, dass Sie es überhaupt brauchen , aber es hängt von Ihrem Anwendungsfall ab.