Microsoft-ui-xaml: 提案:1pxのツールチップとメニューの境界線を半透明にします

作成日 2020年02月20日  ·  3コメント  ·  ソース: microsoft/microsoft-ui-xaml

提案:1pxのツールチップとメニューの境界線を半透明にします

現在、UWPアプリケーションのツールチップとメニューには灰色の枠が付いています。 これは、色付きの背景、特に暗い背景には適していません。 私の提案は、macOSといくつかのLinuxインターフェースから、わずかに透明なフレームを使用するソリューションを採用することです。

理論的根拠

  • 半透明のフレームを使用すると、灰色のフレームよりも見栄えが良くなります。
  • 背景の色に関係なく、このソリューションにより、読みやすさと視覚的な一貫性が向上します。

例を見てください:

tooltips
tooltips_x4

feature proposal needs-assignee-attention team-Controls

最も参考になるコメント

これは、ポップオーバーとフライアウトのサーフェスの内側と外側の境界について以前に行った提案に似ています。

Flyout Designs

これにより、影の有無にかかわらず、ある種の境界線がまだ存在しますが、それほどぎこちなく見えません。

全てのコメント3件

@chigy FYI

@widersky 、ご提案ありがとうございます。
色付きの背景では機能しない場合がありますが、それが灰色(およびこの非常に特殊な灰色の色)である理由があります。

ポップアップUIとページのコントラストを作成するためにシャドウを導入しました。 ただし、シャドウは、1)ユーザーがそうすることを選択した場合、2)電源機能がそれを許可しない場合にオフになるものです。 したがって、影がない場合、ページの色が同じまたは類似している場合、ポップアップをオフにすると、ポップアップがページに溶け込みます。

色の組み合わせを注意深く調べた結果、このグレーは1)目立たない、2)シャドウがオフのときにコントラストが得られる、3)シャドウが実際に適用されたときにラインの外観があまり出ないようになりました。

理想的な状況では、最初から境界線を設定する必要はなく、シャドウで処理できますが、そのようなシステムはまだ導入されておらず、これは使いやすさの約束を維持する最高のデザインです。

これは、ポップオーバーとフライアウトのサーフェスの内側と外側の境界について以前に行った提案に似ています。

Flyout Designs

これにより、影の有無にかかわらず、ある種の境界線がまだ存在しますが、それほどぎこちなく見えません。

このページは役に立ちましたか?
0 / 5 - 0 評価