Bagikan melalui


Panduan desain peluncur aplikasi 3D

Saat Anda mengenakan headset Windows Mixed Reality imersif (VR), Anda memasuki Windows Mixed Reality rumah. Rumah ini divisualisasikan sebagai rumah di tebing yang dikelilingi oleh pegunungan dan air, tetapi Anda dapat memilih lingkungan lain dan bahkan membuat sendiri). Dalam ruang rumah, pengguna bebas untuk mengatur dan mengatur objek dan aplikasi 3D yang mereka pedulikan dengan cara apa pun yang mereka inginkan. Peluncur aplikasi 3D adalah objek "fisik" di rumah realitas campuran pengguna yang dapat mereka pilih untuk meluncurkan aplikasi.

Contoh: Peluncur aplikasi Floaty Bird 3D
Contoh peluncur aplikasi Floaty Bird 3D (aplikasi fiksi)

Proses pembuatan peluncur aplikasi 3D

Ada 3 langkah untuk membuat peluncur aplikasi 3D:

  1. Merancang dan mengkonsep (artikel ini)
  2. Pemodelan dan ekspor
  3. Mengintegrasikannya ke dalam aplikasi Anda:

Konsep desain

Fantastis namun akrab

Lingkungan Windows Mixed Reality tempat peluncur aplikasi Anda berada adalah bagian yang akrab, sebagian fantastis/sci-fi. Peluncur terbaik mengikuti aturan dunia ini. Pikirkan bagaimana Anda dapat mengambil objek representatif yang akrab dari aplikasi Anda, tetapi tekuk beberapa aturan realitas aktual. Sihir akan menghasilkan.

Intuitif

Saat Anda melihat peluncur aplikasi, tujuannya - untuk meluncurkan aplikasi Anda - harus jelas dan seharusnya tidak menyebabkan kebingungan. Misalnya, pastikan peluncur Anda adalah perwakilan yang cukup jelas dari aplikasi Anda sehingga tidak akan bingung untuk sepotong dekorasi di Cliff House. Peluncur aplikasi Anda harus mengundang orang untuk menyentuh/memilihnya.

Contoh: Peluncur aplikasi Fresh Note 3D
Contoh peluncur aplikasi Fresh Note 3D (aplikasi fiksi)

Skala rumah

Peluncur aplikasi 3D tinggal di Cliff House dan ukuran defaultnya harus masuk akal dengan objek "fisik" lainnya di ruang. Jika Anda menempatkan peluncur Anda di samping, katakanlah, tanaman rumah atau beberapa perabotan, itu harus terasa di rumah, ukuran-bijaksana. Titik awal yang baik adalah melihat bagaimana tampilannya 30 sentimeter kubik, tetapi ingat bahwa pengguna dapat meningkatkan atau menurunkan skalanya jika mereka mau.

Dapat dimiliki sendiri

Peluncur aplikasi harus merasa seperti objek yang akan menjadi bersemangat untuk dimiliki seseorang di ruang mereka. Mereka akan hampir mengelilingi diri mereka sendiri dengan hal-hal ini, sehingga peluncur harus merasa seperti sesuatu yang menurut pengguna cukup diinginkan untuk mencari dan tetap di dekatnya.

Contoh: Peluncur aplikasi 3D Astro Warp
Contoh peluncur aplikasi 3D Astro Warp (aplikasi fiksi)

Dikenali

Peluncur aplikasi 3D Anda harus langsung mengekspresikan "merek aplikasi Anda" kepada orang-orang yang melihatnya. Jika Anda memiliki karakter bintang atau objek yang dapat diidentifikasi terutama di aplikasi Anda, sebaiknya gunakan itu sebagai bagian penting dari desain Anda. Dalam dunia realitas campuran, objek akan menarik lebih banyak minat dari pengguna daripada hanya logo saja. Objek yang dapat dikenali berkomunikasi merek dengan cepat dan jelas.

Volumetrik

Aplikasi Anda layak lebih dari sekadar meletakkan logo Anda di pesawat datar dan menyebutnya sehari. Peluncur Anda akan terasa seperti objek fisik yang menarik, 3D, di ruang pengguna. Pendekatan yang baik adalah membayangkan aplikasi Anda akan memiliki balon di Macy's Thanksgiving Day Parade. Tanyakan pada diri sendiri, apa yang benar-benar akan membuat orang-orang wow saat turun ke jalan? Apa yang akan terlihat hebat dari semua sudut pandang?

Logo saja

Lebih dikenali dengan karakter Lebih dikenali dengan karakter

Pendekatan datar, tidak mengherankan, terasa flat pendekatan datar, tidak mengejutkan, terasa datar

Pendekatan volumetrik lebih baik menampilkan pendekatan Volumetrik aplikasi Anda dengan lebih baik menampilkan aplikasi Anda

Tips untuk model 3D yang baik

  • Saat merencanakan dimensi untuk peluncur aplikasi Anda, rekam kira-kira kubus 30 cm. Jadi, rasio ukuran 1:1:1.
  • Model harus di bawah 10.000 poligon. Pelajari selengkapnya tentang jumlah segitiga dan tingkat detail (LOD)
  • Uji pada headset imersif.
  • Buat detail ke dalam geometri model Anda jika memungkinkan - jangan mengandalkan tekstur untuk detailnya.
  • Bangun geometri tertutup "air ketat". Tidak ada lubang yang tidak dimodelkan.
  • Gunakan bahan alami dalam objek Anda. Bayangkan membuatnya di dunia nyata.
  • Pastikan model Anda membaca dengan baik pada jarak dan ukuran yang berbeda.
  • Saat model Anda siap digunakan, baca panduan mengekspor aset.

Model dengan detail halang dalam tekstur
Model dengan detail halang dalam tekstur

Apa yang harus dihindari

  • Jangan gunakan detail kontras tinggi atau pola dan tekstur kecil yang sibuk.
  • Jangan gunakan geometri tipis - itu tidak bekerja dengan baik pada jarak dan akan alias buruk.
  • Jangan biarkan bagian model Anda terlalu lama melebihi rasio ukuran 1:1:1. Ini akan menciptakan masalah penskalakan.

Hindari pola sibuk yang kontras tinggi dan kecil
Hindari pola kontras tinggi, kecil, sibuk

Cara menangani jenis

  • Kami menyarankan jenis Anda memakan waktu sekitar 1/3 dari peluncur aplikasi Anda (atau lebih). Jenis adalah hal utama yang memberi orang ide bahwa peluncur Anda, pada kenyataannya, peluncur sehingga menyenangkan jika itu substansial.
  • Hindari membuat jenis super lebar - cobalah untuk menyimpannya dalam batas dimensi inti peluncur aplikasi (lebih atau kurang).
  • Jenis datar dapat berfungsi, tetapi mungkin sulit untuk dilihat dari sudut tertentu dan di lingkungan tertentu. Anda mungkin mempertimbangkan untuk meletakkannya sebagai objek padat atau latar belakang di belakangnya untuk membantu hal ini.
  • Menambahkan dimensi ke jenis Anda terasa menyenangkan dalam 3D. Menaungi sisi jenis warna yang berbeda dan lebih gelap dapat membantu keterbacaan.

Jenis datar tanpa latar belakang bisa sulit dilihat dari sudut tertentu dan di lingkungan tertentu Jenis datar tanpa latar belakang bisa sulit dilihat dari sudut tertentu dan di lingkungan tertentu

Jenis dengan latar belakang bawaan dapat bekerja dengan baik Jenis dengan latar belakang bawaan dapat bekerja dengan baik

Jenis ekstrusi dapat bekerja dengan baik jika Anda menaungi sisi jenis Extruded dapat bekerja dengan baik jika Anda menaungi sisi

Ketik warna yang berfungsi

  • Putih
  • Hitam
  • Warna semi jenuh cerah

Ketik warna yang berfungsi.
Ketik warna yang berfungsi

Warna yang harus dihindari

Jenis warna yang menyebabkan masalah meliputi:

  • Nada tengah
  • Abu-abu
  • Warna yang terlalu jenuh atau warna yang didesturasi

Ketik warna yang menyebabkan masalah.
Ketik warna yang menyebabkan masalah

Pencahayaan

Pencahayaan untuk peluncur aplikasi Anda berasal dari lingkungan Cliff House. Pastikan untuk menguji peluncur Anda di beberapa tempat di seluruh rumah sehingga terlihat bagus dalam cahaya dan bayangan. Kabar baiknya adalah, jika Anda telah mengikuti panduan desain lainnya dalam dokumen ini, peluncur Anda harus dalam kondisi yang baik untuk sebagian besar pencahayaan di Cliff House.

Tempat yang bagus untuk menguji tampilan peluncur Anda di berbagai lampu di lingkungan adalah Studio, Ruang Media, di mana saja di luar dan di Back Patio (area beton dengan halaman rumput). Tes lain yang baik adalah memasukkannya ke dalam setengah bayangan dan setengah bayangan dan melihat seperti apa tampilannya.

Pastikan peluncur Anda terlihat bagus dalam cahaya dan bayangan.
Pastikan peluncur Anda terlihat bagus dalam cahaya dan bayangan

Texturing

Menulis tekstur Anda

Format akhir peluncur aplikasi 3D Anda akan menjadi file .glb, yang dibuat menggunakan alur PBR (Physically Based Rendering). Ini bisa menjadi proses yang sulit - sekarang adalah saat yang tepat untuk mempekerjakan seniman teknis jika Anda belum melakukannya. Jika Anda seorang DIY-er yang berani, luangkan waktu untuk meneliti dan mempelajari terminologi PBR dan apa yang terjadi di bawah tenda sebelum Anda mulai akan membantu Anda menghindari kesalahan umum.

Contoh: Aplikasi Catatan Baru
Contoh peluncur aplikasi 3D Fresh Note (aplikasi fiktif)

Kami menyarankan agar Anda menggunakan Adobe Substance Painter untuk menulis file akhir Anda. Jika Anda tidak terbiasa dengan penulisan shader PBR di Substance Painter, berikut adalah tutorialnya.

(Alternatif 3D-Coat, Quixel Suite 2, atau Marmoset Toolbag juga akan berfungsi jika Anda lebih akrab dengan salah satu dari ini.)

Praktik terbaik

  • Jika objek peluncur aplikasi Anda ditulis untuk PBR, seharusnya mudah untuk mengonversinya untuk lingkungan Cliff House.
  • Shader kami mengharapkan alur kerja Metal / Roughness - Shader PBR Unreal adalah faksimil dekat.
  • Saat mengekspor tekstur Anda, ingatlah ukuran tekstur yang direkomendasikan .
  • Pastikan untuk membangun objek Anda untuk pencahayaan real-time—ini berarti:
    • Hindari bayangan panggang – atau bayangan yang dicat
    • Hindari pencahayaan panggang dalam tekstur
    • Gunakan salah satu paket penulisan bahan PBR untuk mendapatkan peta yang tepat yang dihasilkan untuk shader kami

Lihat juga