Car-tech

Revizuire: creionul vă permite să vă bateți în machete pentru aplicații mobile, site-uri Web și software desktop

Responsive Web Design Tutorial - 7 - Responsive Desktop vs Mobile Sites

Responsive Web Design Tutorial - 7 - Responsive Desktop vs Mobile Sites
Anonim

Este posibil să nu fiți un coder sau un dezvoltator de Web, dar asta nu înseamnă că nu știți exact cum doriți ca noua dvs. aplicație sau site-ul să arate și să se simtă. Încercarea de a ajunge la acel aspect perfect cu doar cuvinte poate fi o experiență frustrantă atât pentru client cât și pentru dezvoltator. O machetă de interfață bună merită o mie de cuvinte și nu trebuie să știi cum să codzi pentru a crea unul. De fapt, nici măcar nu trebuie să vă costă nimic: Creionul gratuit de utilitate conține tot ce aveți nevoie pentru a crea machete de serviciu pentru site-uri Web, aplicații desktop și aplicații mobile smartphone.

Dacă ați folosit vreodată un utilitar mockup, ca Lumzy gratuit sau $ 79 Balsamiq, interfața Pencil va fi familiarizată. Cea mai mare parte a ecranului este preluată de o pânză, iar o bară de instrumente liniară marginea din stânga a ferestrei. Bara de instrumente este plină de widget-uri pe care le puteți pune pe panza, împărțite în categorii cum ar fi Elemente de bază de bază, Widgeturi Windows XP, Android ICS, Șabloane de interfață pentru iOS și multe altele. În terminologia creionului, fiecare categorie este o colecție de "șabloane".

Navele cu creion cu multe colecții de stencil și depozitul de cod Google conține chiar mai mult, toate disponibile în mod liber. Pentru orice proiect dat, este posibil să aveți nevoie doar de unul sau două seturi de șabloane, iar Creionul face ușor ascunderea seturilor de stencil de care nu aveți nevoie. Și la fel ca Lumzy și Balsamiq, bara laterală include o cutie de căutare rapidă, permițându-vă să filtrați imediat lista doar la elementul UI de care aveți nevoie ("buton" și așa mai departe).

Cu setul de șablon ICS, creionul poate crea machete convingătoare pentru aplicațiile Android.

Pentru a testa Pencil, am folosit colecția sa de stencil Android ICS incluse pentru a prototipa rapid un singur ecran pentru o aplicație ipotetică Android care prezintă povestile superioare ale PCWorld. Am obținut rezultate mixte: colecția include șabloane frumoase pentru bara de stare Android (partea de sus a ecranului) și bara de navigare (partea de jos a ecranului), dar au fost o lățime greșită pentru proiectul meu și nu a existat nicio modalitate de redimensionare a acestora. Alte șabloane, cum ar fi cele utilizate pentru file și elementele de listă, ar putea fi ușor redimensionate. Am ajuns să-mi creez mockup-ul din acele șabloane, omițând partea de sus și de jos a ecranului. Nu sunt ideale, dar funcționale.

Nu toate seturile de stencil se joacă bine împreună: am găsit un set de șabloane cu gesturi touchscreen, dar toate elementele erau negre și nu aveau cum să-și schimbe culoarea. Modelul meu a folosit varianta întunecată a temei Android a lui Holo, deci avea un fundal negru - și negrul pe negru nu funcționează. Am avut aceeași experiență cu setul de icoane glifish, care include o mulțime de icoane grozave, toate realizate în negru - toate acestea sunt absolut inutile pentru momeală-uri întunecate Android.

Este un lucru bun Creionul este simplu de folosit, deoarece este necuantificat. Site-ul său conține un wiki, dar este pentru dezvoltatorii stencil, nu pentru utilizatorii finali. Compania a fost greu de atins pentru solicitările de presă și nu a răspuns la întrebările noastre privind cerințele de sistem. Pentru a utiliza Șablonul, trebuie doar să jucați cu el până când veți reuși să faceți acest lucru. Interfața este simplă, dar nu fără partea sa de surprize. De exemplu, nu puteți desena o marcă de selecție pentru a selecta mai multe elemente: Singura modalitate de a selecta mai multe elemente este Ctrl-clic pe fiecare.

Creion interfețe cu un serviciu gratuit de clipart online, permițându-vă să trageți rapid obiecte clipart vectoriale

În timp ce Creionul nu este perfect, eticheta sa atractivă de preț și seturile complete de ghilimele o fac o opțiune solidă pentru a începe să proiectezi interfața și să împărtășiți viziunea dvs. pentru un nou site Web sau pentru o aplicație mobilă.

Notă: Butonul Descărcare de pe pagina Informații despre produs va descărca software-ul în sistemul dvs.