Bagikan melalui


Tipografi

Contoh tipografi di HoloLens

Teks adalah elemen penting untuk memberikan informasi dalam pengalaman aplikasi Anda. Sama seperti tipografi pada layar 2D, tujuannya adalah untuk menjadi jelas dan dapat dibaca. Dengan aspek tiga dimensi realitas campuran, ada kesempatan untuk memengaruhi teks dan pengalaman pengguna secara keseluruhan dengan cara yang lebih besar.

Ketika kita berbicara tentang jenis dalam 3D, kita cenderung berpikir teks 3D volumetrik yang dikecualikan. Kecuali untuk beberapa desain logotype dan beberapa aplikasi terbatas lainnya, teks yang diekstrusi cenderung menurunkan keterbacaan teks. Meskipun kami merancang pengalaman untuk 3D, kami menggunakan 2D untuk jenis tersebut karena lebih mudah dibaca dan lebih mudah dibaca.

Di HoloLens, jenis dibangun dengan hologram menggunakan cahaya berdasarkan sistem warna aditif. Sama seperti hologram lainnya, jenis dapat ditempatkan di lingkungan aktual di mana ia dapat dikunci dunia dan diamati dari sudut mana pun. Efek paralaks antara jenis dan lingkungan juga menambah kedalaman pengalaman.

Tipografi dalam realitas campuran

Aturan tipografi dalam realitas campuran tidak berbeda dari tempat lain. Teks di dunia fisik dan dunia virtual harus dapat terbaca dan dapat dibaca. Teks bisa berada di dinding atau disandingkan pada objek fisik. Ini bisa mengambang bersama dengan antarmuka pengguna digital. Apa pun konteksnya, kami menerapkan aturan tipografi yang sama untuk membaca dan mengenali.

Membuat hierarki yang jelas

Bangun kontras dan hierarki dengan menggunakan ukuran dan bobot jenis yang berbeda. Menentukan jenis ramp dan mengikutinya di seluruh pengalaman aplikasi akan memberikan pengalaman pengguna yang hebat dengan hierarki informasi yang konsisten.

Ketik contoh ramp
Tentukan ramp jenis Anda dan ikuti di seluruh pengalaman aplikasi

Membatasi font Anda

Hindari menggunakan lebih dari dua keluarga font yang berbeda dalam satu konteks. Terlalu banyak font akan merusak harmoni dan konsistensi pengalaman Anda dan membuatnya lebih sulit untuk mengonsumsi informasi. Di HoloLens, karena informasi dilapisi di atas lingkungan fisik, menggunakan terlalu banyak gaya font akan menurunkan pengalaman. Segoe UI adalah font untuk semua desain digital Microsoft. Ini digunakan secara konsisten di shell Windows Mixed Reality. Anda dapat mengunduh file font Segoe UI dari halaman toolkit desain Windows.

Informasi selengkapnya tentang typeface UI Segoe

Hindari bobot font tipis

Hindari menggunakan bobot font ringan atau semi-cahaya untuk ukuran jenis di bawah 42 pt karena goresan vertikal tipis akan bergetar dan menurunkan legibilitas. Font modern dengan ketebalan stroke yang cukup bekerja dengan baik. Misalnya, Helvetica dan Arial dapat terbaca dalam HoloLens menggunakan bobot reguler atau tebal.

Warna

Di HoloLens, karena hologram dibangun dengan sistem cahaya aditif, teks putih sangat mudah terbaca. Anda dapat menemukan contoh teks putih di menu Mulai dan bilah Aplikasi. Meskipun teks putih berfungsi dengan baik tanpa pelat belakang di HoloLens, latar belakang fisik yang kompleks dapat membuat jenisnya sulit dibaca. Sebaiknya gunakan teks putih pada pelat belakang gelap atau berwarna untuk meningkatkan fokus pengguna dan meminimalkan gangguan dari latar belakang fisik.


Sebaiknya gunakan teks putih pada pelat belakang gelap atau berwarna.Contoh teks putih pada pelat belakang gelap atau berwarna.

Untuk menggunakan teks gelap, Anda harus menggunakan pelat belakang yang cerah untuk membuatnya dapat dibaca. Dalam sistem warna aditif, hitam ditampilkan sebagai transparan. Ini berarti Anda tidak akan melihat teks hitam tanpa pelat belakang berwarna.

Contoh putih pada hitam dan hitam pada teks putih
Contoh putih pada hitam dan hitam pada teks putih

Contoh teks hitam di aplikasi sistem - Penyimpanan dan Pengaturan
Contoh teks hitam di aplikasi sistem - Penyimpanan dan Pengaturan



Seperti yang Anda harapkan, ukuran jenis yang kami gunakan pada PC atau perangkat tablet (biasanya antara 12–32pt) terlihat kecil pada jarak 2 meter. Ini tergantung pada karakteristik setiap font, tetapi secara umum sudut pandang minimum yang direkomendasikan dan tinggi font untuk legibilitas adalah sekitar 0,35 °-0,4°/12,21-13,97 mm berdasarkan studi penelitian pengguna kami. Ini sekitar 35-40 pt dengan faktor penskalakan yang diperkenalkan di halaman Teks di Unity .

Untuk interaksi dekat pada 0,45 m (45 cm), sudut pandang font minimum yang dapat terbaca dan tingginya adalah 0,4°-0,5° / 3,14–3,9mm. Ini sekitar 9-12 pt dengan faktor penskalakan yang diperkenalkan dalam Text in Unity.

Rentang interaksi dekat dan jauhKonten pada rentang interaksi dekat dan jauh

Ukuran font minimum yang dapat terbaca

Jarak Melihat sudut Tinggi teks Ukuran font**
45 cm (jarak manipulasi langsung) 0.4°-0.5° 3.14–3.9mm 8.9–11.13pt
2 m 0.35°-0.4° 12.21–13.97mm 34.63-39.58 pt

Ukuran font yang mudah dibaca dengan nyaman

Jarak Melihat sudut Tinggi teks Ukuran font**
45 cm (jarak manipulasi langsung) 0.65°-0.8° 5,1-6,3 mm 14.47-17.8 pt
2 m 0.6°-0.75° 20,9-26,2 mm 59.4-74.2 pt

Segoe UI (font default untuk Windows) berfungsi dengan baik dalam banyak kasus. Hindari menggunakan keluarga font ringan atau semi ringan dalam ukuran kecil karena goresan vertikal tipis akan bergetar dan itu akan menurunkan legibilitas. Font modern dengan ketebalan stroke yang cukup bekerja dengan baik. Misalnya, Helvetica dan Arial terlihat cantik dan dapat terbaca di HoloLens dengan bobot reguler atau tebal.

Untuk informasi lebih rinci tentang perhitungan ukuran teks di Unity, lihat Teks di Unity

Menampilkanjarak Tampilan Sudut, sudut, dan tinggi teks



Sumber

Font Segoe

(File Zip)

Font HoloLens

(File Zip)

Gambar: Font HoloLens memberi Anda glyph simbol yang digunakan dalam Windows Mixed Reality.

Font HoloLens memberi Anda glyph simbol yang digunakan dalam Windows Mixed Reality



Lihat juga