Materiaalisuunnittelu: Katsaus tämän päivän web-suunnitteluun

On kulunut melkein kaksi vuotta siitä, kun Google kehitti ja ilmoitti Google I / O -konferenssissa Materiaali Suunnittelu suunnittelusääntönä, joka pantaisiin täytäntöön ja että vaikka se keskittyi aluksi sisällön toistamiseen Android-käyttöjärjestelmässä, siitä oli tarkoitus tulla trendi verkossa ja millä tahansa alustalla, mistä voimme vahvistaa tänään. Vaikka olemme maininneet sen toisinaan, totuus on, että emme ole koskaan pysähtyneet näkemään tätä koodausta perusteellisesti, joten tarkastelemme tänään sen periaatteita ja sen ominaisia ​​piirteitä.

Mitkä ovat materiaalisuunnittelun piirteet? Mitä tekemistä sillä on Flat Design -liikkeen kanssa?

Mitä sanoa tästä web-suunnittelun trendistä?

Sen nimi tulee sen käytännöllisimmästä mielestä, aine tai materiaalit on järjestettävä ja jäsenneltävä mahdollisimman tehokkaasti, ja keskityt siihen. Tämä liike pyrkii ennen kaikkea joustavuuteen, ergonomiaan ja kykyyn taittaa ja yksinkertaistaa verkkosivuston rakentamista. Mutta paitsi avaruusulottuvuudella on tärkeä paikka, myös ajan, koska nyt elementit vievät tiettyjä asemia tiettynä ajankohtana, toisin sanoen dynaamisuus on myös avaintekijä. Lisäksi näitä tekijöitä ohjaa väistämättä äly ja logiikka, joka lopulta johtaa realismin etsimiseen ja fyysisen aineen spatiaaliseen esitykseen, tosiasiassa siinä otetaan huomioon fysiikan lait ja sen mukana olevat elementit (kuvat, painikkeet, paneelit ...) eivät voi ylittää toisiaan, koska niillä on suurempi paino ja visuaalinen tiheys, vaan ne tekevät päällekkäisyyksiä.

Järjestys, selkeys, luettavuus

Kaikki nämä periaatteet johtuvat tietysti tavasta, jolla graafisia komponentteja hallitaan ja jaetaan, mukaan lukien typografia, joka on ennen kaikkea selkeä luettava ratkaisu, tekstirakenne on tavanomainen ja sujuva, visuaalinen hierarkia, joka on motivoitunut enemmän tai vähemmän voimakkaat sävyt tuottavat kontrasteja, jotka myös vivahtuvat koon ja järjestyksen kautta.

Valaistus ja realismi

Logiikka ilmenee ennen kaikkea valotehosteiden käytössä sekä sekä valojen että varjojen hallinnassa. Valaistus on loistava indikaattori läheisyydestä, merkityksellisyydestä ja tilanteesta, minkä vuoksi siitä tulee tärkeä työkalu vaikuttamaan hierarkiaan, josta puhuimme. Nyt painikkeilla, kuvilla ja kaikilla elementeillä on varjoja, jotka osoittavat läheisyyden asteen ja auttavat meitä sijoittumaan verkkolavalle.

Liike on tehokkain tapa kiinnittää huomiota ja ohjata katsojaa

Sen kieli on ilmeinen, graafinen ja valaiseva käyttäjän silmissä. Kun valitset vaihtoehdon tai työkalun, se lähestyy meitä, laajentamalla sen kokoa ja päinvastoin, kun lopetamme sen käytön. Tuote muuttaa myös väriä tai vilkkuu, jos sen on ehdottomasti kiinnitettävä huomiomme.

Rytmi, järjestys, kieli

Älkäämme unohtako, että sisimmässämme puhumme keskustelutilassa. Käymme läpi web-suunnittelun tarjoamat resurssit, ja siksi kaikilla teknisesti ilmaisevilla parametreilla on merkitys: Ulkonäköjärjestyksestä, esimerkiksi ensin kuvista ja sitten kelluvista painikkeista, niiden nopeuteen, jolla ne näkyvät, mihin suuntaan he tekevät sen ja mitä tarkoitusta varten he liikkuvat. Kaikki tämä on tärkeää, koska käyttäjälle ei vain ilmoiteta, mistä tiedot tulevat, vaan myös matkaa helpotetaan, elementit on järjestetty tekemään lukuprosessista intuitiivinen, helppo ja nautinnollinen. Animaatio ja dynaamisuus ovat epäilemättä peruspilaria.

Rajoittamaton koodaus

Kaikki nämä tarkistamamme periaatteet tai standardit on suunniteltu ja kehitetty toteutettaviksi millä tahansa välineellä ja alustalla niiden luonteesta ja näytön koosta riippumatta. Matkapuhelimista, tableteista tai tietokoneista. Kaikki mahdolliset tuet ja kohteet tukevat tätä visuaalista kieltä ja itse asiassa sen poikittaisuus ja yhteensopivuus on yksi sen tärkeimmistä ainesosista.

Litteä muotoilu ei ole sama kuin materiaalisuunnittelu

Vaikka niillä on monia yhteisiä seikkoja, kuten sitoutuminen kaikkein voimakkaimpaan minimalismiin, näiden kahden koodin välillä on myös valtavia eroja. Ne eivät kuitenkaan ole yhteensopimattomia ja ne voidaan varmasti täydellisesti yhdistää parhaan lopputuloksen saamiseksi, mutta puhumme siitä myöhemmin.