Adobe Proto - weblapvázlat egyszerűen

Előfordult már, hogy beszélgetés közben gyorsan meg kellett volna csinálni egy weblap vázlatát? A megoldás az Adobe Proto, aminek a segítségével könnyedén lerajzolhatjuk egy weblap alapjait, így bárki számára könnyedén el tudjuk magyarázni az ötleteinket.

Ha új projektet hozunk létre, akkor meg kell adni a szélességet, a rács oszlopainak számát, valamint az oszlopok közötti távolságot. A rajzeszköz segítségével egy kis gyakorlás után sokkal gyorsabban lehet felrajzolni. Ha a projekt megnyitása után először választjuk ki az eszközt, akkor megjelenik a Gesture Guide, ahol mindent megtalálhatunk, hogyan kell rajzolni. Alatta található a szöveg beillesztése. Ha szeretnénk módosítani a szöveget, akkor a Text Heading-et kell kiválasztani, amennyiben csak szeretnénk kitölteni, akkor a Para Text segítségével tehetjük ezt meg.

Ezeken kívül még lehetőség van tetszőlegesen DIV boxokat elhelyezni, képeknek helyfenntartót, valamint videókat is. Alulról a második menüpont tartalmazza a form elemeit, mint a szövegmező, szövegterület és gomb. Legalul a különböző widgetek találhatóak, mint a vertikális menü csík és a navigációs csík. Ezek közül néhánynál lehet linkelni, így ha a fenti menüpontok közül az utolsó előttire nyomunk, akkor a projekten belül több oldalt is létrehozhatunk, amikre hivatkozhatunk. Ha meg szeretnénk nézni működés közben, akkor a fenti csíknál található szemre nyomva tudjuk ezt megtenni.

Az elkészült projekteket rögtön feltölti az Adobe Creative Cloud-ba, majd utána el tudjuk küldeni e-mailben, amihez csatolja zip fájlba becsomagolva a teljes forráskódot css-el és jQuery-val együtt. Az alkalmazás 7,99 Euróért vásárolható meg iPad-re és Android-ra.