Áttekintés szerszámok prototípus a felhasználói felületek

Áttekintés szerszámok prototípus a felhasználói felületek
Az elrendezés a webes felületen a böngésző

Ez a program - a legismertebb eszköz létrehozása prototípusok. Balsamiq elérhető minden operációs rendszerrel, és integrálja a különböző rendszerek működnek együtt, beleértve a Jira, Confluence és a Google Drive. Továbbá, van egy online változata Balsamiq. Licenc egy PC kerül $ 79 és a hozzáférést a webes alkalmazás - a $ 12 havonta (legfeljebb három aktív projektek).

A Balsamiq egy nagy könyvtár sablonok, szinte minden eleme a felület testre szabható egy adott forgatókönyv. Például, hozzátéve, hogy a forma egy legördülő menüben megadhatja, hogy mely területeken kell kiemelni, mint a kiválasztott.

Áttekintés szerszámok prototípus a felhasználói felületek
Bemutató mód. A kurzor nem csak nézni groteszk, de úgy viselkedik megfelelően

Áttekintés szerszámok prototípus a felhasználói felületek
Az elrendezés a felhasználói felületen iPhone

Az így kapott modellek tárolható saját formátumában a program további szerkesztésre vagy exportálni PNG vagy PDF formátumban.
Van is egy ál előadás módban. Amikor aktiválódik, az elrendezés jelenik meg teljes képernyős módban, és a kurzor nyíl folyamatosan irányul, hogy a képernyő közepén. Megnyomásával a kurzort egy interfész elem, akkor mozog egy másik elrendezés, vagy menjen URL.

Áttekintés szerszámok prototípus a felhasználói felületek
Tablet sablonok nézd rendetlen, de fel lehet használni, hogy felhívja a felület bármilyen eszköz

WireframeSketcher Studio - talán a leginkább felhasználóbarát eszköz létrehozása elrendezések megkérdezettek ebben a cikkben. Ez sablontár, még inkább, mint Balsamiq vannak olyan modellek, az összes népszerű mobil operációs rendszert (iOS, Windows Phone és Android), és még néhány Web keretek, mint a Bootstrap. Az interfész a program, mint az azonos Balsamiq próbamodellek, kényelmesebb: a leggyakrabban használt funkciókat, mint például a csoportosítás elemeket, és elviszi őket az előtérben vagy a háttérben fut a gombok a fő eszköztár helyett a menüben.

A projekt tartalmazhat több „képernyős”, és a belsejében minden képernyőn interfész elem is kombinálhatók csoportokba. Ha módosítunk egy navigációs át a szitán és csoportok elemek segítségével végzik, panelek, folyamatosan a bal oldalon az ablak, ami nagyon kényelmes, ha dolgozik az összetett elrendezésű. Jobb oldalon az ablak foglalja el a böngésző sablon könyvtárat.

Minden elemet adnak arra, hogy a finomhangolás. Bemutatják az interfész mechanizmus működhet a klónozás a kezdő képernyőn. Ezt követően, minden egyes lépés az ábrán külön megváltoztatásával a megfelelő elemek. Egy másik hasznos funkció - képes importálni grafikus fájlokat. Ez lehetővé teszi, hogy egy screenshot a valódi felületet, majd befejezni a változást.

WireframeSketcher Studio elérhető Windows, Linux és OS X, valamint valamint egy plugin az Eclipse. Örökös licencet, köztük egy év támogatás kerül $ 99.

Áttekintés szerszámok prototípus a felhasználói felületek
Interface FlairBuilder aszketikus

Beállítása sablont primitív, de kényelmes: ha az egyik eleme már a lapra helyezik mellett úgy tűnik, egy pár gomb, amelynek az a célja nyilvánvaló a képekre.

FlairBuilder támogatja az interaktivitást. Ha rákattint bármelyik eleme a felület, akkor kapcsoljuk be a másik oldalon a dokumentum, elrejteni / megjeleníteni, vagy hogy aktív / inaktív minden elrendezés elem, lapozhat a lapok, változtassa meg a helyzetét és méretét interfész elemeket. Minden a fenti lépéseket, akkor adjon egy olyan feltételt teljesítenek alapján az állam a többi elem.

Áttekintés szerszámok prototípus a felhasználói felületek
Képes létrehozni alkalmazások Windows elrendezést DesignerVista makett eszköz úgy tűnik határtalan

DesignerVista bebörtönzött kizárólag a design desktop alkalmazások Windows interfészek. Ennélfogva, a funkciók a könyvtár: van, például, egy hatalmas sor sablonok megépítésére egy szalag felület (szalag). Még egy egyszerű doboz sablon két változatban kapható: Windows 7 és 8.

stílusú felület A program keretében a legújabb változatát a Microsoft Office. Kényelmes vele dolgozni. Az egyetlen hátránya - nincs automatikus igazítást az elemek. Például WireframeSketcher Studio a sablont, ha húzza a listán megpróbálja automatikusan összehangolja tekintetében a szomszédos elemek. Ebben a kijelző alsó sorában, a logika azt diktálja, hogy az összehangolás. A DesignerVista összehangolni az egyes gombok használhatók az eszköztáron, kissé növeli az időt az elrendezés.

Általában, ha azt szeretné, hogy csak a modelleket az asztali Windows-alapú alkalmazások, a DesignerVista - a tökéletes megoldás, a kapott prototípus alig különbözik a tényleges screenshot a program. A licenc ára - 169 $ egy felhasználó.

Áttekintés szerszámok prototípus a felhasználói felületek
Caretta GUI Design Studio Könyvtár nem rosszabb DesignerVista, bár sok ikonok benne elavultak

GUI Design Studio két változatban kapható: Szakmai és Express, az ára 129 és 499 $ volt. Ez a program abban különbözik a többi a lehető legszélesebb programozási felület viselkedését, csak a Professional változat. Úgy látszik, ez annak köszönhető, hogy ilyen magas árat.

Tartalom űrlap elrendezés lehet rendelni a változó nevét. A változók egy adatbázisban tárolják, amely megérti a szót SELECT, és hova. Ezenkívül a felhasználói input adatokat az adatbázisba, akkor előtöltésére adatokat. Minden olyan elem, beállíthatja a láthatóságot és az aktivitás értéke alapján az egyes változókat.

Amellett, hogy grafikusan látható elem a prototípus lehet adni, és láthatatlan elemek, navigációs, hogy lesz a különböző események: végrehajt egy lekérdezést egy adatbázis, hangokat lejátszani, vagy fuss animációk felhasználói felület néhány eleme.

Fuss interaktív prototípusok lehetnek a program, vagy egy speciális megjelenítő, amely ingyenesen terjesztett. Természetesen semmi sem akadályozza meg könnyen export modellek PNG, ha nem akar az interaktivitás. Professional változat támogatja a verzió kezelőgombok segítségével SVN.

GUI Design Studio középpontjában létre elrendezések programok a Windows. sablonokat nem olyan gazdag, mint a DesignerVista. Ez lehet egy kicsit bővíteni, importálja saját ikonokat ico formátumban.

Áttekintés szerszámok prototípus a felhasználói felületek
Ő $ 266 UXToolbox alig éri meg, egyszerűen nincs gyilkos funkciók, amely indokolná az árcédula

Áttekintés szerszámok prototípus a felhasználói felületek

Áttekintés szerszámok prototípus a felhasználói felületek
Elrendezések lehet megtekinteni drótváz módban és a high-res üzemmód

Interaktivitás UXToolbox végre meglehetősen kezdetleges. Bármely elemének a felület lehet használni, mint egy link egy másik oldalra a dokumentumot. Papírlap teljesen független modellek.

A program két üzemmódban kijelzőre: drótváz és nagy felbontású. Az utóbbi teszi a kép még kellemes a szemnek, a felület lesz hasonló a screenshot.

Sajnos a sablon könyvtár meglehetősen szűkös. Másrészt, van egy speciális felhasználói felület elemeit iOS és az Android. A programok csak akkor generál rajzok számos eleme (például gombokat és a görgetősáv) képviseli az azonos sablonokat webes elrendezés és a mobil alkalmazások. De ha kell, hogy hozzon létre egy reális elrendezését egy ilyen megközelítés elfogadhatatlan.

UXToolbox kér sokat - $ 266 engedély iránti egyetlen felhasználó részére. Ügyeljen arra, hogy megéri, ha azt szeretné, hogy gyorsan létre pontos modelleket lehet illeszteni nem csak a fejlesztő TK, hanem a bemutató.

Áttekintés szerszámok prototípus a felhasználói felületek
Hozzáférés az PowerMockup keresztül érhető el az eszköztár telepítve van a könyvtár

Bár ez a könyvtár és rosszabb a számos hasznos sablonok legjobb program ebben a felülvizsgálat, akkor mindent meg kell gyorsan dolgozni. Persze, meg lehet változtatni a minták mérete és szerkeszteni a szöveget, amit közölt. De állapotának megváltoztatásához az ellenőrzések, például nyomógomb, vagy válasszon a legördülő menüből, mivel lehetővé teszi, hogy teljes értékű programot, sajnos, nem fog működni.

Mivel a jó hírnevét a Microsoft Visio eszközeként létre mindenféle táblázatok, nem tudtam, hogy ha ez termelni felhasználói felület makettet csinálni.

Áttekintés szerszámok prototípus a felhasználói felületek
sablonokat időpontja Sketch GUI alakzatok Visio

Sajnos, ebben az esetben külön jobb volt, mint az egyetemes. A Visio nem lehet változtatni az állam a vezérlő elemek. Például nincs olyan elem, például egy üres (nincs bejelölve) rádiógombot. És, hogy hozzon létre egy legördülő lista, szükséges, hogy külön sablonokat a felfelé nyíl gombot, és az egyes elemek a lista. Mindez azt eredményezi, hogy az a tény, hogy az alkotás folyamatát az elrendezés Visio több időt vesz igénybe, mint a speciális programot.

Elrendezések, mint szolgáltatás

Néz és prototípus lehet, és a segítségével a webes szolgáltatások. A nyilvánvaló előnye a lehetőséget a közös munka. A számos ilyen szolgáltatások olyan nagy, hogy kezelni őket ugyanolyan részletességgel a programot, akkor elég unalmas lenne. A tény az, hogy a funkcionalitás, legtöbbjük ismételje egymást. Ezért adok egy rövid összefoglalót a tíz webes szolgáltatások első megakadt a szemem.

Itt található az ezt a cikket egy ismerősének:

Kapcsolódó cikkek