Chiar și artiști mari schițează și uneori desenează detalii ale picturilor mari pe șanțuri individuale. Dacă aveți nevoie să creați un site Web de calitate sau de creditare, selectați mai întâi serviciul corespunzător pentru a vă crea prototipul. În acest articol, am colectat pentru dvs. cele 9 programe cele mai populare care vă vor ajuta să creați un aspect al site-ului. De asemenea, vă vom ajuta să alegeți instrumentul potrivit pentru dvs.
Am aflat despre ce este prototipul unei pagini de destinație și de ce este nevoie, ultima dată. Astăzi ne îndreptăm atenția spre instrumentele și programele principale care vor contribui la facilitarea continuării lucrărilor proiectului. Demonstrați cele mai recente caracteristici, cele mai recente interfețe și comparați prețurile.
Deci, hai să mergem.
Cel mai simplu mod de a face un prototip al unei aterizări este de a trage cu mâna. Aspectul este desenat pe hârtie, apoi fotografiat și apoi transformat într-un program POP. Dar, să recunoaștem, este mai ușor și mai precis să desenezi un aspect separat direct în program. În acest scop, în POP are unele dintre funcțiile esențiale: pentru a insera o imagine, trage o regiune de formă dreptunghiulară sau circulară, pentru a indica unde să plaseze textul (sau pur și simplu a scrie unul care va spune un copywriter).
Procesul de creare a unui prototip în programul POP. Minimul de funcții, dar efort minim
Programul este cel mai simplu. Acesta nu este un prototip cool. Minimul de instrumente pentru sarcini minime. Dar POP suportă orice dispozitiv: iPhone, iPad, Apple Watch, Apple TV, Android. Există, de asemenea, o rețea de lucru unde puteți apela colegii și clienții pentru a discuta întregul proces simplu. Și, bineînțeles, POP-ul se integrează cu Dropbox.
Cost: de la 14 $ pe lună. Există o versiune gratuită.
2. Balsamiq
Programul prea simplu și funcționalitatea nu este cel mai bun. Cu toate acestea, Balsamiq oferă mai multe oportunități, are un set mare de elemente UI. Aici puteți selecta pictograme, desena butoane de diferite forme, adăugați tabele, lucrați cu fonturi. Câmpul de lucru în sine arată mai convenabil: există un marcaj. În Balsamiq, puteți crea și layouturi și hărți ale site-ului. Este potrivit pentru cei care nu sunt puternici în Photoshop.
Prototyping în Balsamiq: ca pe hârtie ...
Programul este utilizat direct în browser sau descărcat ca aplicație Adobe AIR.
Funcționează pe Mac sau pe Windows, se integrează cu Google Docs.
Cost: de la 12 $ pe lună. 30 de zile de testare gratuită.
3. InVision
Această aplicație vizează transformarea machetelor statice în prototipuri și mocapă cu elemente interactive, adică un mijloc de "revigorare" a aspectului. Invision
imită activitatea completă a viitorului site. Pe aceasta, puteți conecta layout-urile paginilor individuale la un prototip. În plus, este un instrument excelent pentru lucrul în studio. Software-ul include instrumente de drag-and-drop simplu, care facilitează procesul de proiectare a proiectelor UX.
Invision: instrumente simple vă vor revitaliza aspectul
4. PowerMockup
PowerMockup: ajuta la crearea unui prototip în PowerPoint
PowerMockup este disponibil numai pentru Windows.
Cost: de la 60 USD (o singură plată). 30 de zile de testare.
Dezvoltarea unui prototip în Axure: posibilități maxime pentru designer
Există posibilitatea de a lucra gratuit timp de o lună. Designerii noștri folosesc Axure.
Cost: de la 300 USD (plată unică).
Citește și: Două teste de sacrificare, pe care trebuie să le cheltuiți înainte de acceptarea creditului
6. Principiu
Un program de desktop destul de rapid, intuitiv, care nu necesită o conexiune la Internet. În el puteți face prototipuri interactive cu animații. Există instrumente pentru dispozitive cu ecrane tactile pentru a identifica diferite tipuri de interacțiune :. Apăsați, derulați, drag-and-drop, o apăsare lungă, etc. Printre celelalte caracteristici sunt disponibile: artbordy, măști, presetări. Panoul de conducător auto vă permite să faceți cu prototipul lucruri interesante: de exemplu, rotirea unui element în timpul operației de tip svaypa.
Prototyping în principiu
Funcționează pe Mac, este convenabil pentru utilizatorii de Mac OSX datorită elementelor de interfață similare. Complexitatea se datorează necesității de a organiza corect fișierele Sketch înainte de sincronizare.
Cost: 129 USD (plată unică). 14 zile de testare gratuită.
Programul funcționează cu aplicații mobile. În el puteți face un prototip pentru Android, iOS și, de asemenea, Windows. De fapt, această aplicație pentru browserul HTML5. De asemenea, ușor de utilizat, cu funcționalitate rapidă, vă permite să evaluați imediat rezultatul pe telefonul dvs. mobil. Are o bibliotecă cu mai mult de 1500 de elemente. Cu fluid glisarea cu ușurință edita, crea animații, programul sprijină gesturi, acțiuni la atingere, drag-and-drop, repetarea model de pagini, iar tranzițiile dintre ele, bibliotecile iPhone și Android, pentru a lucra cu imagini și capturi de ecran. Aspectul final poate fi tradus în diferite formate, inclusiv PDF și HTML. Există o oportunitate pentru un proces de lucru comun cu colegii.
Spațiu de lucru pentru crearea prototipului în Fluid
Serviciul facilitează sarcini pentru programatori: este mai ușor să înțelegi structura, funcționalitatea proiectului, să prezinți totul în versiunea finală. Astfel, întreaga dezvoltare și comunicare cu baza de date este optimizată. În Fluid, este mai ușor să colectați toate ecrane într-un singur proiect.
Cost: de la 15 $ pe lună. Există o versiune gratuită.
Acesta este un instrument pentru cei avansați. Aici, prototipul este dezvoltat în cod, folosind limbajul CoffeeScript. Dar nu vă speriați, crearea codului în Framer este un proces interesant, programul este furnizat cu instrucțiuni, chiar și nepregătit, îl poate stăpâni. În Framer, poți face animații interactive. Utilizatorii ca faptul că programul te face să te gândești atent la logica și structura designului.
Framer: prototip în cod
Un alt instrument bine cunoscut. Cu aceasta, puteți face și prototipuri interactive. Aici veți găsi toate instrumentele necesare creării de animații, precum și un sistem special cu care puteți lucra cu mai multe ecrane de aplicații. Puteți alege două versiuni: Flinto Lite, precum și Flinto pentru Mac. Acesta din urmă are o funcționalitate largă pentru crearea de animații, un program puternic și convenabil. Este cel mai rapid de învățat de cei care au lucrat pe Mac OSX. Există un plugin pentru Sketch, simplifică reconstrucția desenelor. Există defecte: Flinto pentru Mac funcționează cu șabloane pentru telefoane mobile și un prototip aici, este posibil să le distribuiți exclusiv celor care au instalat Flinto pentru Mac.
Procesul de creare a unui prototip în Flinto pentru Mac
Cost: de la 20 USD pe lună.
Ce serviciu să alegeți?
Alegerea dvs. va depinde de sarcină și de buget. O structură simplă care ajută la strângerea de idei împreună poate fi creată într-un program, cum ar fi POP sau PowerMockup. Pentru proiecte mai mari, utilizați programe multifuncționale precum Axure, Fluid, Principiu.
Principalul lucru pe care ar trebui să îl înțelegi este că și împrumutul pe șablon necesită prototipuri. Atenția la detalii în acest stadiu va alerta aspectul de bug-uri.
Citiți și:
