Bahasa Desain Mixed Reality — MRTK3

Button Main

Selama beberapa tahun terakhir, kami telah mengirimkan berbagai perangkat dan faktor bentuk dengan berbagai jenis tampilan, resolusi, dan pengalaman pengguna. Kami telah mengembangkan serangkaian praktik terbaik untuk merancang pengalaman hebat dalam realitas campuran, tetapi praktik terbaik ini terus berkembang saat kami menguji dan mengevaluasi desain di berbagai produk dan perangkat.

Kami sangat senang memperkenalkan Mixed Reality Design Language terbaru--pertama yang dipamerkan di aplikasi Mesh untuk HoloLens--kepada publik melalui blok penyusun MRTK. Perubahan desain baru bertujuan untuk memberdayakan pengembang untuk membangun aplikasi siap produksi yang lebih indah, dapat digunakan, dan portabel.

Penyempurnaan

  • Umpan balik visual yang disempurnakan untuk input multi-modal
  • Elemen desain bulat yang indah, menggabungkan tampilan dan nuansa iridescent HoloLens tradisional dengan desain Fluent modern
  • Sistem backplate modular untuk membangun tata letak kompleks yang tetap jelas dan dapat digunakan
  • Visual kotak pembatas yang didesain ulang untuk mengurangi kebisingan visual dan mengaktifkan interaksi yang didukung tatapan cairan
  • Tata letak dinamis dengan RectTransform dan Canvas

Elemen kunci

Geometri

Geometry

Geometri menjelaskan bentuk, ukuran, dan posisi elemen UI. Elemen desain mendasar ini membantu pengalaman terasa koheren di seluruh sistem desain. Bahasa desain baru memperkenalkan geometri dengan sudut bulat yang menciptakan pengalaman yang lebih mudah didekati, menarik, dan modern. Geometri juga sepenuhnya tiga dimensi, dengan ketebalan nyata yang membantu membumikan desain pada kenyataannya. Ini juga mengingatkan pengguna bahwa elemen-elemen ini adalah objek fisik nyata yang ada dalam ruang 3D mereka, dan dapat dilampirkan ke objek dan diambil, dipindahkan, atau dimanipulasi.

Warna

Backplate color

Warna membantu pengguna fokus pada tugas mereka dengan menunjukkan hierarki visual dan struktur antara elemen antarmuka pengguna. Bahasa desain baru menggunakan skema warna yang lebih gelap untuk meminimalkan kelelahan mata sambil tetap cerah dan buram cukup pada tampilan aditif untuk memperkuat kepercayaan pengguna ketika mereka membuat interaksi tangan langsung.

Cahaya dan Bahan

Light

Cahaya dan bahan memainkan peran penting dalam memberikan umpan balik visual dalam interaksi spasial. Menggunakan iluminasi 3D kontekstual membantu pengguna melihat kedalaman dan status interaksi, terutama ketika tampilan aditif perangkat dapat menyebabkan kebingungan kedalaman. Misalnya, ujung jari pengguna melemparkan cahaya halus pada permukaan tombol yang dapat ditekan, meningkatkan persepsi pengguna tentang jarak jari mereka dari hologram.

Lapisan

Layering and Elevation

Lapisan adalah konsep tumpang tindih satu permukaan dengan permukaan lain. Bahasa Desain Mixed Reality menggunakan lapisan dan elevasi untuk membuat UI volumetrik yang meningkatkan kualitas interaksi dan kegunaan dalam interaksi spasial, dan menyenangkan pengguna dengan respons yang indah dan intuitif terhadap input mereka.

Ikonografi

Iconography

Ikonografi adalah sekumpulan gambar visual dan simbol yang membantu pengguna memahami dan menavigasi aplikasi Anda. Bahasa Desain Mixed Reality menggunakan ikonografi Windows 11. Setiap glyph dalam font ikon sistem kami telah dirancang ulang untuk merangkul geometri yang lebih lembut dan metafora yang lebih modern.

Tipografi

Typography

Sebagai representasi visual bahasa, tugas utama tipografi adalah mengomunikasikan informasi. Ramp jenis Bahasa Desain membantu Anda membuat struktur dan hierarki dalam konten Anda untuk memaksimalkan legibilitas dan keterbacaan di UI Anda.

Bahasa Desain Mixed Reality di MRTK3

MRTKv3 Tearsheet

Contoh penggunaan Bahasa Desain Mixed Reality

Jelajahi dan pelajari tentang contoh Bahasa Desain Mixed Reality yang sedang beraksi.

aplikasi Microsoft Mesh untuk HoloLens 2

Mesh app for HoloLens 2