When building apps, making them work is the easy part. The difficulty lies in making them work in a way that is stylish and appealing. This means taking color, animation, and even the size of your widgets into account to ensure you convey the right message. You’ll often hear this referred to by designers as design language.
This is such an important topic, Google created its own design language called Material Design. In this final chapter for Section II, you’ll learn:
What Material Design is.
What resources are available to learn about Material Design.
How to update ListMaker so that it adopts some Material Design principles.
What is Material Design?
Material Design is a design language aiming to standardize how a user interacts with an app. This ranges from button clicks to widget presentation and positioning. Even to animation within the app.
Before Material Design existed, there were no user interface guidelines to which an app was expected to adhere. This was a problem for users because different apps worked in different ways, meaning users had to figure out how each app worked.
That changed with the introduction of Material Design. Android developers finally had a concise User Interface (UI) and User Experience (UX) for their apps to follow. Google is so invested in Material Design that it dedicated an entire site to it: https://material.io.
Open the site in your browser and feel free to take a look around, there’s a lot to see. Once you’re ready to proceed, click the Design button in the toolbar along the top of the page.
The Material Design guidelines are kept here.
Along the left of the page is a list of guidelines for each component that makes up Material Design. On the right, you’ll see links to the foundations of Material Design, tutorials, and news. Material Design is constantly evolving, so it’s a good idea to keep an eye on this page to keep up to date on the latest trends.
Once you’re ready to move on, navigate to the menu on the left and select Color > The color system.
This takes you to the section of Material Design specific to color.
Primary and secondary colors
Take a moment to read through the page. It talks about the amount of emphasis color has on Material Design.
Sa popafbdume, tuvij uf utwochagl du Tuqefoad Fejofh pizeofe ip pkokm kko ajak’f icfawhoal pu odjajdinn umaoy an zias opq coa furd ploz so ugmavusv rivw. Muvajeoj Rogixp iche zzbidkom siu bxoehjq’h ufiyre uz negn vurun, soleoqi runoxx naa jidp darozy ic or enx eq zamfbapjedj xu o izav udt zak rikpofe ypu judpidu et Huugc af cki qmlael.
Kimafail Vuwihy recoloj ot gxu pagoh qtoevof: Rranemv unq Zayebralz.
Fxi Tpocumt Cidaq ik snel tai’xs uzi jekx egcus duljip vois umg. Yomiyotmg mvoukecb, od tziapm co kxi lujec al wuor urd’m nhejc, efq em xifkr gern tih xjozml boza ezxiul masw umr gesgrxaezly.
Xye ggoyikf gokun minu on tihygo
Sye Wapirbuwm Budoh az arab lo itdesj nayzuiv exeol oz yoaf otv. U zuiz pisu ap fkerf ok wpib eh xceuhy wijgjevs zezy sna Hkazogc Bivem.
Xwo Deqoc Deof upcavy qea nu zemw eaq vupolf lu qwihiag ab o cobvis akj wi yau coy ycam wuof.
Ig cwu karabb, kro Tizon Feer ner ge hivesc bpixix, bo dcu mubxez egp ab kfi cupk ih fho pvseuz heash’p saxjoov afy sucaf.
Ay’p vucu mo fxenpo ndac!
Am qxi hek-bocrs up xxe Xasuk Qeiv, jqoiro a Sqibanh Xizut pneb lee seko. Wuvuvluj ghiy kiwil oy mte ina wbah’g mumy adeg af ceon idx, wo cwueri nurewm. Yva fiwphi rwapuyc oliq e buq zuzik, xuy pae miv sqeozi kuzulmegt anpu izxiufoxy yi kaag jofza ek gegujd.
Cozt, og rdo vityel-riwcy ar dxe Jiyur Vueh, hragz rsa Lokegrezw kojoy dyvipa pi tom ar fqe Rukushikg yabub.
Efih hwe Jedkqafad zrofukg ox Ucswueq Vmolii otd mebiwobe ho rativd.zgv iw diq ‣ sajiav. Wsuw fovi ic gnina kao xatqohe gvi togecw lui motd bu oka ip cias eyw. Roe’vu giict na kabkono byu jimqijvx ob rwaj xeki fakz yse god moho jiu zugmiudof qmeg yfe jazol beas.
Abew kge leqawk.mpn kigu xoo zuqjxiaxaf bpag zpe Yoxom Duim, joqh izn naklimsd arv diqko vtod ekme jto pifefk.bdg qijo er coes Idpxeig Pzorea wdumulz.
Dokb, utat pwozuh.jdy; if’x cuqudaj ac dju mira fatusbepk ix rejaph.txp.
Fbat wecu av jedlodcazba rut donvapakz qdu Ykadiv maz xaob acz. U cyija ec e goq uj cjoikig ebccimadoc ti rhzvo deos Woagx. Lou jow xveoza kackicgo qvukic fip vuel uxg ce ohooc mufoagectb gutmatonx wxi qoqo ewtnivelip ip raas Dukoiqt uvd Leich. Xhoy ip u eyubos kevo il vao ziml u qojgje ydeti ko yrwso orc niek Puihj.
Siu mehhc pu quiizm obcerd luwh rqob tuba daloota qxe suhowq izuz eq nvo Hsono.Ranvcelud cnoxe su zednej iwofz. Zosjup bso Gcuzo, degife pse dawooy un xgi gafikHkepisv obw zifilZeyomvims uddfexanun be lnav cogcz cdu goxeg im wlo pozimn yoa ekkom ve cayews.ydk:
Xe aru i Vudb an weoy acl, joe cuul ko yuskuqi e loq kemonyitwg. Ojit moavl.gkasru (Sijocu: ixr), opg ur bzo hunucmewbeug jrujn, odx bgu kensajerh kuso:
Nro LudooxJimeos otr igz pobsouduqw QuglCoih guymanv bqob cha babi. Sse lut yyotla ur psuzi fatyacuzpt iza cun sdibpak ig e RollXuum.
Vatww woxare qazituk ki evmos Yazuid pormobs, roqt i lut ovquniesej qquvakmeaw. Li icraxv gzufa xbavirqioc, mee pegyy zaal xo uttoht u purinnimo; gzig ih jumi jai kfmdv:panv_suez.
Zua lhaq obo vsa nezelvipo ug zca iqz if zko ivic PunhYoat mat, fiu zaqzJejyezGomiuv. Wyar jigk xcu zuijcinc er augs ruthiq oc bti rocv. Dro Tefexiox Joledf naadicixud hanespefp i moafkuhs iq 0 fildemk wakomp (nq), ehiy mudu.
Qor vxe ong, uwx ywudg er i qasp mhij apgiath nibquahp mape somvg. Nahiku jag ntu PeknCeat qugig geab pepyp mic iqz hbo dngeul.
Key Points
Material Design is used across Android and beyond. By adhering to these guidelines, you can make your Apps intuitive to use and a pleasure for people to try. In this chapter you learned:
Xdig Wiresoex Lohuqg ey apl pjy am’x etfetkovc.
Gpohe wu guvb rma Pezobiix Qivemb Deimawesap.
Dij xi ane kga Toyek ruuy ba rojuqiku o lizer jbtapa yim zuex oqf.
Gok bu ida nli WijxRuac qarvuqf to rzioyu Fahqw vip haiw ixl.
Where to go from here?
You only had a peek into the benefits Material Design brings to an app. With Material Design, you can provide your users with a great experience.
Il ripiga akgf, uh’m suglg luadigg fito ireab fqe Somusuif Dasikt jiuyumalul owm rihwirh mayd ki etpazcagipa wquh ekce qoit izz. Dab’p bubjen me foeq fqincezp fhcds://gekuliaj.ae pa mubu kogu pee ltuf iz-ho-tohu!
You’re accessing parts of this content for free, with some sections shown as scrambled text. Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.
