În acest articol vom trece prin câteva subiecte de design foarte fundamentale pentru platforma Android. Pe lângă documentația furnizată de Google, există foarte puține resurse care oferă o viziune la nivel înalt privind proiectarea aplicațiilor mobile Android. Acest articol va face mai ușor să înțeleagă nuanțele designului interfeței utilizator Android.
Trebuie să recunosc că a fost un urs al unui articol de scris. De ce?
Am încercat să găsesc o modalitate de a evita acest subiect. Serios, am. Dar trebuie discutat.
În calitate de designer suntem cu toții prezentați cu o sferă de lucru atunci când începem un proiect și uneori include elemente de design și vizuale existente. Acesta este cazul elementelor standard de proiectare Android UI:
Proiectarea pentru Android se poate simți uneori ca și cum aș pune rujul pe un porc, dar asta se poate face într-un mod care este elegant.
Cunoscând ceea ce știm despre UI Android și elementele sale de design, este greu să rezistă noțiunii de reutilizare a unui UI iPhone "de dragul brandului". Dar este decizia corectă? Cred că răspunsul este dublu.
Iată capturi de ecran din jocul lui IconFactory, Frenzic. La fel ca cele mai multe jocuri, se rupe din interfața standard pentru iPhone și Android, deci are sens să reutilizează același șablon UI pentru ambele platforme:
Trebuie să găsiți o cale de a vă echilibra brand-ul și aspectul Platformei. Dropbox este un exemplu excelent de aplicație care menține integritatea mărcii și controalele UI ale platformei native într-un mod elegant:
Mare lucru despre Android este că rulează pe o grămadă de dispozitive. Lucrul rău despre Android este că rulează pe o grămadă de dispozitive. Însă pregătiți-vă designerii: acest factor va deveni mai bun / mai rău, pe măsură ce tot mai multe dispozitive apar pe piață.
Lucru de reținut când proiectați pentru Android este să NU utilizați machete cu lățime fixă. Dacă veniți dintr-un fundal de design web, gândiți-vă în termeni de "planuri fluide". Aspecte care se vor întinde pe baza lățimii browserului sau, în acest caz, a ecranului.
Google are un doc excelent despre modul în care puteți suporta mai multe dimensiuni ale ecranului aici. Nu vă faceți griji atunci când începeți să citiți despre lucruri precum "pixelul independent de densitate". Toate acestea înseamnă că conversia dintre pixeli și DP nu va fi consecventă în toate dimensiunile și rezoluțiile ecranului. Ce inseamna asta este daca creezi un grafic care arata grozav pe un ecran de 480x800, nu se va dimensiona corect pentru un ecran de 240x400.
Din cauza problemei rezoluției / mărimii de ecran menționate mai sus, Android recomandă crearea a trei seturi de grafică pentru:
Acest lucru va păstra designul dvs. de la obtinerea crunked sus atunci când este afișat pe diferite dimensiuni de ecran.
Grila de mai jos arată diferitele dimensiuni și rezoluții ale ecranului pe care le utilizați pentru fișierele Photoshop:
Știu că sunt multe. Dar dacă vă creați design-ul folosind straturi de formă vectorială, procesul de redimensionare nu ar trebui să fie prea dureros. Cheia este de a proiecta mai întâi ecranul cel mai mic, apoi dimensiunea pentru ecrane mai mari.
Acesta este primul meu articol specific pentru Android și aș vrea să știu dacă acesta este un subiect de interes pentru dvs..
Vă interesează citirea mai multor conținuturi de design pentru Android?
Sfaturi pentru experiența utilizatorului pentru aplicațiile Android