Ontwerprichtlijnen voor het 3D-startprogramma voor apps

Wanneer u een Windows Mixed Reality insluitende headset (VR) opgeeft, voert u de Windows Mixed Reality thuis in. Het huis wordt gevisualiseerd als een huis op een klif omgeven door bergen en water, maar u kunt andere omgevingen kiezen en zelfs uw eigen omgevingen maken). Binnen de ruimte van het huis is een gebruiker vrij om de 3D-objecten en apps te rangschikken en organiseren die ze belangrijk vinden op elke gewenste manier. Een 3D-startprogramma voor apps is een 'fysiek' object in het mixed reality-huis van de gebruiker dat ze kunnen selecteren om een app te starten.

Example: Floaty Bird 3D app launcher
Voorbeeld van het startprogramma voor floaty Bird 3D-apps (fictieve app)

3D-startprogramma voor apps maken

Er zijn drie stappen voor het maken van een 3D-startprogramma voor apps:

  1. Ontwerpen en concepteren (dit artikel)
  2. Modelleren en exporteren
  3. Integreren in uw toepassing:

Ontwerpconcepten

Fantastisch maar bekend

De Windows Mixed Reality omgeving waarin het startprogramma voor apps zich bevindt, is deel vertrouwd, deel fantastisch/sci-fi. De beste startprogramma's volgen de regels van deze wereld. Denk na over hoe u een vertrouwd, representatief object uit uw app kunt nemen, maar enkele van de regels van de werkelijke realiteit kunt buigen. Magie zal resulteren.

Intuïtieve

Wanneer u het startprogramma voor apps bekijkt, moet het doel ervan , om uw app te starten, duidelijk zijn en geen verwarring veroorzaken. Zorg er bijvoorbeeld voor dat uw startprogramma een duidelijk genoeg vertegenwoordiger is van uw app, dat deze niet wordt verward voor een stuk decor in het Cliff House. Het startprogramma voor apps moet personen uitnodigen om deze aan te raken/te selecteren.

Example: Fresh Note 3D app launcher
Voorbeeld van nieuw startprogramma voor notitie 3D-apps (fictieve app)

Startschaal

3D-startprogramma's voor apps leven in cliff house en hun standaardgrootte moet zinvol zijn met de andere 'fysieke' objecten in de ruimte. Als u uw startprogramma naast bijvoorbeeld een huisplant of een meubel plaatst, moet het zich thuis voelen, groottesgewijs. Een goed uitgangspunt is om te zien hoe het eruitziet op 30 kubieke centimeter, maar vergeet niet dat gebruikers het kunnen omhoog of omlaag schalen als ze dat leuk vinden.

Eigen vermogen

Het startprogramma voor apps zou moeten voelen als een object dat een persoon zou willen hebben in hun ruimte. Ze zullen zich virtueel omringen met deze dingen, dus het startprogramma zou moeten voelen alsof de gebruiker dacht dat ze wenselijk genoeg waren om te zoeken en in de buurt te houden.

Example: Astro Warp 3D app launcher
Voorbeeld van het startprogramma voor astro Warp 3D-apps (fictieve app)

Herkenbaar

Uw 3D-startprogramma voor apps moet onmiddellijk 'het merk van uw app' uitdrukken aan mensen die het zien. Als u een sterteken of een bijzonder identificeerbaar object in uw app hebt, raden we u aan dat te gebruiken als een belangrijk onderdeel van uw ontwerp. In een mixed reality-wereld zal een object meer interesse trekken van gebruikers dan alleen een logo. Herkenbare objecten communiceren snel en duidelijk.

Volumetrische

Uw app verdient meer dan alleen uw logo op een plat vliegtuig zetten en het een dag noemen. Uw startprogramma moet een spannend, 3D- fysiek object in de ruimte van de gebruiker zijn. Een goede benadering is om je app voor te stellen dat je een ballon zou hebben in de Thanksgiving Day Parade van Macy. Vraag jezelf, wat zou echt wauw mensen als het langs de straat kwam? Wat zou er geweldig uitzien vanuit alle kijkhoeken?

Logo onlyAlleen logo

More recognizable with a characterHerkenbaarder met een teken

Flat approach, not surprisingly, feels flatPlatte benadering, niet verrassend, voelt plat aan

Volumetric approach better showcases your appVolumetric approach toont uw app beter

Tips voor goede 3D-modellen

  • Bij het plannen van dimensies voor het startprogramma voor apps schiet u ongeveer een kubus van 30 cm. Dus, een verhouding tussen 1:1:1 en 1.
  • Modellen moeten kleiner zijn dan 10.000 veelhoeken. Meer informatie over het aantal driehoeken en de niveaus van details (LOD's)
  • Test op een insluitende headset.
  • Bouw waar mogelijk details in de geometrie van uw model in. Vertrouw niet op patronen voor detail.
  • Bouw "waterdichte" gesloten geometrie. Geen gaten die niet zijn gemodelleerd.
  • Gebruik natuurlijke materialen in uw object. Imagine het in de echte wereld te maken.
  • Zorg ervoor dat uw model goed leest op verschillende afstanden en grootten.
  • Wanneer uw model klaar is om te gaan, leest u de richtlijnen voor het exporteren van assets.

Model with subtle details in the texture
Model met subtiele details in het patroon

Wat u moet vermijden

  • Gebruik geen details met hoog contrast of kleine, drukke patronen en patronen.
  • Gebruik geen dunne geometrie. Het werkt niet goed op afstand en zal een alias slecht zijn.
  • Laat delen van uw model niet te veel uitbreiden dan de grootteverhouding 1:1:1. Er worden problemen met het schalen gemaakt.

Avoid high-contrast, small busy patterns
Vermijd hoog contrast, kleine, drukke patronen

Type verwerken

  • Het is raadzaam dat uw type ongeveer 1/3 van het startprogramma voor apps (of meer) in beslag neemt. Type is het belangrijkste dat mensen een idee geeft dat uw startprogramma in feite een startprogramma is, dus het is leuk als het aanzienlijk is.
  • Vermijd superbreed type te maken: probeer het binnen de grenzen van de kerndimensies van het startprogramma voor apps te houden (meer of minder).
  • Plat type kan werken, maar het kan moeilijk zijn om vanuit bepaalde hoeken en in bepaalde omgevingen te bekijken. U kunt overwegen het een solide object of achtergrond erachter te plaatsen om dit te helpen.
  • Het toevoegen van dimensie aan uw type voelt mooi in 3D. Het arceren van de zijkanten van het type een andere, donkerdere kleur kan helpen bij de leesbaarheid.

Flat type without a backdrop can be hard to view from certain angles and in certain environmentsPlat type zonder achtergrond kan moeilijk te bekijken zijn vanuit bepaalde hoeken en in bepaalde omgevingen

Type with a built-in backdrop can work wellType met een ingebouwde achtergrond kan goed werken

Extruded type can work well if you shade the sidesGeëxtrudeerd type kan goed werken als u de zijkanten schaduwt

Kleuren typen die werken

  • Wit
  • Zwart
  • Heldere semi-verzadigde kleur

Type colors that work.
Kleuren typen die werken

Kleuren om te voorkomen

Typekleuren die problemen veroorzaken, zijn onder andere:

  • Middentinen
  • Grijs
  • Oververzadigde kleuren of gedesatureerde kleuren

Type colors that cause trouble.
Kleuren typen die problemen veroorzaken

Belichting

De verlichting voor uw startprogramma voor apps is afkomstig uit de Cliff House-omgeving. Zorg ervoor dat u uw startprogramma op verschillende plaatsen in het hele huis test, zodat het er goed uitziet in zowel licht als schaduwen. Het goede nieuws is dat als u de andere ontwerprichtlijnen in dit document hebt gevolgd, uw startprogramma in goede vorm moet zijn voor de meeste verlichting in het Cliff House.

Goede plekken om te testen hoe uw startprogramma eruitziet in de verschillende lichten in de omgeving zijn de Studio, de Media Room, overal buiten en op de Achter patio (het betongebied met het gazon). Een andere goede test is om het in halflicht en halve schaduw te plaatsen en te zien hoe het eruit ziet.

Make sure your launcher looks good in both light and shadows.
Zorg ervoor dat uw startprogramma er goed uitziet in zowel licht als schaduwen

Texturing

Uw patronen ontwerpen

De eindindeling van het startprogramma voor 3D-apps is een GLB-bestand dat wordt gemaakt met behulp van de PBR-pijplijn (Physically Based Rendering). Dit kan een lastig proces zijn - nu is het een goed moment om een technische kunstenaar te gebruiken als je dat nog niet hebt gedaan. Als u een dappere DIY-er bent, neemt u de tijd om te onderzoeken en PBR-terminologie te leren en wat er onder de schermen gebeurt voordat u begint, helpt u veelvoorkomende fouten te voorkomen.

Example: Fresh Note app
Nieuw voorbeeld van het startprogramma voor apps voor 3D-apps (fictieve app)

We raden u aan om Substance Painter by Allegorithmic te gebruiken om uw uiteindelijke bestand te ontwerpen. Als u niet bekend bent met het ontwerpen van PBR-shaders in Substance Painter, volgt hier een zelfstudie.

(Of 3D-Coat, Quixel Suite 2 of Marmoset Toolbag zou ook werken als u meer vertrouwd bent met een van deze.)

Aanbevolen procedures

  • Als het startprogramma voor apps is gemaakt voor PBR, moet het eenvoudig zijn om het te converteren voor de Cliff House-omgeving.
  • Onze shader verwacht een metaal-/ruwheidswerkstroom - De Unreal PBR-shader is een nauwe facsimile.
  • Houd bij het exporteren van uw patronen rekening met de aanbevolen textuurgrootten .
  • Zorg ervoor dat u uw objecten bouwt voor realtime verlichting. Dit betekent:
    • Vermijd gebakken schaduwen of geschilderde schaduwen
    • Vermijd gebakken verlichting in de patronen
    • Gebruik een van de PBR-materiaalcreatiepakketten om de juiste kaarten te genereren voor onze shader

Zie ook