3D alkalmazásindító tervezési útmutatója

Amikor egy Windows Mixed Reality modern (VR) headsetet helyez el, belép a Windows Mixed Reality otthonába. Az otthon úgy jelenik meg, mint egy hegyek és víz által körülvett sziklán lévő ház, de választhat más környezeteket, és akár sajátot is létrehozhat). Az otthoni térben a felhasználók szabadon rendezhetik és rendszerezhetik azokat a 3D objektumokat és alkalmazásokat, amelyeket a kívánt módon érdekelnek. A 3D alkalmazásindító egy "fizikai" objektum a felhasználó vegyes valósági házában, amelyet kiválasztva elindíthat egy alkalmazást.

Példa: Floaty Bird 3D alkalmazásindító
Floaty Bird 3D alkalmazásindító példa (fiktív alkalmazás)

3D alkalmazásindító létrehozási folyamata

A 3D alkalmazásindító létrehozásának három lépése van:

  1. Tervezés és koncepció (ez a cikk)
  2. Modellezés és exportálás
  3. Integrálása az alkalmazásba:

Tervezési alapelvek

Fantasztikus, mégis ismerős

Az Windows Mixed Reality környezet, amelyben az alkalmazásindító él, részben ismerős, részben fantasztikus/sci-fi. A legjobb indítók követik a világ szabályait. Gondoljon arra, hogyan vehet fel egy ismerős, reprezentatív objektumot az alkalmazásból, de hajlíthatja a tényleges valóság néhány szabályát. A varázslat eredményt fog eredményezni.

Intuitív

Ha megtekinti az alkalmazásindítót, annak célja , hogy elindítsa az alkalmazást, nyilvánvalónak kell lennie, és nem okozhat zavart. Győződjön meg például arról, hogy az indító az alkalmazás egyértelmű képviselője, és nem tévesztendő össze a Cliff House-ban található dekorációval. Az alkalmazásindítónak meg kell hívnia a felhasználókat, hogy megérintsék/kijelöljék.

Példa: Fresh Note 3D alkalmazásindító
Fresh Note 3D app launcher example (fiktív alkalmazás)

Otthoni skálázás

A 3D-s alkalmazásindítók a Cliff House-ban élnek, és az alapértelmezett méretüknek a tér többi "fizikai" objektumával kapcsolatban van értelme. Ha elhelyezi a indító mellett, mondjuk egy ház növény vagy néhány bútor, akkor úgy érzi, otthon, méret-bölcs. Jó kiindulási pont, ha megnézzük, hogyan néz ki 30 köbméterre, de ne feledje, hogy a felhasználók fel- vagy leskálázhatják, ha szeretné.

Saját képes

Az alkalmazásindítónak úgy kell éreznie, mint egy objektumot, amely egy személy számára izgalmas lehet a térben. Ezek gyakorlatilag körülveszik magukat ezekkel a dolgokkal, így a indítónak olyannak kell lennie, amit a felhasználó kívánatosnak vélt ahhoz, hogy megkeresse és a közelben maradjon.

Példa: Astro Warp 3D alkalmazásindító
Astro Warp 3D alkalmazásindító példa (fiktív alkalmazás)

Felismerhető

A 3D alkalmazásindítónak azonnal ki kell fejeznie az "alkalmazás márkáját" azoknak, akik látják. Ha csillag karakterrel vagy különösen azonosítható objektummal rendelkezik az alkalmazásban, azt javasoljuk, hogy ezt a kialakítás jelentős részeként használja. A vegyes valóság világában az objektumok jobban érdeklik a felhasználókat, mint csak egy emblémát. A felismerhető objektumok gyorsan és világosan kommunikálnak a márkával.

Térfogat

Az alkalmazás többet érdemel, mint az embléma sík síkra helyezése és napi meghívása. A indítónak egy izgalmas, 3D-s fizikai objektumnak kell lennie a felhasználó térében. Jó megközelítés az, ha azt képzeljük, hogy az alkalmazás egy ballont fog használni a Macy hálaadás napi parádéjában. Kérdezd meg magadtól, mi lenne igazán wow az emberek, ahogy jött le az utcán? Mi nézne ki jól minden látószögből?

Csak embléma

Felismerhetőbb karakterrelFelismerhetőbb karakterekkel

Lapos megközelítés, nem meglepő módon, úgy érzi, laposLapos megközelítés, nem meglepő, úgy érzi, lapos

A mennyiségi megközelítés jobban bemutatja az alkalmazástA mennyiségi megközelítés jobban bemutatja az alkalmazást

Tippek a jó 3D modellekhez

  • Az alkalmazásindító dimenzióinak tervezésekor nagyjából egy 30 cm-nyi kockát készítsen. Tehát, egy 1:1:1 méretarány.
  • A modelleknek 10 000 poligon alatt kell lenniük. További információ a háromszögek számáról és a részletek szintjeiről (LOD-k)
  • Tesztelje egy modern headsetet.
  • Ahol csak lehetséges, építse be a részleteket a modell geometriájába – ne támaszkodjon az anyagmintára a részletekért.
  • Építsünk "vízzáró" zárt geometriát. Nincsenek olyan lyukak, amelyek nem modellezettek.
  • Használjon természetes anyagokat a tárgyban. Képzelje el, hogy a való világban készíti el.
  • Győződjön meg arról, hogy a modell különböző távolságokban és méretekben jól olvasható.
  • Ha a modell készen áll a használatra, olvassa el az adategységek exportálására vonatkozó irányelveket.

Modell finom részletekkel az anyagmintában
Modell finom részletekkel az anyagmintában

Mit érdemes elkerülni?

  • Ne használjon kontrasztos részleteket, illetve kis méretű, elfoglalt mintákat és textúrákat.
  • Ne használjon vékony geometriát – távolról nem működik jól, és rosszul aliasos.
  • Ne hagyja, hogy a modell részei túl sokat nyúlnak az 1:1:1 méretarányon. Skálázási problémákat fog okozni.

Kerülje a kontrasztos, kis méretű elfoglalt mintákat
Kerülje a kontrasztos, kis méretű, foglalt mintákat

Típus kezelése

  • Azt javasoljuk, hogy a típus körülbelül 1/3-at foglaljon el az alkalmazásindítóból (vagy többből). A típus a fő dolog, amely ad az embereknek egy ötletet, hogy a launcher valójában egy indító, így jó, ha jelentős.
  • Kerülje a típus szuperszélessé tételét – próbálja meg az alkalmazásindítók alapvető méretei (többé-kevésbé) határain belül tartani.
  • Az egybesimított típus működhet, de bizonyos szögekből és bizonyos környezetekből nehéz lehet megtekinteni. Ennek megoldásához érdemes lehet egy szilárd objektumot vagy háttérrendszert elhelyezni mögötte.
  • A dimenzió hozzáadása a típushoz jólesik 3D-ben. A típus oldalainak árnyékolása egy másik, sötétebb szín segíthet az olvashatóságban.

A háttér nélküli lapos típusokat nehéz lehet megtekinteni bizonyos szögekből, és bizonyos környezetekben a háttér nélküli lapos típusokat bizonyos szögekből és bizonyos környezetekből nehéz lehet megtekinteni

A beépített háttérrendszerrel rendelkező típus jól működikA beépített háttérrendszerrel rendelkező típus jól működik

Az kihúzott típus jól működik, ha árnyékolja az oldalakatAz kihúzott típus jól működik, ha árnyékolja az oldalakat

Írja be a működő színeket

  • Fehér
  • Fekete
  • Világos, félig telített szín

Írja be a működő színeket.
Írja be a működő színeket

Elkerülendő színek

Írja be a problémát okozó színeket:

  • Középhangok
  • Szürke
  • Túltelített vagy telítetlen színek

Írjon be olyan színeket, amelyek problémát okoznak.
A problémát okozó színek beírása

Megvilágítás

Az alkalmazásindító világítása a Cliff House környezetből származik. Ügyeljen arra, hogy tesztelje a indítót több helyen a házban, hogy jól nézzen ki mind a fényben, mind az árnyékban. A jó hír az, hogy ha követte a dokumentum többi tervezési útmutatóját, a indítónak jó állapotban kell lennie a Cliff House legtöbb világításához.

Jó helyeken tesztelni, hogyan néz ki a launcher a különböző fények a környezetben a Studio, a Media Room, bárhol kívül és a Back Teraszon (a konkrét terület a gyep). Egy másik jó teszt az, hogy félig világos és félárnyékban, és nézd meg, hogyan néz ki.

Győződjön meg arról, hogy a indító fényben és árnyékban is jól néz ki.
Győződjön meg arról, hogy az indító fényben és árnyékban is jól néz ki

Textúrázás

Az anyagmintázatok készítése

A 3D alkalmazásindító végső formátuma egy .glb fájl lesz, amely a PBR (fizikai alapú renderelés) folyamattal készül. Ez egy trükkös folyamat lehet - most itt az ideje, hogy alkalmazzon egy műszaki művészt, ha még nem tette meg. Ha bátor DIY-er, szánjon időt a kutatásra, és ismerje meg a PBR terminológiáját , és mi történik a motorháztető alatt, mielőtt elkezdené, segít elkerülni a gyakori hibákat.

Példa: Friss jegyzet alkalmazás
Fresh Note 3D app launcher example (fiktív alkalmazás)

Javasoljuk, hogy az Adobe Substance Painter használatával szerkesszen végleges fájlt. Ha nem ismeri a PBR-árnyékolók anyagmásolóban való készítését, itt talál egy oktatóanyagot.

(Alternatív megoldásként a 3D kabát, a Quixel Suite 2 vagy a Marmoset Toolbag is működik, ha jobban ismeri ezeket.)

Ajánlott eljárások

  • Ha az alkalmazásindító objektumot a PBR-hez hozták létre, egyszerűen konvertálható a Cliff House-környezethez.
  • Árnyékolónk fém/érdesség munkafolyamatot vár – az Unreal PBR-árnyékoló egy közeli fakszimile.
  • Az anyagmintázatok exportálásakor tartsa szem előtt az ajánlott anyagminta-méreteket .
  • Ügyeljen arra, hogy az objektumokat a valós idejű világításhoz hozza létre– ez a következőket jelenti:
    • Kerülje a sütött árnyékok – vagy festett árnyékok
    • Kerülje a sült világítást a textúrákban
    • Használja az egyik PBR-anyagkészítő csomagot a shaderhez létrehozott megfelelő térképek lekéréséhez

Lásd még