Cel mai bun răspuns
Proiectanți UI:
Sistem: Mac
Avantaje: complet pentru proiectarea „interfeței”
Sketch este un instrument ușor, ușor de utilizat, de proiectare vectorială, care face proiectarea UI mai simplă și mai eficientă . Platforma simplifică caracteristicile utilizate în Photoshop și Illustrator, concepute special pentru proiectarea UX / UI. Înainte de Sketch, designerii trebuiau să comute între Photoshop și Illustrator pentru a obține caracteristici specifice, cum ar fi vectorul și alte efecte foto. Acum, Sketch le permite utilizatorilor să scape de funcționalitatea umflată și să se concentreze pe experiența utilizatorului / designul interfeței utilizatorului pentru a profita la maximum de designul interfeței de utilizare. Una dintre cele mai bune caracteristici ale Sketch este capacitatea de a instala pluginuri pentru a compensa caracteristicile care nu sunt incluse în software.
Cu toate acestea, chiar dacă este unul dintre cele mai practice instrumente pentru proiectarea interfețelor de utilizare a aplicației Android, suportul Sketch pentru previzualizarea în timp real a laturii Android nu este foarte eficient. Utilizatorii trebuie să descarce SkalaPreview și numai după o serie de operații greoaie pot vedea designul real al interfeței Android pe partea de telefon.
Sistem: Mac și Windows
Avantaj: proiectare colaborare online și proiectare manuală pentru proiectanții și dezvoltatorii de interfețe
Ca un instrument de colaborare și de transfer nou, iDoc are plugin-uri puternice care acceptă importul de fișiere din Photoshop, Adobe XD și Sketch . Cu ajutorul pluginurilor, iDoc este posibil să genereze specificații și active automat pentru utilizarea designerului UI. Pentru a transforma fișierele de design static în prototipuri hi-fi interactive și animate, trebuie doar să încărcați fișierele în modulul prototip al iDoc.
Invision – un instrument de prototipare bazat pe web care face ca proiectarea dvs. să fie rapidă
Cost: gratuit pentru 1 proiect (15 $ / lună pentru 3 proiecte | 25 $ / lună pentru proiecte nelimitate | 99 $ / lună pentru echipe)
Compatibilitate: Mac și Windows
Caracteristici ：
- Cu InVision, designerii își pot încărca fișierele de proiectare și pot adăuga animații, gesturi și tranziții pentru a-și transforma ecranele statice în prototipuri interactive care pot fi făcute clic. Obțineți înaltă fidelitate în mai puțin de 5 minute.
- Acceptă fișiere în format PNG, JPG, GIF, AI și PSD. Aplicația InVision este excelentă pentru colaborarea la proiectele de proiectare și colectarea de feedback de la colegi și clienți.
- Un nou design magic pentru fluxul de lucru pentru dezvoltare. Creați foi de stil, obțineți compoziții perfecte pentru pixeli, discutați provocările de proiectare, exportați adaptativ și generați cod real pentru orice element de proiectare.
Preț – Gratuit pentru personal utilizați
– 12 USD de persoană pe grup / lună
Introducere: Figma este primul instrument de proiectare a interfeței pentru real -colaborare în timp. Are trei caracteristici lăudabile: colaborare în timp real, rețea vectorială și control de versiune. Pur și simplu, Figma este ca o schiță bazată pe browser, cu colaborare în timp real .
Experiență personală: inițial am fost sceptic față de figma experiența utilizatorului, deoarece este un instrument de proiectare a interfeței bazat pe browser. Dar mai târziu am găsit că este încă foarte sensibil la utilizare. Mai mult, instrumentele browserului au avantajul că destinatarul nu trebuie să instaleze nimic, trebuie doar să deschidă browserul pe computer pentru a participa la proiect. Fișierele Figma sunt disponibile pe Mac, Windows, Linux și dispozitive mobile (numai vizualizare).
Răspuns
Dacă un dezvoltator mi-ar spune „nu”, aș întreba mai întâi de ce și aș încerca să înțelegeți motivul pentru care au spus că nu. Dacă se dovedește că există o modalitate mai bună de a aborda provocarea de proiectare, aș fi mai mult decât dispus să schimb designul.
Cu toate acestea, dezvoltatorii sunt, în general, capabili să codeze oricare dintre caracteristicile și proiectele proiectanților UI Vino cu. După cum a subliniat William Hurley în acest răspuns, aproape orice este posibil când vine vorba de software.
Am întrebat dezvoltatorii de software dacă este posibilă „caracteristica x” sau dacă designul poate fi codat pentru a funcționa o anumită și nu mi s-a spus niciodată „nu”.
Acestea fiind spuse, obiectivul ca designer de interfață de utilizare ar trebui nu face un design complex. Scopul ar trebui să fie de a face interfața cât mai simplă și intuitivă pentru utilizator.
Din acest motiv, am folosit principiile Google Material Design în cele mai recente proiecte ale mele (consultați 5 motive puternice și practice pentru a utiliza designul materialelor ).
Există mai multe beneficii care vin odată cu aceasta:
- Familiaritate pentru utilizatori – Gmail, YouTube, Evernote, Buzzfeed și multe alte aplicații folosesc Material Design, deci există șanse mai mari ca utilizatorii aplicației dvs. să fie familiarizați cu modul în care interfața arată și funcționează.
- Cadruri existente – Au fost create multe cadre care includ componente gata făcute pentru dezvoltatori, precum Materializați CSS , Material AngularJS și Material-UI . Acest lucru îi ajută pe proiectanți să vadă ce este ușor disponibil dezvoltatorilor și să utilizeze aceste componente în proiectele lor.
- Luare de decizii mai rapidă – Când dezvoltatorii și designerii poate funcționa din aceeași paletă de componente, face procesul de proiectare și dezvoltare mai rapid.
Iată un videoclip extraordinar despre modul în care Google a făcut ca pletora lor de aplicații să arate și să se simtă coerente, chiar înainte de lansare Proiectarea materialelor. Prin aplicarea principiilor pe care le-au folosit atunci și acum, designerii pot crea interfețe mai bune și pot elimina practic „nu” din vocabularul dezvoltatorilor.