Tasarım ve Hologramlar

Not

Lütfen bu sayfada yer alan tüm harika GIF'leri ve ekli videoları hesaba katarak küçük bir yükleme penceresi açın.

Learning için tasarım yapmak zor olabilir çünkü ortam her zaman 2D tasarım süreçlerine pek uygun değildir. Microsoft'ta karma gerçeklik UX Tasarımının temellerini ilk elden öğrenmenizi HoloLens 2. sürümü için ücretsiz bir uygulama oluşturduk. Hologramlar uygulaması tasarlamanın benzersiz yaklaşımı, kendi uygulamalarınızı kullanarak ilgi çekici ve harika HoloLens karma gerçeklik davranışlarına, ipuçlarına ve önerilere göz atmaktadır. Uygulamayı ücretsiz olarak Microsoft Store Microsoft'un Karma Gerçeklik Tasarım Ekibi'nden öğrenin!


Hologram Tasarlama tanıtım odasındaki baş izleme sahnelerinin animasyonlu GIF'i

Hologram'ın tanıtım odası (house house olarak da bilinir) tasarlama

Karma gerçeklik için tasarlama

Çoğu zaman olduğu gibi, mobil uygulamalar tasarlamak için kullanılırdı. 2 boyutlu bir tasarım dünyasından gelen ve uzamsal bilgi işlemle dolup her şeyin artık dünyada olduğu bir dünyada önemli bir değişiklik oldu. Karma gerçeklikte uygulamalar artık 2D ekranla sınırlı değildir; Aslında neredeyse ücretsizdirler, gerçek dünyaya yerleştirilirler ve gerçek nesnelerle etkileşime geçmeleri gerekir.

Bana göre, 3D deneyimleri geleneksel 2D tasarım süreçlerine bağlamak karma gerçeklik geliştirmenin en zorlu yönüdür. Müşterilerle yapılan konuşmalarda "Hangi özellikleri dahil etmek ve bunları nasıl çalıştıracaklarını biliyorum. Bu koddur, belgeleri ve öğreticileri takip ederiz, ancak kullanıcı deneyimi? Bu kadar çok özellik, farklı giriş seçeneği, farklı senaryolar ve fiziksel ortamlar bunaltıcıdır".

San Francisco'da HoloLens 2 Tasarım Atölyesindeyer alan görüntü SanFrancisco'daki HoloLens 2 Tasarım Atölyesinde yer alan görüntü

Öğretme fırsatı

İlk başta belirgin değildi, ancak karma gerçekliği öğretmek için Orta düzeyde kullanmak için harika bir fırsat sunuldu.

Karma Hologramlar tasarım kavramlarını ve önerilerini açıklayan görsel bir deneyimdir. Karma gerçeklik tasarım kavramlarını gösteren yalnızca siz ve bir sanal öğretmensiniz. Her şey, kendi alanınıza sağlam bir şekilde deneyim kazandıran üçüncü kişi perspektifindendir.


Hologramlar video tasarlama

House'ları keşfetme

House, uygulama boyunca kullanabileceğimiz sanal ortamdır. Ortam; duvar, lamba, duvar, duvar, tablo ve TV gibi çoğu oda için ortak olan temel öğeleri içeren 80 x 60 x 40 cm'lik bir odadır. House house, uygulama deneyiminin ana ana hedefidir, bu nedenle her ortamda harika bir şekilde çalışa olduğundan emin olmak istiyoruz. Bunu her türlü karma gerçeklik kavramlarını görselleştirmek için küçük bir tanıtım odası olarak düşün.

House ayarlama davranışının videosu

1:1 ve 1:10 prototipler

İlk varsayımlarımız, 1:1 tanıtımların neredeyse gerçek hayattaki bir öğretmene bakma gibi harika olacağınıydı. Kullanıcı, öğretmenin gördüğü her şeyi gerçek bir yaşam ölçeğinde görebilir. Ancak birkaç sorun olacağını hemen fark ettim:

  • Geliştiricilerin çoğu uygulamalarını ofislerde veya tanıtım odasından daha küçük olan odalarda çalıştıracak, bu nedenle uygun olmaz.
  • Ekranlar eklenebilir, yani sanal ortamın tamamı kullanıcının odası üzerinde yer atılır. Bu, iki tablo, belki de çift kişilik masalar ve hizalanmamış duvarlarla kafa karıştırıcı olabilir.
  • En kötü yanı, bir görünüm alanıyla kısıtlanmış olan tüm sanal ortamlardır.

Mini 1:10 ölçeğini denedik, sonuç gerçekçi bir odayı harika bir kuş bakışlı görünümüyle elde etti. Her açıdan olan her şeyi aynı anda görebilirsiniz. En şaşırtıcı olan, testçilerin çoğunun küçük bir sürümü görmek için çok daha çevreleyici bulduğu ve ardından hiçbir zaman 1:1 ölçeğine geri dönmemiş olduğu. Bu nedenle 1:1 sürümünü kazıma ve kullanıcı arabirimini ve uygulamanın diğer yönlerini uyarlamak için gereken ek çalışmalardan kaçınmaya karar verdik.

1:1 ölçekle görünüm alanı 1:1ölçekle görünümün alanı

1:10 ölçekligörünüm alanı1:10 ölçekle görünümün alanı

Karma Gerçeklik Yakalama kullanma

Bu uygulamanın en önemli özelliklerinden biri, karma gerçeklik tasarım kavramlarını Karma Gerçeklik Yakalama göstermek için uygulamanın kullanımıdır.

Microsoft'un San Francisco'Karma Gerçeklik Yakalama bir stüdyo vardır. Microsoft ayrıca bu teknolojiyi Washington D.C.'de Avatar Dimension, Los Angeles'ta Metastage, Londra'da Dimension Studios, London'da SK Telecom ve Berlin'de Volucap gibi diğer stüdyolara lisanslar. Karma Gerçeklik Yakalama Studios hakkında daha fazla bilgiyi burada bulabilirsiniz.


San Francisco'daki Karma Gerçeklik Yakalama Studio'daki 106 kameradan birinin ham çekimleri Daniel Hitdero.

Yakalama işlemi, üretim sonrası için OBJ/PNG dosyaları olarak teslim edilen veya H.264 sıkıştırılmış MP4 dosyası olarak kayıttan yürütmeye hazır bir ana çerçeveli örgü, normal ve doku üretir. Bu dosyalar Unity, Unreal, Native ve WebXR projelerine aktarabilirsiniz. Dosyalar iOS Windows, Mac, Android, Magic Leap ve Playstation VR üzerinde çalabilirsiniz.


Capture Player, ses ve ekli meshes içeren video içeren mp4'leri analiz etmek için sağlanmıştır.

Yakalamaları ve sanal nesneleri dönüştürme

Karma Gerçeklik Yakalamaları insanların veya hayvanların sanal temsillerini oluşturur, ancak bazen diğer sanal nesnelerle etkileşim kurmak için bu karakterlere ihtiyacınız olabilir. Aşağıdaki iki örnek, bu etkiyi elde etmek için sahneleri işlemenin farklı yollarını gösterir.

Baş Bakış Ayarlaması

Baş baş ayarı, yakalanan kişinin kafasını çalışma zamanında taşımaya olanak sağlar, yani yakalama yüzü bir kullanıcıya doğru olabilir. Bu durumda bunu, ilgili görünüm alanını ve alanı göstermek için kullandık. Aşağıda, kafa bakışının bakarak hedef olarak hareket eden bir gameobject'i görebilirsiniz. Hedefi yan yana taşıy olarak yakalamanın başı takip eder.

Boştaki yakalamanın her zaman evin farklı bölümlerine yerleştirilen hologramlara doğru yüz yüze geleceklerinden emin olmak için bu oyunu kullandık.

Unity'de hedef gameobject'i takip eden Capture'ın başı çalışma zamanında taşınarak

Unity'de hedef gameobject'i takip eden Capture'ın başı çalışma zamanında taşınarak.

Animasyonlu Nesneleri Eşitleme

İkincisi, bir yakalamanın hareketiyle eşitlenen nesnelere animasyonu yapmaktır. Uygulamanın farklı kısımlarında, her beş karede bir belirli bir yakalamanın sıralı OBJ'lerini içe aktarıldı. Ardından OBJ'ler, yakalamanın karşılık gelen çerçevesiyle eş değere sahip olduğundan emin olmak için sahnede animasyonlu hale geldi. Animasyon ve anahtara animasyon animasyonu canlandırmak sıkıcı bir işlemdir, ancak sonuç harikadır. Artık yakalanmayan nesnelerle Karma Gerçeklik Yakalama bir görüntü görüntülebilirsiniz.

Bir kullanıcı arabirimi ve kullanıcı arabirimi Karma Gerçeklik Yakalama eşitlenen animasyon

Kullanıcı arabirimi ve kullanıcı arabirimi Karma Gerçeklik Yakalama eşitlenen animasyon

Kullanıcı arabirimi yaratıcı süreci

Kullanıcı arabirimi tasarımına başladığımız zaman hologramların sunacağız sihrini ve olasılıklarını göstermek istiyorduk. Yalnızca statik 2D pencereleri ve metin kutularını göstermek 3D dünyasında pek iyi görünmüyor. Tüm olasılıklar ortaya çıktı. Bu nedenle en başından itibaren bu alandan uzaklaşarak holografik 3D alanı tam olarak kullanmaya karar verdik.

İlk olarak panellere, simgelere ve metin bilgilerine kalınlık eklemeye başladık. Yine de kullanıcı olarak bir metin kutusu görüyorum. Görüntülerle metin kutuları var ama biz orada yokuz. Karma Gerçeklik Araç Seti (MRTK) gölgelendiricilerini kullanarak daha da ileri gittik. MRTK gölgelendiricileri güçlü bir araç haline geldi ve panellere negatif derinlik eklemek için kalıp özelliklerinden kullandık. Bu, metin kutusunun önüne öğe eklemek yerine simgelerin artık saydam bir panelin arkasında görüntüleniyor olduğu anlamına gelir. Artık kullanıcı olarak görüyorum, gerçek dünyada artık çoğaltamıyorum ve holografik sihrin başladığı yer burası. Ayrıca okumak istemiyorum, fiziksel dünyada zaten çok fazla şey yapabilirim.

Simgeler basit metinlerden çok daha iyi çalışır, daha da güçlü bir kılavuz sağlamak için daha sonra animasyonlu nesneler ve avatarlar oluşturmaya başladım. Her biri ilgili senaryoda yapılanlar ve nasıl kullanıldıklarına yönelik küçük bir hikaye anlatıyor.

Etkileşimli holografik menü sisteminin animasyonlu GIF'i

Temel kavramlar

Baş İzleme ve Göz İzleme

El İzleme

Uzamsal Farkındalık

Holografik çerçeve

Holografik çerçeve vurgulanmış şekilde, kasayı arayan bir kullanıcının animasyonlu GIF'i

Koordinat sistemleri

Koordinat sistemlerinin vurgulanmış olduğu, merkez merkez çevresinde dolaşan bir kullanıcının animasyonlu GIF'i

Göz izleme

Göz arze ışın vurgulanmış şekilde, bir kullanıcının animasyonlu GIF 'i

Oda taraması görselleştirme ve uzamsal eşleme

Aktarılmakta olan lilhouse içindeki tüm yüzeylerin hareketli GIF 'i

Sahne anlama

Lilhouse 'da tanınan nesnelerin animasyonlu GIF 'i

Gelin ve birlikte bulunan ışınlarla işleyin

Bir el Ray ile birlikte bulunan bir kullanıcının hareketli GIF 'i

"Deneyin" dakika

Hologramlar öğretir, karma gerçeklik kavramlarını tasarlama, ancak bunları odanızda denemenize de olanak tanır. Bu açıklamalarının bir kısmı sonrasında, biz de bir sonraki evden ve etkileşimli bir süre içinde durakladık. Bu etkileşimli dakika örnekleri aşağıda verilmiştir:

Elizlemenin, nesnelerin ne zaman algılandığını ve görünümün alanını girdikleri zaman gösteren animasyonlu GIF

Nesnelerin ne zaman algılandığını ve görünümün alanını ne zaman girdikleri gösteren izlenen çerçeve.

Crystals ile etkileşime geçen animasyonlu GIF

Crystals ile uzak etkileşime geçme ile etkileşim kurma

Neredeyse etkileşim için uygun tehlikeden araştırma sağlayan animasyonlu GIF

Neredeyse etkileşim için uygun olan engelleri keşfetme

Ekip hakkında

Daniel Escudero resmi Daniel Escudero
Lider teknik tasarımcı
ramiz, Hologramlar tasarlamaya yönelik yaratıcı müdürün yanı sıra microsoft 'un karma gerçeklik akademik my San Francisco 'umu için tasarım lideri olarak, microsoft 'un de microsoft 'un karışık gerçeklik Studios, londra 'daki bir tasarlayıcı olarak çalışmaktadır.
MARTIN Wettig resmi MARTIN Wettig
Kıdemli 3B sanatçı
martın, Hologramlar tasarlamak için 3b resim ve kullanıcı arabirimi tasarımı ve daha önce Microsoft 'un Studios Mixed Reality 'in bir diğeri de daha önce kıdemli 3b sanatçıtı.

Büyük ölçüde bilgi sahibi olmak için karışık gerçeklik tasarımı ekibine ve projenin her adımında önemli ekip matları olması için nesne teorisine yönelik harika katlara teşekkür ederiz. Sizin için harika olan ve tasarım için olağanüstü bir gözle teşekkür ederiz.