Reaaliaikainen esikatselu, viewportit ja esitystila

Jokaisen projektin oikea puoli on reaaliaikainen esikatselu — ei mockup vaan projektikansion todelliset tiedostot, paikallisesti tarjoiltuina ja uudelleenpiirrettyinä sitä mukaa kun agentti kirjoittaa niitä. Se, mitä näet, on kirjaimellisesti se, mitä julkaiset.

Result-, Code- ja Split-välilehdet

Paneelin yläreunan välilehdet vaihtavat, miten katsot samaa tilaa:

  • Result — renderöity suunnitelma. Täällä ohjaus tapahtuu.
  • Code — esikatselun alla oleva lähdekoodi, kun haluat nähdä tiedostot.
  • Split — molemmat vierekkäin.

Viewportit ja zoomaus

Työkalurivin laitepainikkeet muotoilevat tuloksen uudelleen kiinteillä leveyksillä — työpöytä, tabletti ja puhelin — joten voit tarkistaa, miten suunnitelma reagoi, poistumatta ajosta. 50 / 100 / 150 % -zoomaskeleet ovat niiden vieressä, ja leveys-chipit hyppäävät suoraan gaten tarkistamiin murtopisteisiin (puhelin- ja tabletikoot, joissa navigaatio ja osumakohteet useimmiten rikkoutuvat).

Puhelinviewport — sama tulos muotoiltuna uudelleen kapealla leveydellä

Koska tarkistus on reaaliaikainen, gaten ajama viiden leveyden vertailu — työpöytä, läppäri, tabletti ja kaksi puhelinleveyttä — on jotain, mitä voit itse silmäillä missä tahansa vaiheessa, ei vain vuoron päätyttyä.

Kaksi viewport-kokoa vierekkäin — responsiivisuuden tarkistus yhdellä silmäyksellä

Poimi, kommentoi ja työkaluraili

⌥-hoveröinti esikatselussa korostaa kohdistimen alla olevan elementin — saman elementin, jonka agentti näkee — ja ⌥-klikkaus pinnii siihen kommentin. Railin painikkeet avaavat ohjauslaatikot: Tweaks reaaliaikaisille säädöille, Comment mode pinneille ja piirtämiselle, Designer talk kysyäksesi suunnitelmalta, miksi se näyttää siltä kuin näyttää. Jokaisella on oma sivunsa kohdassa Ohjaus.

Esitystila

Present pudottaa studion kromin pois ja täyttää ikkunan tuloksella — esitä ajo jollekin toiselle huoneessa tai katso suunnitelmaa ilman transkriptiota vieressä. Escape palaa projektiin.

Esitystila — tulos täyttää ikkunan

Mikä pysyy livenä agentin työskennellessä

Esikatselu piirtää itsensä uudelleen vuoron aikana, ei vain lopussa — katsot suunnitelman kokoontuvan tiedosto kerrallaan. Ohjaus (pickit, kommentit, Tweaks) pysyy myös livenä; uudet muistiinpanot jonoutuvat seuraavalle vuorolle sen sijaan, että ne keskeyttäisivät buildin.

Vinkki: Tarkista puhelinviewport ennen kuin julistat tuloksen valmiiksi — gate tekee sen. Navigaatio, joka toimii työpöytäleveydellä mutta päättyy umpikujaan mobiilissa, on ylivoimaisesti yleisin FAIL.

Katso myös