Microsoft-ui-xaml: Vorschlag: Machen Sie 1px Tooltips und Menüränder halbtransparent

Erstellt am 20. Feb. 2020  ·  3Kommentare  ·  Quelle: microsoft/microsoft-ui-xaml

Vorschlag: Machen Sie 1px Tooltips und Menüränder halbtransparent

Derzeit haben die QuickInfos und Menüs in UWP-Anwendungen einen grauen Rahmen. Dies passt nicht gut zu farbigen Hintergründen, insbesondere zu dunklen. Mein Vorschlag ist, von macOS und einigen Linux-Schnittstellen die Lösung zu übernehmen, einen leicht transparenten Rahmen zu verwenden.

Begründung

  • Die Verwendung eines durchscheinenden Rahmens sieht besser aus als ein grauer.
  • Unabhängig von der Farbe des Hintergrunds ermöglicht diese Lösung eine bessere Lesbarkeit und visuelle Einheitlichkeit

Schauen Sie sich einfach Beispiele an:

tooltips
tooltips_x4

feature proposal needs-assignee-attention team-Controls

Hilfreichster Kommentar

Dies ähnelt einem Vorschlag, den ich zuvor zu inneren und äußeren Rändern für Popover- und Flyout-Oberflächen gemacht habe.

Flyout Designs

Das sorgt mit oder ohne Schatten dafür, dass es immer noch eine Art Grenze gibt, die nicht ganz so umständlich aussieht.

Alle 3 Kommentare

@chigy FYI

@widersky , danke für deinen Vorschlag.
Obwohl es auf einem farbigen Hintergrund möglicherweise nicht funktioniert, haben wir einen Grund, warum es das Grau ist (und diese sehr spezifische Farbe von Grau).

Wir haben Schatten eingeführt, um einen Kontrast zwischen der Popup-Benutzeroberfläche und der Seite zu schaffen. Schatten ist jedoch etwas, das ausgeschaltet wird, 1) wenn der Benutzer dies wünscht, 2) die Leistungsfähigkeit dies nicht zulässt. Ohne den Schatten würde sich das Popup also in die Seite einfügen, wenn es ausgeschaltet ist, wenn die Seite dieselbe oder eine ähnliche Farbe hat.

Wir haben die Farbkombinationen sorgfältig untersucht und festgestellt, dass dieses Grau 1) am wenigsten herausragend ist, 2) den Kontrast liefert, wenn der Schatten ausgeschaltet ist, 3) es nicht zu sehr wie eine Linie aussieht, wenn tatsächlich Schatten angewendet wird.

Im Idealfall brauchen wir von Anfang an keinen Rand und Shadow kann damit umgehen, aber wir haben noch kein solches System und dies ist das beste Design, das immer noch unser Usability-Versprechen hält.

Dies ähnelt einem Vorschlag, den ich zuvor zu inneren und äußeren Rändern für Popover- und Flyout-Oberflächen gemacht habe.

Flyout Designs

Das sorgt mit oder ohne Schatten dafür, dass es immer noch eine Art Grenze gibt, die nicht ganz so umständlich aussieht.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen