Timstrim pentru aplicații de design Android care l-a schimbat - digitală
În interiorul echipei a avut timstrim noul Android L. Au intervenit Egor Tkachenko Bogdan Regulich. A fost foarte util!
Raportul 1.Tema este foarte extinsă, și să-ți spun toate informațiile de care aveți nevoie foarte mult timp, așa că va fi aprins doar cele mai elementare - ceea ce trebuie să știți despre noua versiune de Android.
Sub cross-platform echipa Google implică faptul că interfața de utilizare și UX rămân neschimbate, indiferent de dispozitivul utilizat.
3. Noua versiune a sistemului de operare, de asemenea, numit Design material, în traducere - material design și materiale de design. Și acest nume este foarte bine surprinde esența Android L.
4. Principala sursă de inspirație în timp ce lucrează pe Android studiu L au fost hârtie și cerneală. Baza de proiectare vizuală și conceptul de interacțiune a devenit o metaforă pentru. Proprietățile și calitatea hârtiei au fost testate în lumea reală, iar apoi a folosit această experiență pentru a crea o nouă experiență de utilizator și design vizual.
5. Comportamentul materialului în mediu, interacțiunea dintre alte elemente, pentru a lucra cu culoare. Construiți o structură de obiecte materiale și de a studia proprietățile lor într-un mediu real. Această experiență va permite utilizatorilor să înțeleagă rapid interfață.
6. materiale Oportunități permite o mai mare flexibilitate în formarea noului UX. Culoare, mișcare, ca răspuns la atingere, articulațiilor și cusături - toate acestea creează un spațiu vizual în zone funcționale.
7. Fiecare obiect se află în propriul său plan, umbra articulațiilor și ne ajută să înțelegem ierarhia elementelor, iar culoarea de accent pe acțiunile specifice și a conținutului de prioritate. Cea mai simplă formă nu este încărcată cu percepția, doar formă specifică și concisă.
9. Acum avem elemente noi de a interacționa cu interfața. Fiecare are propria logică, funcția sa și locul său.
10. Animare obiecte acum devin mai expresiv și naturale. Principiile de mișcare sunt luate din lumea reală.
11.Shrift Roboto suferit de asemenea modificări. El a devenit chiar mai simplu și mai ușor de citit. Din moment ce tipografie este una dintre cele mai importante elemente ale interfeței, acesta trebuie să respecte conceptul de design global.
12. va avea propria paleta de culori. Dacă dorim să ne asigurăm aplicațiile noastre se potrivesc în design „material“, a fost la fel de confortabil si frumos, trebuie să ne folosim paleta care va transmite sentimentul general.
13. O atenție deosebită a fost acordată imagini și ilustrații. Cerințele, care au nevoie pentru a alege o fotografie sau un desen.
14. Orientarea sa schimbat dramatic, și ceea ce poate fi de așteptat în legătură cu astfel de modificări. Dacă urmați meticulos și corect toate instrucțiunile, aplicația va fi lansat în același convenabil, clar și impresionant ca sistemul de operare în sine.
Dar acest lucru nu înseamnă că nu se poate abate de la cerințele. aplicații personalizate necesită soluții non-standard, dar ele trebuie să se încadreze în conceptul de ansamblu de design.
15. Voi merge doar pe cele mai importante puncte, în scopul de a forma o idee minimă a ceea ce ar trebui să fie interfața.
16. Acum, nu avem de-a face cu o grilă metrică. Principiile de dispunere a elementelor au fost scoase din tipografie și adaptate pentru diferite cantități de ecrane. Fiecare element are locul său fix, că din primele secunde ale așteptărilor utilizatorilor forme corecte.
17. Putem observa, de asemenea, noi controale de interfață. Ei au schimbat nu numai extern, a schimbat, de asemenea, de animație „răspuns la gestul.“ ferestre pop-up, meniuri, etc. în cazul în care nu este complet schimbat, atunci, cel puțin, acesta a fost transformat într-o nouă UX.
18. Datorită paletei nativ pentru a alege culorile potrivite pentru aplicația noastră nu este dificil. Anexa este de dorit să se utilizeze nu mai mult de 3 culori primare (albastru, roz și alb sau negru).
Selectarea unei culori pentru appbara, nu vom suferi cu definiția de ton pentru statutul-bar. Manualul spune că trebuie să utilizați o nuanță de două tonuri de mai sus paleta (adică, dacă vom alege culoarea de bază 500 albastru, elementele de mai sus și mai jos, respectiv, sunt 700 albastru și 500 albastru).
Accent culoare poate ridica și printr-o roată de culoare aditiv, folosind una dintre regulile. Nu aplicațiile necesare de fond trebuie să fie de culoare albă, acum puteți alege o temă întunecată.
19-20. cerințe foarte subțiri, trebuie să folosim fonturile. Rugăm dimensiune nu doar de font pentru fiecare aplicație particulară, dar, de asemenea, de urmărire a nivelului de transparență, de conducere, etc. La elaborarea design-ar trebui să se acorde o mare atenție pentru a lucra cu fonturi.
21. Aplicație Icoane, de asemenea, actualizate, acum nu este imagini realiste ale obiectelor și compoziții stilizate de hârtie. Primul exemplu de pictograme noi este pictograma „Setări“.
22. Pictogramele au devenit chiar mai ușor. Evitați orice volum manifestări (chiar și în formă plată, așa cum a fost în versiunile anterioare de Android). Toate pictogramele potrivesc în pătrat 24 dpi, în cadrul căreia este necesar să se lipi de indentare, specificați o dimensiune fixă colțuri rotunjite și grosime de linie.
23. Toate imaginile ar trebui să fie naturale, ilustrații, ușor de înțeles și relevante. De exemplu, dacă vorbim despre ore, dreptul va arăta curent în ceasul nostru de timp, decât un cronometru vechi.
Fotografiile trebuie să spună o poveste, pentru a cufunda utilizatorul, este de dorit să se folosească fotografiile „Posey“ de la photostock, și chiar și pe un fundal alb. În fiecare ilustrație, accentul trebuie să fie pe obiectul atenției.
filtre de culoare este mai bine să nu conectat pentru a menține aspectul original, nu ar trebui să estompa imaginea de nerecunoscut pentru a face, iar calitatea trebuie să fie atât de bun încât utilizatorul nu a fost în măsură să „conta pixelii din imagine.“
24. Principiul de animație obiect se bazează pe legile fizicii. Subiectul nu pornește de la sine și se oprește brusc smucitură, iar viteza sa de pe toate segmentele variază.
În primul rând, aplicăm forța, de exemplu, mingea, el prinde viteză, iar când energia se termină, mingea se oprește încet. Același lucru se întâmplă și în interfața. Obiectul are un început și sfârșit al căii și viteza de deplasare depinde de calea de segment. Și dacă subiectul începe să se miște dincolo de ecran, călătoria începe mult mai devreme decât ecranul de pornire, ecranul putem vedea numai ultima etapă a călătoriei.
25. Toate elementele de pe ecran răspunde la atingere. Astfel, vom obține un „viu“ interfață simpatic și. Icoanele sunt transformate și elementele selectate „lipesc“ la degetul.
26. Un nou element de interfață - buton de acțiune țintă. Această inovație va permite un nou mod de a regândi proiectarea interfețelor pe Android. Se poate realiza atât acțiunea principală, și au un set de acțiuni. Această tehnică permite eliminarea de pe ecran tot excesul și se lasă doar cel mai necesar. Și două set de butoane dimensiune va folosi elementul activ flexibil.
27. Acum avem o interfață complet nouă, care este mult mai confortabil, plăcut și frumos.
Design-ul a devenit mult mai ușor și mai clar. Noi ekspiriens utilizator face mai ușor pentru a efectua sarcini complexe, și impresia generală a Android nu poate fi decât pozitiv. În combinație cu noua animație, un frumos „tactil“ de design va oferi noi posibilități utilizatorilor săi.
28. Noi aplicatii plăcut confort si frumusete. Rămâne doar să se obișnuiască cu o nouă interacțiune limbă.
Prezentarea de către Google în limba rusă
Prezentarea timstrime echipei noastre
Designer.
Mai mult de 50 de proiecte în domeniul designului. Din cauza Yegor aplicații de proiectare pentru Android, iOS și WP.