Share via

Pengalaman tanda tangan Windows 11

  • Artikel

Pengalaman tanda tangan adalah elemen desain yang digunakan Windows 11 untuk mengekspresikan bahasa visualnya, sambil mempertahankan tampilan dan nuansa yang koheren di semua pengalaman Fasih.

Several UI elements highlighting new geometry in Windows 11

Geometri

Geometri menjelaskan bentuk, ukuran, dan posisi elemen UI di layar. Elemen desain mendasar ini membantu pengalaman terasa koheren di seluruh sistem desain. Windows 11 menampilkan geometri yang diperbarui yang menciptakan pengalaman yang lebih mudah didekati, menarik, dan modern.

A window and modal dialog in light mode on the left and dark mode on the right

Warna

Warna membantu pengguna fokus pada tugas mereka dengan menunjukkan hierarki visual dan struktur antara elemen antarmuka pengguna. Windows 11 menggunakan warna untuk memberikan fondasi yang menenangkan, meningkatkan interaksi pengguna secara halus, dan menekankan item yang signifikan hanya jika diperlukan.

An application window with a single content area

Lapisan dan Elevasi

Lapisan adalah konsep tumpang tindih satu permukaan dengan permukaan lain, menciptakan dua atau lebih area yang dibedakan secara visual dalam permukaan yang sama. Windows 11 menggunakan lapisan dan elevasi sebagai fondasinya untuk hierarki aplikasi.

A UI surface made of acrylic

Bahan

Bahan adalah efek visual yang membuat permukaan UI menyerupai artefak kehidupan nyata. Windows 11 menggunakan bahan untuk menjaga antarmuka pengguna tetap terhubung ke lingkungannya. Bahan menghidupkan permukaan dan membantu kami membedakan antara aplikasi yang berfokus dan tidak fokus.

A shopping cart icon

Ikonografi

Ikonografi adalah sekumpulan gambar visual dan simbol yang membantu pengguna memahami dan menavigasi aplikasi Anda. Ikonografi Windows 11 telah berkembang dalam konser dengan bahasa desain kami. Setiap glyph dalam font ikon sistem kami telah dirancang ulang untuk merangkul geometri yang lebih lembut dan metafora yang lebih modern.

Several words rendered in Segoe UI Variable

Tipografi

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

An animated image that shows several examples of motion in the Windows UI.

Gerak

Gerakan menjelaskan cara antarmuka menganimasikan dan merespons interaksi pengguna. Gerakan di Windows reaktif, langsung, dan sesuai konteks. Ini memberikan umpan balik untuk input pengguna dan memperkuat paradigma spasial yang mendukung temuan cara.