Mitä on materiaalisuunnittelu?
Verkko on käynyt läpi useita muutoksia siitä lähtien, kun se esiteltiin ensimmäisen kerran maailmalle. Jokainen muutos on tehnyt siitä kätevän käyttäjille, sillä käyttäjillä on enemmän tutkittavaa, ilman kirjaimellisesti rajoja. Verkkosivujen ja selainsivujen jälkeen tulivat älypuhelimet ja monet muut älylaitteet.
Staattisista verkkosivuista intuitiivisiksi älylaitteiksi, joissa on tekoäly , muutos on ollut valtava. Mutta Google ei ole unohtanut muutoksia, joita verkkosivuilla pitäisi tapahtua. Googlen suunnittelujärjestelmässä ja kielessä on tapahtunut muutos. Ja siellä Material Design syntyi.
Materiaalisuunnittelun selitys
Joten Material Design oli Googlen idea , ja se syntyi vuoden 2014 puolivälissä, ja sen koodinimi oli ”Quantum Paper”. Materiaalisuunnittelua käytetään useisiin suunnittelutoteutuksiin. Paperipohjaiset suunnittelutyylit tekivät siitä melko erilaisen kuin tuolloin yleisesti käytetyt litteät suunnittelutyylit.
Material Designin kehittämisen tarkoituksena oli tuottaa laadukasta tuotantoa kaikilla alustoilla johdonmukaisesti. Tämä tuo yhtenäisen käyttökokemuksen kaikilla laitteilla, alustoilla ja syöttötavoilla. Tämä on melkein kuin Applen suunnitteluperiaatteet, joita he käyttivät vakiomenetelmänä. Mutta Google meni askeleen edellä ja mahdollisti yhtenäisen käyttökokemuksen.
Googlen materiaalisuunnittelun ohjeista on tullut minkä tahansa yrityksen brändäyksen vakioprotokollat, koska ne on tunnustettu Googlen sidoksissa. Mielenkiintoista on, että valtava ja kasvava suunnitteluyhteisö on ottanut Googlen käyttöön. Tämä tarkoittaa, että kuka tahansa voi käyttää materiaalisuunnittelua, ei vain alkuperäisillä alustoilla, vaan myös muilla kilpailevilla alustoilla.
Helpoin asia Material Design -spesifikaatiossa on, että kaikelle – tyylille, värille, kuville, ruudukoille, tilalle, typografialle jne. Ja se opastaa suunnittelijoita näyttämään heille, miltä asiat näyttävät, mukaan lukien kansainväliset mallit, jotka sisältävät hierarkiaa, painopistettä ja merkitystä.
Vinkkejä materiaalisuunnittelun tehostamiseen kaikilla alustoilla
- Käsite tai koskettava todellisuus
Yksi materiaalisuunnittelun periaatteista on omaksua tuntotodellisuuden käsite ja soveltaa sitä. Suunnittelun tulisi tarjota käyttäjille tuttua, kun he sisältävät todellisia ominaisuuksia. Esimerkiksi painikkeen tulee näyttää yhdeltä – ulkoasun, pinnan, saumojen ja reunojen on oltava yhteneväisiä painikkeen kanssa, jotta käyttäjät voivat saada vihjeen.
Liikkuvien osien paljastamiseksi on oltava realistinen valaistus ja varjostus, jotta käyttäjä ymmärtää välittömästi.
- Mukautuva muotoilu
Mukautuvassa suunnittelussa kuvakkeet, värit, tilasuhteet ja hierarkia ovat yhdenmukaisia eri alustoilla ja laitteilla. Itse suunnittelun tulee olla tarttuvaa ja järjestettyä, jotta käyttäjät pääsevät helposti kiinni hierarkiaan. Paremman kokemuksen tarjoamiseksi käyttäjille on huolehdittava siitä, että siellä on tarpeeksi tyhjää tilaa, suuri topografia, vahvat kuvat ja loistava värien käyttö.
- Liikettä käyttävät viestit herättävät paljon jännitystä
Käyttäjät pitävät siitä, kun he hallitsevat navigointiaan . Kun he näkevät toiminnastaan suoraan johtuvat muutokset, he ovat vastaanottavaisempia. Animaatiot jatkuvassa virtaavissa liikkeissä ennakoitavilla toimilla saavat käyttäjät rentoutumaan.
On kuitenkin tärkeää, että nuo liikkeet ovat luonnollisia. Jos käyttäjä esimerkiksi vetää ja pudottaa valitun kohteen kansioon muiden objektien kanssa, kansiossa jo olevien objektien on siirryttävä sivuun tehdäkseen tilaa. Käyttäjä järkyttyy, jos ”vedä ja pudota -vaihtoehdon” jälkeen objekti katoaa eikä hän näe, mitä sille tapahtui. Tällainen maaginen vastaus sammuttaa käyttäjän.
Materiaalisuunnittelun periaatteet
Materiaalisuunnittelu on paljon muutakin kuin varjojen ja kolmiulotteisten tehosteiden lisäämistä ominaisuuksiin. Se on kaiken kattava resurssi, joka luo perustan uudelle suunnittelukielelle. Tutustu joihinkin materiaalisuunnittelun perusperiaatteisiin.
- Materiaali on metafora
Käyttäjät nauttivat digitaalisista kokemuksista, jotka tuntuvat heille luonnollisilta. Tämä on siis yksi ensimmäisistä perusperiaatteista, jotka lisätään Material Designilla luomiin sovelluksiin ja verkkosivustoihin. Syy-seurauslakeja on noudatettava ahkerasti siinä mielessä, että kun käyttäjä suorittaa toimenpiteen, hän odottaa ennustettavaa lopputulosta, ja hänen on saatava se. Sivulla tapahtuvien liikkeiden on oltava johdonmukaisia sen kanssa, miten se voi tapahtua todellisessa maailmassa. Tämä rohkaisisi heitä käyttämään enemmän sovelluksia.
- Merkitys ja logiikka lihavoitun, grafiikan ja hierarkian avulla
Jokaisella suunnitteluvalinnalla on oltava jokin merkitys ja logiikka. Suunnittelun tulee olla sellainen, että sen takana täytyy olla jonkinlainen sääntö, syy. Enää ei ole kyse suunnittelusta, koska joku piti siitä tai koska se on trendikästä. Uusimman järjestelmän mukaan käyttöliittymäelementtien tulee noudattaa tiettyä vastuullista hierarkiaa. Materiaalisuunnittelu selittää seuraavat elementit loogisella tavalla:
- Layout
- Navigointi
- Väri
- Muoto
- Liike
- Vuorovaikutus
- Äänet
- Typografia ja verkkofontit
- Viestintä
Material Design Color Palette Generator on ominaisuus, jonka avulla suunnittelijat voivat vaatia vahvempia, rohkeampia väripaletteja käyttöliittymän kontrastin ja syvyyden lisäämiseksi.
- Liike intuitiiviseksi
Animaatiota ei tehdä animaation vuoksi. Material Designilla pyritään tekemään siitä tarkoituksellisempi, jotta käyttökokemus muuttuu intuitiivisemmaksi. Suunnittelussa liikkeellä on tarkoitus. Tässä on joitakin niistä:
- Ilmoittaa käyttäjille, milloin ja missä toiminto on käytettävissä
- Keskittäminen sivun tärkeimpiin osiin
- Lisää luonnetta ja persoonallisuutta käyttöliittymään
Tavoitteena on tehdä käyttäjän matkasta jännittävämpi, viihdyttävämpi ja suotuisampi.
Yksi asia, josta suunnittelijat eivät pitäneet materiaalisuunnittelussa
Materiaalisuunnittelussa oli yksi suuri puute, josta suunnittelijat voivat helposti valittaa. Konsepti oli liian mustavalkoinen, mikä tarkoittaa, että kaikki suunnittelijan tekemä on täsmennetty, mikä jättää hyvin vähän tilaa luovuudelle ja parantamiselle. On olemassa malleja ja komponentteja, joista ne voivat toimia, mutta niillä kaikilla on sama suunnittelujärjestelmä ja säännöt.
Visuaalisella tyylillään ja vetovoimallaan ainutlaatuisuutta etsiville brändeille tämä ei ollut helppoa, koska suunnittelujärjestelmä tuli yleisön saataville ja on tärkeää luoda järjestelmä, jota voidaan jatkuvasti muokata ja ylläpitää.
Alunperin Material Designissa oli teema, joka on erittäin vaalea ja kirkas, eikä se sopinut useiden merkkien teemaan, mutta nyt se on poistettu, ja on myös tummia teemoja, mikä lisäsi visuaalista joustavuutta kehittäjille.
Material Designiin on tehty uudistus, eikä suunnittelujärjestelmä enää rajoita suunnittelijan luovuutta ja ainutlaatuisuutta. Nyt on olemassa työkaluja, jotka eivät vain noudattaisi suunnittelun parhaita käytäntöjä, vaan antaisivat myös suunnittelijoille oman luovan kierroksen.
Johtopäätös
Materiaalisuunnittelusta on tullut joustavampaa ja voimaannuttavaa kuin koskaan ennen. Laajan dokumentaation ja tuen ansiosta kehittäjät ja suunnittelijat todella rakastavat materiaalisuunnittelun etuja. Suunnittelijat voivat kehittää käyttöliittymiä, jotka ovat intuitiivisempia, he voivat nyt työskennellä estetiikan ulkopuolella ja kehittää tarkoituksella käyttökokemusta parantavaa suunnittelua.
Aloita Material Designin käyttö tehdäksesi verkkosivustoista ja sovelluksista helpommin saavutettavia, ystävällisempiä ja intuitiivisempia.
Mielenkiintoisia linkkejä:
Kuinka käyttää materiaalisuunnittelua Android-sovelluksessa?
Lisätietoja materiaalisuunnittelusta
Kuvat: Canva
Kirjoittaja: Sascha Thattil työskentelee Software-Developer-India.com -sivustolla, joka on osa YUHIRO-ryhmää. YUHIRO on intialainen saksalainen yritys, joka tarjoaa ohjelmoijia IT-yrityksille, virastoille ja IT-osastoille.
Vastaa