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仅供参考

@widersky ,谢谢你的建议。
虽然它可能不适用于彩色背景,但我们有一个理由为什么它是灰色(以及这种非常特殊的灰色)。

我们引入了阴影来创建弹出 UI 和页面之间的对比。 然而影子是关闭的东西 1) 如果用户选择这样做,2) 电源能力不允许它。 因此,如果没有阴影,如果页面具有相同或相似的颜色,弹出窗口将在关闭时与页面融为一体。

我们仔细检查了颜色组合并得出这种灰色:1) 最不显眼,2) 在关闭阴影时提供对比度,3) 在确实应用阴影时它不会给人太多的线条感。

在理想情况下,我们不必一开始就有边框,shadow 可以处理它,但是我们还没有这样的系统,这是仍然保持我们可用性承诺的最佳设计。

这类似于我之前提出的关于弹出和弹出表面的内部和外部边界的建议。

Flyout Designs

这确保有或没有阴影,仍然有某种边界,看起来不那么尴尬。

此页面是否有帮助?
0 / 5 - 0 等级