{"id":22387,"date":"2021-12-22T12:36:54","date_gmt":"2021-12-22T10:36:54","guid":{"rendered":"https:\/\/www.software-developer-india.com\/?p=22387"},"modified":"2021-12-22T12:36:59","modified_gmt":"2021-12-22T10:36:59","slug":"mita-on-materiaalisuunnittelu","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/fi\/mita-on-materiaalisuunnittelu\/","title":{"rendered":"Mit\u00e4 on materiaalisuunnittelu?"},"content":{"rendered":"\n

Mit\u00e4 on materiaalisuunnittelu?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Verkko on k\u00e4ynyt l\u00e4pi useita muutoksia siit\u00e4 l\u00e4htien, kun se esiteltiin ensimm\u00e4isen kerran maailmalle. Jokainen muutos on tehnyt siit\u00e4 k\u00e4tev\u00e4n k\u00e4ytt\u00e4jille, sill\u00e4 k\u00e4ytt\u00e4jill\u00e4 on enemm\u00e4n tutkittavaa, ilman kirjaimellisesti rajoja. Verkkosivujen ja selainsivujen j\u00e4lkeen tulivat \u00e4lypuhelimet ja monet muut \u00e4lylaitteet. <\/p>\n\n

Staattisista verkkosivuista intuitiivisiksi \u00e4lylaitteiksi, joissa on teko\u00e4ly<\/strong> , muutos on ollut valtava. Mutta Google ei ole unohtanut muutoksia, joita verkkosivuilla pit\u00e4isi tapahtua. Googlen suunnitteluj\u00e4rjestelm\u00e4ss\u00e4 ja kieless\u00e4 on tapahtunut muutos. Ja siell\u00e4 Material Design<\/strong> syntyi. <\/p>\n\n

Materiaalisuunnittelun selitys<\/strong><\/h3>\n\n

Joten Material Design oli Googlen idea<\/strong> , ja se syntyi vuoden 2014 puoliv\u00e4liss\u00e4, ja sen koodinimi oli ”Quantum Paper”. Materiaalisuunnittelua k\u00e4ytet\u00e4\u00e4n useisiin suunnittelutoteutuksiin. Paperipohjaiset suunnittelutyylit tekiv\u00e4t siit\u00e4 melko erilaisen kuin tuolloin yleisesti k\u00e4ytetyt litte\u00e4t suunnittelutyylit. <\/p>\n\n

Material Designin kehitt\u00e4misen tarkoituksena oli tuottaa laadukasta tuotantoa kaikilla alustoilla<\/strong> johdonmukaisesti. T\u00e4m\u00e4 tuo yhten\u00e4isen k\u00e4ytt\u00f6kokemuksen kaikilla laitteilla, alustoilla ja sy\u00f6tt\u00f6tavoilla. T\u00e4m\u00e4 on melkein kuin Applen suunnitteluperiaatteet, joita he k\u00e4yttiv\u00e4t vakiomenetelm\u00e4n\u00e4. Mutta Google meni askeleen edell\u00e4 ja mahdollisti yhten\u00e4isen k\u00e4ytt\u00f6kokemuksen. <\/p>\n\n

Googlen materiaalisuunnittelun ohjeista on tullut mink\u00e4 tahansa yrityksen br\u00e4nd\u00e4yksen vakioprotokollat, koska ne on tunnustettu Googlen sidoksissa. Mielenkiintoista on, ett\u00e4 valtava ja kasvava suunnitteluyhteis\u00f6 on ottanut Googlen k\u00e4ytt\u00f6\u00f6n. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 kuka tahansa voi k\u00e4ytt\u00e4\u00e4 materiaalisuunnittelua, ei vain alkuper\u00e4isill\u00e4 alustoilla, vaan my\u00f6s muilla kilpailevilla alustoilla. <\/p>\n\n

Helpoin asia Material Design -spesifikaatiossa on, ett\u00e4 kaikelle<\/strong> – tyylille, v\u00e4rille, kuville, ruudukoille, tilalle, typografialle jne. Ja se opastaa suunnittelijoita n\u00e4ytt\u00e4m\u00e4\u00e4n heille, milt\u00e4 asiat n\u00e4ytt\u00e4v\u00e4t, mukaan lukien kansainv\u00e4liset mallit, jotka sis\u00e4lt\u00e4v\u00e4t hierarkiaa, painopistett\u00e4 ja merkityst\u00e4.<\/p>\n\n

Vinkkej\u00e4 materiaalisuunnittelun tehostamiseen kaikilla alustoilla<\/strong><\/h3>\n\n
  1. K\u00e4site tai koskettava todellisuus<\/strong><\/li><\/ol>\n\n

    Yksi materiaalisuunnittelun periaatteista on omaksua tuntotodellisuuden k\u00e4site<\/strong> ja soveltaa sit\u00e4. Suunnittelun tulisi tarjota k\u00e4ytt\u00e4jille tuttua, kun he sis\u00e4lt\u00e4v\u00e4t todellisia ominaisuuksia. Esimerkiksi painikkeen tulee n\u00e4ytt\u00e4\u00e4 yhdelt\u00e4 \u2013 ulkoasun, pinnan, saumojen ja reunojen on oltava yhtenev\u00e4isi\u00e4 painikkeen kanssa, jotta k\u00e4ytt\u00e4j\u00e4t voivat saada vihjeen. <\/p>\n\n

    Liikkuvien osien paljastamiseksi on oltava realistinen valaistus ja varjostus, jotta k\u00e4ytt\u00e4j\u00e4 ymm\u00e4rt\u00e4\u00e4 v\u00e4litt\u00f6m\u00e4sti. <\/p>\n\n

    1. Mukautuva muotoilu<\/strong><\/li><\/ol>\n\n

      Mukautuvassa suunnittelussa kuvakkeet, v\u00e4rit, tilasuhteet ja hierarkia ovat yhdenmukaisia eri alustoilla ja laitteilla. Itse suunnittelun tulee olla tarttuvaa ja j\u00e4rjestetty\u00e4, jotta k\u00e4ytt\u00e4j\u00e4t p\u00e4\u00e4sev\u00e4t helposti kiinni hierarkiaan. Paremman kokemuksen tarjoamiseksi k\u00e4ytt\u00e4jille on huolehdittava siit\u00e4, ett\u00e4 siell\u00e4 on tarpeeksi tyhj\u00e4\u00e4 tilaa, suuri topografia, vahvat kuvat ja loistava v\u00e4rien k\u00e4ytt\u00f6. <\/p>\n\n

      1. Liikett\u00e4 k\u00e4ytt\u00e4v\u00e4t viestit her\u00e4tt\u00e4v\u00e4t paljon j\u00e4nnityst\u00e4<\/strong><\/li><\/ol>\n\n

        K\u00e4ytt\u00e4j\u00e4t pit\u00e4v\u00e4t siit\u00e4, kun he hallitsevat navigointiaan<\/strong> . Kun he n\u00e4kev\u00e4t toiminnastaan suoraan johtuvat muutokset, he ovat vastaanottavaisempia. Animaatiot jatkuvassa virtaavissa liikkeiss\u00e4 ennakoitavilla toimilla saavat k\u00e4ytt\u00e4j\u00e4t rentoutumaan. <\/p>\n\n

        On kuitenkin t\u00e4rke\u00e4\u00e4, ett\u00e4 nuo liikkeet ovat luonnollisia. Jos k\u00e4ytt\u00e4j\u00e4 esimerkiksi vet\u00e4\u00e4 ja pudottaa valitun kohteen kansioon muiden objektien kanssa, kansiossa jo olevien objektien on siirrytt\u00e4v\u00e4 sivuun tehd\u00e4kseen tilaa. K\u00e4ytt\u00e4j\u00e4 j\u00e4rkyttyy, jos ”ved\u00e4 ja pudota -vaihtoehdon” j\u00e4lkeen objekti katoaa eik\u00e4 h\u00e4n n\u00e4e, mit\u00e4 sille tapahtui. T\u00e4llainen maaginen vastaus sammuttaa k\u00e4ytt\u00e4j\u00e4n. <\/p>\n\n

        Materiaalisuunnittelun periaatteet<\/strong><\/h3>\n\n

        Materiaalisuunnittelu on paljon muutakin kuin varjojen ja kolmiulotteisten tehosteiden lis\u00e4\u00e4mist\u00e4 ominaisuuksiin. Se on kaiken kattava resurssi, joka luo perustan uudelle suunnittelukielelle. Tutustu joihinkin materiaalisuunnittelun perusperiaatteisiin.<\/p>\n\n

        1. Materiaali on metafora<\/strong><\/li><\/ol>\n\n

          K\u00e4ytt\u00e4j\u00e4t nauttivat digitaalisista kokemuksista, jotka tuntuvat heille luonnollisilta. T\u00e4m\u00e4 on siis yksi ensimm\u00e4isist\u00e4 perusperiaatteista, jotka lis\u00e4t\u00e4\u00e4n Material Designilla luomiin sovelluksiin ja verkkosivustoihin. Syy-seurauslakeja on noudatettava ahkerasti siin\u00e4 mieless\u00e4, ett\u00e4 kun k\u00e4ytt\u00e4j\u00e4 suorittaa toimenpiteen, h\u00e4n odottaa ennustettavaa lopputulosta, ja h\u00e4nen on saatava se. Sivulla tapahtuvien liikkeiden on oltava johdonmukaisia sen kanssa, miten se voi tapahtua todellisessa maailmassa. T\u00e4m\u00e4 rohkaisisi heit\u00e4 k\u00e4ytt\u00e4m\u00e4\u00e4n enemm\u00e4n sovelluksia. <\/p>\n\n

          1. Merkitys ja logiikka lihavoitun, grafiikan ja hierarkian avulla<\/strong><\/li><\/ol>\n\n

            Jokaisella suunnitteluvalinnalla on oltava jokin merkitys ja logiikka. Suunnittelun tulee olla sellainen, ett\u00e4 sen takana t\u00e4ytyy olla jonkinlainen s\u00e4\u00e4nt\u00f6, syy. En\u00e4\u00e4 ei ole kyse suunnittelusta, koska joku piti siit\u00e4 tai koska se on trendik\u00e4st\u00e4. Uusimman j\u00e4rjestelm\u00e4n mukaan k\u00e4ytt\u00f6liittym\u00e4elementtien tulee noudattaa tietty\u00e4 vastuullista hierarkiaa. Materiaalisuunnittelu selitt\u00e4\u00e4 seuraavat elementit loogisella tavalla:<\/p>\n\n