{"id":9094,"date":"2021-06-03T19:10:10","date_gmt":"2021-06-03T17:10:10","guid":{"rendered":"http:\/\/blog.webshark.hu\/?p=9094"},"modified":"2021-06-03T19:10:55","modified_gmt":"2021-06-03T17:10:55","slug":"material-you","status":"publish","type":"post","link":"https:\/\/blog.webshark.hu\/2021\/06\/03\/material-you\/","title":{"rendered":"Mit tud a Google \u00faj designnyelve, a Material You?"},"content":{"rendered":"\n

A Google nemr\u00e9g bemutatta \u00faj designrendszer\u00e9t, a Material You-t, mely a Material Designt v\u00e1ltja, el\u0151sz\u00f6r Androidon, majd az \u00f6sszes Google-term\u00e9kben. De miben k\u00fcl\u00f6nb\u00f6zik a Material You az el\u0151dj\u00e9t\u0151l?<\/strong><\/p>\n\n\n\n\n\n\n\n

A Google \u00e1ltal k\u00e9sz\u00edtett alkalmaz\u00e1sok r\u00e9gen borzalmas designnal k\u00e9sz\u00fcltek. Ronda volt az Android, rond\u00e1k a Google-oldalak. 2014-ban a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nnyel kapcsolatos hi\u00e1nyoss\u00e1gok kik\u00fcsz\u00f6b\u00f6l\u00e9s\u00e9re megsz\u00fcletett a Google-n\u00e9l az egys\u00e9ges megk\u00f6zel\u00edt\u00e9s a tervez\u00e9sre: a Material Design, amir\u0151l mi is \u00edrtunk<\/a> megjelen\u00e9se ut\u00e1n.<\/p>\n\n\n\n

Hogyan v\u00e1ltozott a megk\u00f6zel\u00edt\u00e9s a Material You-n\u00e1l?<\/h3>\n\n\n\n

A Material Design alapj\u00e1n \u00fajratervezt\u00e9k a Google valamennyi alkalmaz\u00e1s\u00e1t, \u00edgy a kor\u00e1bbi ronda oldalakat vil\u00e1gos k\u00e1rty\u00e1kkal cser\u00e9lt\u00e9k le. A t\u00e1mogat\u00f3 anim\u00e1ci\u00f3k egyszer\u0171ek \u00e9s hat\u00e9konyak lettek. A Google ezt a deisgnnyelvet megosztotta a fejleszt\u0151kkel is, \u00edgy m\u00e1sok is alkalmazhatt\u00e1k az alkalmaz\u00e1saikban az elveket.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

A probl\u00e9m\u00e1t az jelentette, hogy az \u00faj designnyelv nem hagyott sok teret a kreativit\u00e1sra. Ezt a probl\u00e9m\u00e1t kellett teh\u00e1t kik\u00fcsz\u00f6b\u00f6lni, amit a Google tervez\u00e9ssel foglalkoz\u00f3 aleln\u00f6ke, Matias Duarte is \u00e9rz\u00e9kelt. Mint mondta, k\u00f6vetkezetes rendszert alkot a Material Design, de az anyagszer\u0171s\u00e9g, a megjelen\u00edteni k\u00edv\u00e1nt „pap\u00edr” t\u00fals\u00e1gosan is domin\u00e1lt a fel\u00fcleteken, ami egy kicsit unalmass\u00e1 tette azt. <\/p>\n\n\n\n

A Google ezt a probl\u00e9m\u00e1t \u00e9vekig pr\u00f3b\u00e1lta megoldani, v\u00e9g\u00fcl megsz\u00fcletett a megold\u00e1s: az Android 12-vel \u00e9rkez\u0151 Material You, a Material Design ut\u00f3dja, melyet az Android 12 beta verzi\u00f3j\u00e1ban m\u00e1r ki is lehet pr\u00f3b\u00e1lni. <\/p>\n\n\n\n

A Material You b\u0151kez\u0171en haszn\u00e1lja a negat\u00edv tereket \u00e9s a vizu\u00e1lis egyszer\u0171s\u00e9get, mely a Material Designra is jellemz\u0151 volt. Ugyanakkor dinamikus anim\u00e1ci\u00f3k is ker\u00fcltek bele b\u0151ven, valamint kev\u00e9sb\u00e9 szigor\u00fa az ikonokn\u00e1l \u00e9s a r\u00e1cshoz igazod\u00e1sn\u00e1l. <\/p>\n\n\n\n

Szem\u00e9lyre szabhat\u00f3 lett a design<\/h3>\n\n\n\n

De ami a legfontosabb, \u00e9s ami a „You” r\u00e9szt illeti, sokkal ink\u00e1bb szem\u00e9lyre szabhat\u00f3 a megjelen\u00e9s<\/strong>, mint el\u0151dj\u00e9n\u00e9l. Ez pedig az\u00e9rt j\u00f3, mert a felhaszn\u00e1l\u00f3k \u00edgy sokkal ink\u00e1bb maguk\u00e9nak \u00e9rezhetik a rendszert.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Kor\u00e1bban nem l\u00e1tott lehet\u0151s\u00e9get k\u00edn\u00e1l a kontraszt, a m\u00e9ret, a sz\u00f6vegek \u00e9s ikonok vonalsz\u00e9less\u00e9g\u00e9nek v\u00e1ltoztat\u00e1s\u00e1ra. Ha p\u00e9ld\u00e1ul a felhaszn\u00e1l\u00f3 be\u00e1ll\u00edt egy h\u00e1tteret, akkor a rendszer automatikusan elemzi a sz\u00edneket \u00e9s egyedi sz\u00ednpalett\u00e1kat k\u00edn\u00e1l a felhaszn\u00e1l\u00f3i fel\u00fclethez<\/strong>.<\/p>\n\n\n\n

Duarte szerint a design \u00e9s a technol\u00f3gia j\u00f6v\u0151je azt, hogy mindenki szem\u00e9lyre szabott designt<\/strong> kap a j\u00f6v\u0151ben. A Material You-val pedig elkezd\u0151d\u00f6tt egy olyan folyamat, mely ebbe az ir\u00e1nyba mutat. <\/p>\n\n\n\n

Minderre mondhatod, hogy a szem\u00e9lyre szabott oper\u00e1ci\u00f3s rendszerben semmi \u00faj nincs, hiszen m\u00e1r az els\u0151 Macintosh is lehet\u0151v\u00e9 tette k\u00fcl\u00f6nb\u00f6z\u0151 h\u00e1tt\u00e9rk\u00e9pek \u00e9s bet\u0171t\u00edpusok kiv\u00e1laszt\u00e1s\u00e1t, de ugyan\u00edgy a korai Windows-verzi\u00f3kn\u00e1l is megv\u00e1ltoztathattuk a fel\u00fclet sz\u00edneit.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

A k\u00fcl\u00f6nbs\u00e9get ehhez k\u00e9pest az jelenti a Material You-n\u00e1l, hogy a fel\u00fclet \u00e9l\u0151nek t\u0171nik<\/strong>, minden interakt\u00edv, a design reag\u00e1l, mozog, v\u00e1ltozik. Ehhez a rugalmass\u00e1ghoz ad\u00f3dik m\u00e9g hozz\u00e1, hogy a fel\u00fclet elemei nem statikus k\u00e9pekb\u0151l \u00e1llnak \u00f6ssze, hanem k\u00f6nnyen m\u00f3dos\u00edthat\u00f3k. A designspecifik\u00e1ci\u00f3k ez\u00e9rt m\u00e1r nem egy dokumentumba ker\u00fclnek, hanem le vannak k\u00f3dolva. Ez\u00e1ltal pedig a fel\u00fcletnek nagyobb r\u00e9sze v\u00e1ltoztathat\u00f3 val\u00f3s id\u0151ben.<\/p>\n\n\n\n

Az, hogy a fel\u00fcletet a felhaszn\u00e1l\u00f3 minden r\u00e9szlet\u00e9ben alak\u00edthatja<\/strong>, tal\u00e1n tehernek t\u0171nhet egyesek sz\u00e1m\u00e1ra, ez\u00e9rt k\u00edn\u00e1l a Google olyan opci\u00f3t, mellyel egyszer\u0171bb\u00e9 tehet\u0151 a rendszer megjelen\u00e9s\u00e9nek be\u00e1ll\u00edt\u00e1sa. Ide tartozik, hogy a h\u00e1tt\u00e9rk\u00e9phez igaz\u00edtja a rendszer a sz\u00edneket az Android 12-ben. M\u00e1rpedig az emberek 60 sz\u00e1zal\u00e9ka rendszeresen v\u00e1ltoztatja a h\u00e1tt\u00e9rk\u00e9p\u00e9t a mobilj\u00e1n, \u00e9s ez a k\u00e9p sokszor szem\u00e9lyes. \u00cdgy pedig a rendszer valamennyi sz\u00edne egyediv\u00e9 v\u00e1lik.<\/p>\n\n\n\n

Milyen jellemz\u0151i vannak m\u00e9g a Material You-nak?<\/h3>\n\n\n\n

Lekerek\u00edtett sarkok<\/h4>\n\n\n\n

A Material You-ban mindenhol lekerek\u00edtett sarkokkal tal\u00e1lkozhatsz a felhaszn\u00e1l\u00f3i fel\u00fclet egyes elemein\u00e9l. N\u00e9melyik sarok teljesen, m\u00e1s kev\u00e9sb\u00e9 lekerek\u00edtett, de a megjelen\u00e9s sokkal sim\u00e1bbnak \u00e9s kellemesebbnek t\u0171nik.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Egyszer\u0171 \u00e9s egyedi form\u00e1k<\/h4>\n\n\n\n

A Material You-ban sokf\u00e9le form\u00e1val tal\u00e1lkozhatsz, akadnak k\u00f6z\u00f6tt\u00fck egyszer\u0171ek, ugyanakkor vannak egyedi megjelen\u00e9s\u0171ek is. A Google tervez\u0151i ezzel arra az \u00faj trendre reag\u00e1ltak, mely a form\u00e1kat \u00e1ll\u00edtotta k\u00f6z\u00e9ppontba. A widgetek sz\u00e1m\u00e1ra is k\u00fcl\u00f6nf\u00e9le, n\u00e9ha eg\u00e9szen meglep\u0151 form\u00e1kat k\u00edn\u00e1lnak, \u00edgy a Material Designhoz k\u00e9pest t\u00e9nyleg sokkal egyedibbnek t\u0171nik a megjelen\u00e9s. <\/p>\n\n\n\n

Nagyobb \u00e9s vil\u00e1gosabb<\/h4>\n\n\n\n

Nagyobb\u00e1 v\u00e1ltak az egyes elemek a Material You-ban, \u00edgy n\u0151ttek a widgetek, a gombok, a navig\u00e1ci\u00f3s panel. Ez\u00e1ltal kevesebb dolog terheli a felhaszn\u00e1l\u00f3t, azonban ezek a fontosabbak k\u00f6z\u00fcl ker\u00fclnek ki. Az eg\u00e9sz m\u00f6g\u00f6tt az egykezes haszn\u00e1latra optimaliz\u00e1l\u00e1s \u00e1ll. Min\u00e9l nagyobb egy elem, ann\u00e1l k\u00f6nnyebb \u00e9rint\u00e9ssel kezelni, cs\u00fasztatni a h\u00fcvelykujjunkkal. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Monokr\u00f3m \u00e9s tel\u00edtett sz\u00ednek<\/h4>\n\n\n\n

A monokr\u00f3m \u00e9s tel\u00edtett sz\u00ednek \u00e1ltal sokkal er\u0151teljesebbnek t\u0171nik a fel\u00fcletek megjelen\u00e9se. A m\u00e1r eml\u00edtett, h\u00e1tt\u00e9rk\u00e9phez igazod\u00f3 sz\u00ednek is az\u00e1ltal m\u0171k\u00f6dnek, hogy a Google lehet\u0151v\u00e9 teszi a fel\u00fclet sz\u00edneinek nagyobb tel\u00edtetts\u00e9g\u00e9t \u00e9s a monokr\u00f3m megjelen\u00e9st.<\/p>\n\n\n\n

Nagyobb sz\u00f6vegek<\/h4>\n\n\n\n

A nagyobb sz\u00f6vegek k\u00f6nnyebben olvashat\u00f3k, jobban \u00e1tl\u00e1that\u00f3k. A sz\u00f6vegek m\u00e9ret\u00e9nek n\u00f6veked\u00e9se m\u00e1r j\u00f3 p\u00e1r \u00e9ves trend, mely m\u00e9g mindig jelen van a webdesignban, hiszen fontos az akad\u00e1lymentess\u00e9g, a j\u00f3 olvashat\u00f3s\u00e1g, \u00e9rthet\u0151s\u00e9g. <\/p>\n\n\n\n

\u00c9s b\u00e1r a Material You az Android 12-vel \u00e9rkezik, a teljes Google-vil\u00e1gban meg fog jelenni az elk\u00f6vetkez\u0151 \u00e9vekben. Egyel\u0151re viszont m\u00e9g beta \u00e1llapot\u00fa a Material You, ez\u00e9rt v\u00e1rhat\u00f3k benne v\u00e1ltoz\u00e1sok, ak\u00e1r \u00faj jellemz\u0151k, tulajdons\u00e1gok is megjelenhetnek.<\/p>\n\r\n