Proiectarea interfeței Android Design Icon

La fel cum aplicațiile iOS ar trebui să emuleze aspectul platformei iOS, aplicațiile Android de calitate profesională ar trebui proiectate astfel încât să se integreze bine cu restul platformei Android. Astăzi, ne deosebim puțin de tutorialele noastre orientate spre dezvoltatori și oferim o introducere de bază în proiectarea icoanelor corespunzătoare platformei Android.

Echipa de dezvoltare Android furnizează un set de îndrumări pentru proiectarea de icoane pentru dezvoltatorii de aplicații și designeri de aplicații. Noi nu simțim că o discuție rapidă despre designul icoanelor Android se depărtează prea mult de subiect. La diverse conferințe din industrie, echipa Android a recomandat dezvoltatorilor Android să angajeze designeri graficieni pentru a-și proiecta grafica și pictogramele aplicației. În timp ce este posibil scenariul optim, am constatat că dezvoltatorul de aplicații mobile deține adesea o serie de pălării și, prin urmare, uneori aceste sarcini grafice se încadrează la cele mai puțin inclinate grafic (inclusiv noi). Prin urmare, credem că acest subiect este demn de un tutorial rapid.

Icon Design Tools

Puteți proiecta pictograme pentru platforma Android folosind un număr de instrumente de proiectare grafică diferite. Vă recomandăm să găsiți unul care să accepte formatul de fișier .PSD (formatul de fișier nativ al Adobe Photoshop), precum și formatul PNG (ideal pentru majoritatea graficelor mobile). Utilizăm produsele Adobe Creative Suite, cum ar fi Photoshop și Illustrator, care acceptă aceste formate de fișiere. Suita Adobe de aplicații este ceea ce suntem familiarizați, dar există multe alte programe disponibile care să sprijine aceste formate, de asemenea. Găsește unul, și rămâi la el!

Pasul 1: Creați pictograme compatibile

Aplicațiile Android pot utiliza ierarhia alternativă a fișierelor de resurse pentru a furniza resurse (inclusiv grafică) pentru diferite tipuri de dispozitive. Resursele grafice pentru aplicațiile Android (numite drawables) sunt organizate într-o ierarhie a directorului de resurse folosind etichete speciale. Mai ales pentru proiectarea icoanelor, puteți oferi versiuni alternative ale icoanelor pentru dispozitive specifice cu densități ale ecranului diferite.

De exemplu, pictogramele stocate într-un director etichetat ldpi ar fi proiectat să se potrivească ecranelor de dispozitiv cu densitate scăzută. În schimb, icoanele stocate într-un director de resurse etichetate hdpi ar fi proiectat pentru a se potrivi dispozitivelor cu ecran de înaltă densitate. Există patru categorii principale de dispozitive specifice dpi:

  • ldpi eticheta poate fi utilizată pentru a specifica resurse pentru pictograme pentru ecrane cu densitate scăzută (~ 120dpi).
  • mdpi eticheta poate fi utilizată pentru a specifica resursele pictogramelor pentru ecrane de densitate medie (~ 160dpi).
  • hdpi eticheta poate fi utilizată pentru a specifica resurse pentru pictograme pentru ecrane cu densitate mare (~ 240dpi).
  • xhdpi eticheta poate fi utilizată pentru a specifica resursele pictogramelor pentru ecrane cu densitate mare (~ 320dpi).

Notă: Fiecare versiune alternativă a unui fișier pictogramă (stocată în directorul său specific dpi) trebuie să aibă același nume ca și alternativele sale în celelalte directoare.

Pasul 2: Descărcați ultimul pachet de pictograme

S-ar putea să găsiți toate versiunile diferite ale unei pictograme pe care trebuie să o creați pentru aplicația dvs. specifică sau să utilizați pachetul de șabloane Android Icon Template furnizat pe site-ul Android Developer pentru a vă ajuta să generați fișierele corespunzătoare.

Vă recomandăm să aruncați o privire la pachetul de șabloane și să vedeți dacă funcționează pentru dvs. Echipa Android lansează o nouă versiune din când în când, așa că verificați site-ul pentru cea mai recentă revizie, care, din octombrie 2011, se află pe Android Icon Templates Pack, v4.0 (zip, 1.5MB).

Descărcați fișierul zip și extrageți-l pe computer. Are un README, precum și un număr de directoare care conțin șabloane de fișiere Photoshop (.PSD) pentru fiecare grafic de pictograme de dimensiuni pe care ar trebui să-l creați în diferite situații.

Pasul 3: Explorați pachetul de șabloane de pictograme

Pachetul de șabloane Android Icon este organizat în directoarele necesare pentru diferite tipuri de pictograme. Icoanele sunt folosite pentru o varietate de scopuri. Nu veți avea nevoie de toate pictogramele pentru fiecare aplicație. Unele sunt utilizate numai cu anumite tipuri de controale ale interfeței utilizator. Tipurile de pictograme acceptate în pachetul Templates includ:

  • Pictogramele de lansare sunt probabil cea mai obișnuită icoană pe care o veți dori să o creați. Acestea sunt afișate în locuri precum listele de aplicații și ecranele de pornire și au făcut clic pentru a lansa aplicația.
  • Pictogramele de meniu sunt afișate atunci când utilizatorul apasă butonul Meniu din aplicația dvs..
  • Pictogramele barei de acțiune sunt afișate în bara de acțiune din aplicația dvs. (anterior elementele din meniul Opțiuni).
  • Pictogramele de dialog sunt afișate în colțul din stânga sus al unui control Dialog, alături de promptul de dialog.
  • Pictogramele de listă sunt afișate în controalele ListView care au pictograme și controale de text.
  • Tab-urile de pictograme sunt afișate în comenzile TabView care au pictograme și etichete de text.
  • Pictogramele barei de stare sunt afișate când apare o notificare asociată aplicației.

Pasul 4: Identificați tipurile de pictograme necesare

Apoi trebuie să determinați tipurile de pictograme potrivite pentru aplicația dvs. specifică. De exemplu, aplicația dvs. simplă poate avea două ecrane, fiecare cu un control ListView. Prin urmare, este posibil să aveți nevoie de un set de pictograme de lansare și de mai multe seturi de pictograme de listă.

Fiecare "set" de pictograme trebuie să aibă un singur nume de fișier care este partajat în toate versiunile acelei pictograme pentru diferite tipuri de ecran. Pictogramele de nume de pictograme trebuie să fie mici și să conțină numai litere, numere și subliniere. Site-ul Android Development vă recomandă să vă numiți icoanele cu prefixul "ic_" urmat de tipul, altă subliniere și, în final, numele descriptiv. De exemplu, "ic_list_songs" sau "ic_tab_highscores" sunt nume potrivite.

Pasul 5: Crearea de pictograme de lansare

Să aruncăm o privire la un exemplu rapid despre cum puteți crea pictograme lansatoare pentru aplicația dvs. Android. În cadrul pachetului de șabloane pentru pictograme Android, găsiți subdirectorul ic_launcher_template. Are patru subdirectoare, fiecare cu un fișier PSD cu configurația corespunzătoare a pictogramelor. Încărcați fiecare fișier PSD în programul grafic dorit, proiectați pictograma utilizând parametrii șablonului și salvați-l (ideal ca fișier PNG) cu numele ic_launcher.png sub directorul său, cum ar fi "drawable_hdpi". Odată ce ați creat toate versiunile corespunzătoare ale fișierului ic_launcher.png, transferați-le în directorul de resurse / res / drawable- * echivalent în fișierele de proiect Android (cum ar fi Eclipse). Aceasta va include fișierele de resurse ca parte a pachetului de aplicații. Asta e!

Pasul 6: Sprijinirea mai multor SDK-uri

Este posibil să fi observat prin diferite versiuni de Android că liniile directoare de proiectare pentru pictograme se schimba. Ce trebuie să faceți dacă doriți să furnizați grafice corect șablon pentru fiecare revizuire majoră a liniilor directoare (1.0, 2.0, 2.3 și acum 4.0)? Răspunsul ușor este să oferiți grafică într-un director de resurse numit în mod corespunzător. Resursele de calificare pot fi, de asemenea, aplicate la nivelul API, astfel încât să puteți adăuga întotdeauna nivelul corespunzător API la sfârșitul directorului de resurse. De exemplu, ați putea să aveți drawable_hdpi_v14 pentru a stoca resursele care pot fi atrăgătoare aplicabile doar pentru Sandwich Ice Cream. Veți vedea o parte din acest stil de numire în descărcarea pachetului de șabloane.

Concluzie

Proiectarea aplicațiilor Android utilizând indicațiile de stil oferite de echipa Android vă oferă o aplicație profesională. Icoanele reprezintă una dintre cele mai simple modalități de a face aplicația să se integreze complet pe platforma Android. Echipa de dezvoltare Android furnizează un set de șabloane de fișiere pentru crearea rapidă a icoanelor pentru diferite tipuri de comenzi de interfață cu utilizatorii, utilizând specificațiile corespunzătoare pentru a suporta diferite tipuri de ecrane de dispozitive Android.

despre autori

Dezvoltatorii mobili Lauren Darcey și Shane Conder au coautorizat mai multe cărți despre dezvoltarea Android: o carte de programare în profunzime intitulată Dezvoltarea aplicațiilor fără fir Android, ediția a doua și Sams Teach Yourself Dezvoltare de aplicații Android în 24 de ore, ediția a doua. Când nu scriu, își petrec timpul dezvoltând software-ul mobil la compania lor și oferind servicii de consultanță. Acestea pot fi obținute prin e-mail la androidwirelessdev@[email protected], prin intermediul blogului lor la androidbook.blogspot.com, și pe Twitter @ androidwireless.

Aveți nevoie de mai mult ajutor pentru scrierea aplicațiilor Android? Consultați cele mai recente cărți și resurse!

   

Cod