Microsoft-ui-xaml: Proposal: Jadikan tooltips 1px dan batas menu semi-transparan

Dibuat pada 20 Feb 2020  ·  3Komentar  ·  Sumber: microsoft/microsoft-ui-xaml

Proposal: Jadikan tooltips 1px dan batas menu semi-transparan

Saat ini tooltips dan menu dalam aplikasi UWP memiliki bingkai abu-abu. Ini tidak cocok dengan latar belakang berwarna, terutama yang gelap. Saran saya adalah mengambil dari macOS dan beberapa antarmuka Linux solusi menggunakan bingkai yang sedikit transparan.

Alasan

  • Menggunakan bingkai transparan terlihat lebih baik daripada bingkai abu-abu.
  • Apa pun warna di latar belakang, solusi ini memungkinkan keterbacaan dan konsistensi visual yang lebih baik

Lihat saja contohnya:

tooltips
tooltips_x4

feature proposal needs-assignee-attention team-Controls

Komentar yang paling membantu

Ini mirip dengan saran yang saya buat sebelumnya tentang batas dalam dan luar untuk permukaan pop-over dan flyout.

Flyout Designs

Ini memastikan dengan atau tanpa bayangan, masih ada semacam batas, yang tidak terlihat canggung.

Semua 3 komentar

@chigy FYI

@widersky , terima kasih atas saran Anda.
Meskipun mungkin tidak berfungsi pada latar belakang berwarna, kami memiliki alasan mengapa ini adalah abu-abu (dan warna abu-abu yang sangat spesifik ini).

Kami memperkenalkan bayangan untuk membuat kontras antara UI popup dan halaman. Namun bayangan adalah sesuatu yang mematikan 1) jika pengguna memilih untuk melakukannya, 2) kemampuan daya tidak mengizinkannya. Jadi tanpa bayangan, popup akan menyatu dengan halaman ketika dimatikan jika halaman memiliki warna yang sama atau mirip.

Kami dengan hati-hati memeriksa kombinasi warna dan menghasilkan abu-abu ini menjadi 1) paling tidak menonjol, 2) memberikan kontras saat bayangan mati, 3) tidak memberikan terlalu banyak tampilan garis saat bayangan benar-benar diterapkan.

Dalam situasi yang ideal, kita tidak harus memiliki perbatasan untuk memulai dan bayangan dapat menanganinya, tetapi kita belum memiliki sistem seperti itu dan ini adalah desain terbaik yang masih memenuhi janji kegunaan kita.

Ini mirip dengan saran yang saya buat sebelumnya tentang batas dalam dan luar untuk permukaan pop-over dan flyout.

Flyout Designs

Ini memastikan dengan atau tanpa bayangan, masih ada semacam batas, yang tidak terlihat canggung.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat