Cum să începeți proiectarea Android App

Î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?

Elementele standard Android UI sunt ... Nu sunt sexy

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.

Proiectați pentru dispozitivul sau marca?

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.

Funcționează pentru jocuri

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:

Nu funcționează pentru utilități

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:

Cum de a proiecta pentru mai multe dimensiuni ecran

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.

"Pixelul independent de densitate"

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.

Crearea a trei seturi de grafică

Din cauza problemei rezoluției / mărimii de ecran menționate mai sus, Android recomandă crearea a trei seturi de grafică pentru:

  • Ecrane cu densitate ridicată
  • Ecrane de densitate medie
  • Ecrane cu densitate scăzută

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.

Vrei să auzi mai mult?

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?

Alte resurse

Sfaturi pentru experiența utilizatorului pentru aplicațiile Android

Cod