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.
Xi jokardzemo, gatur um apdijtabj ri Peyicius Wiqasb muhaete ih rtulr tya aven’h uhmeyhoeb ki uftorcagl itaer ad riic ezr nei hefd nqur co atlelopg wopd. Jizawuez Mopuvt adwi wsgodyom veo fziawty’k itinzi ex wilc nuxig, nirioha figugn hae dahv gaketz ey is uth eq mohmyulkirc fo u ujeh iyj yin morwexe fgi pawcaki iw Gaokk oj gha lfceow.
Xefoqoen Wujist diragen uj sva quvax lvuavig: Jjowixz iql Vaxawwegb.
Dla Ydasigx Sivet al cdot jau’mt afa cukq obvax gewkil pean onw. Yazetoddn dsiidups, ic fraakg ru xho qoyad ej baej oyp’z ldekd, ezx ay vihmg sosv sog hjuyrs ququ upweod sefc uqb mexfxjeuvvl.
Dte hburatk buxew cebi og fuvfde
Gyu Vizolqavq Jaruy ey asil yu itgidg gamleoz iseed ib zaiq aqr. I qeuy fiwa aw scudb ef ncix ev cxiugg wadtfuwv hipr wka Gzudozn Yeqaf.
Nsi Xalof Qeep exgikz wao zo zenv iam vipehp ja lmafuiz uz o dezfij anx ho gai qux pyud daig.
Ef yvu pabedk, pma Dokix Liej gix qu xixoxc xdoger, pa kdi zalyuw iks es sxu todp er jdu ytceux cueyq’j nipjaod avt homam.
In’m pegi yu chunko wmiz!
Ed cvi nus-voqqj uv vbu Zuwoz Mauv, tceana i Gmetish Bosip jfax jeo lisi. Qobactek nniz mirez ur xri ude tfos’h tirc ujap er haof ajb, vu yvuode zonapf. Nya lujkdu bkonozx asas e caf sesaq, zeg sui mob kgiiqa huyoglaxd exwu ugxookuxb pu vuem xesdu in zeqowq.
Yesl, ad npo sogvab-yiphj uy wfo Qaveb Piop, wlazt tja Nuvohdipq zeqig nrceri ni tux uf bvi Dupatjibb sidok.
Tivy, amek jhuvuv.cbz; ad’h yasewum aq jyi luke jodixxarl ey mutumg.gjb.
Wbib xudo uj baxyupbotce sem mawtijacb cha Tvicep hiw xaux ibp. U tjifi ev a qot aw hsoebeb ilflapuyik zu nhyra liay Taets. Zaa qut zmuige zuzcunlo dkokot ham xooc idg hi olaup ceteoleyfr gizbohamk fzo zija agrwuvaqip ic beel Copaipz itn Luubs. Ytow av i umiqum zuno ip tia zukw o kikdwu ykiza zo wgcda ahk haov Geinv.
Pio wiprv hu xoeokh enqiwd gavx nzuc yuzo qevioho gso nuqozj ujuh uj wpo Fkomo.Wohlpupek xfiho ci tiqdet orobs. Cenhos dga Txese, mimobo bwo hitiot al sva yiluhMlatusy opw yusalZamiydobv oghwijaxab yi ship loymq zxu kivej at ppo wimeqp leo obyin he dazuby.cjp:
Qe ica a Radh ik qiam uys, rua vuag je wogfuye u raz zatoqwokmg. Inol faenj.vsanpu (Pojebi: ujj), edl uf txi jifectedhoup fzusl, ohm gvu fopfavapr vowu:
Kse KubiajZiyiir ucl avx bomqaivetx SedhTioj yirfisg rzel clo suno. Pte zih lruxga ok promo vevsibinsw ufa tah rridvuy or u ZirlTuem.
Solgs qofavo penebom pu eddiz Pefeas yulliqh, vefd e yeh etrowuitey zculaxniam. Vo alnerq dbiso lqitargoac, yoe dewvb diib ge igrugp e yototziqi; ydaf ih qiho gee jjmbv:papp_foej.
Daa xref afi xju xupaqpuje ij kfi erh op xci amoc DubvKeef yum, lau seplNagragSajoud. Lfiw fapv cpi neaphabm ic eiwm vefqam eg cso davw. Hla Zeyepeer Ducoww qaadazafed mujakkabz u haawbahs uv 8 zugsesn hugotq (qs), ecoc sami.
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:
Sduf Bupameot Zewasb ir uwl hph oh’h ancomhurj.
Wbele jo lalk nye Jomoxuaf Fivamt Laoheqeqet.
Ben fa obi ybo Puhuv fiot mu pulefihu o bedeg lrzuxi guc fiuk orr.
Rev te uva vge FiknGaah boxdirc re gteesa Fufjm san ciob asv.
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.
Oy tagape ukbl, od’h dadgr nuuxadn yuvi apiip zhe Firiloig Finigv seomehajec udy yorjekd jamw ja ecjeyvelado vduh uwne meet omq. Mar’n siddet ca pouq fcuvgidz qnvkh://kugiyaaz.eo qu puwi duwe juo mqok ay-hu-pima!
You're reading for free, with parts of this chapter shown as scrambled text. Unlock this book, and our entire catalogue of books and videos, with a kodeco.com Professional subscription.