Google je u 2014-u najavio izdanje materijal dizajn ". Njihov početni cilj bio je riješiti probleme s dizajnom aplikacija za Android uređaje. Argument je bio da " stan dizajn "Ne prikazuje se dobro na malim ekranima. Smatrali su da dizajnu nedostaju jasni vizualni znakovi i koči upotrebljivost mobilnih korisnika.
Matías Duarte, potpredsjednik Google Design-a, objasnio je:
„Za razliku od pravog papira, naš 'Dizajn materijala' može inteligentno rasti i prilagođavati se. materijal nudi fizičke i ravne površine, sa sjenama koje daju značenje onome što možete dodirnuti ”.
I to je u osnovi ono što je hardverski dizajn sada: način da elementi aplikacije izgledaju dodirljivo.
Objavljivanjem novog jezika i smjernica Materijalnog dizajna, Google se nada da će riješiti probleme UX-a (Korisničko iskustvo) i zbunjenost korisnika Android aplikacija. Dvije godine kasnije, njihov je okvir izašao izvan područja mobilnih aplikacija i sada je načelo koje se redovito koristi u web dizajnu.
U nastavku vam nudim neke izvore u kojima ćete pronaći sredstva za integraciju materijalnog dizajna na vaš WordPress blog.
1 - Nastavak
Savršen primjer web lokacije za učenje dizajna aplikacija pomoću gumba " materijal dizajn ". Behance ima bezbroj savjeta i primjera koje možete koristiti kao nadahnuće. Slučajno se također koristi " materijal dizajn Na vlastitom web mjestu, s kutijama koje suptilno vise izvan mreže, srednjim sjenama za pozornost i jasnim oznakama za radnje na koje je moguće kliknuti.
2 - CodePen
Preuzmite
CodePen, samo dodijeljeno 'igralište za programere', zlato je programera kada je riječ o ' materijal dizajn ”. Ne samo da ćete imati nekoliko sjajnih primjera, a možete vidjeti i CSS, HTML i JavaScript koje programeri koriste za izradu različitih web stranica.
3 - Dribbble
Ako vam potonje nije poznato, Dribble je društvena mreža za dizajnere, programere, umjetnike i ostale zainteresirane za " dizajn ”. Potraga za " materijal dizajn Unutar njihove stranice samo će vam pokazati kako tehnologija materijal dizajn Je sveprisutan. Ovdje ćete pronaći inspiraciju za nešto jednostavno poput ikone za dizajn cjelovite web stranice.
4 - Nagrade za dizajn materijala tvrtke Google Design
Godinu dana nakon što je Google pokrenuo Material Design, počastili su šest najboljih aplikacija pomoću okvira u "Nagrade za materijalni dizajn ”. Prepoznat ćete veliki broj web lokacija na ovom počasnom popisu. Ako želite vidjeti potencijal materijal dizajn ”, Preporučujemo vam da pogledate ovaj popis. Ako Google odvoji vrijeme za označavanje izvora, onda se isplati.
5 - Napravljeno od materijala
Od studenog 2014, ova stranica nudi izvrstan izvor inspiracije za " materijal dizajn ". Većina stranice sadrži snimke zaslona web stranica i mobilnih aplikacija visoke rezolucije koje koriste " materijal dizajn ". Iako se u ovim inspirativnim primjerima može lako izgubiti, ne zaboravite pogledati dokumentaciju koju su uvrstili za programere u gornjoj desnoj bočnoj traci. Ova će dokumentacija biti korisna ako želite razviti s " materijal dizajn ".
6 - Blog o dizajnu materijala
Slučajno je ovaj blog jedan od naših omiljenih, ne samo zato što pokriva čitav niz alata i tema koje bi vas mogle zanimati kada je ova tema u pitanju, već i zato što izvrsno radi što vam pokazuje tehnike dizajna s "Dizajn materijala". Ako niste imali priliku vidjeti njihove animacije na djelu, posjetite web mjesto i kliknite jedan od njihovih postova na blogu.
7 - MaterialUp
Dio obitelji stranica Uplabs MaterialUp se bavi materijalnim dizajnom: uzorci web-mjesta, snimke zaslona mobilnih aplikacija, alati, savjeti i još mnogo toga. Čak i ako trenutno ne možete pronaći ništa korisno, pogledajte dizajn njihove web stranice. Izgled i izgled podsjećaju na Google Drive, zar ne? Ako tražite a izvor možete vjerovati, možete se obratiti ovoj web stranici?
8 - Pinterest
Ako bi ikad neka web lokacija bila imenovana glavnim izvorom inspiracije za "dizajnere", Pinterest će podijeliti ovu čast s Behanceom. Brzom pretragom izraza "materijal dizajn Imate trenutni pristup videozapisima i slikama s web stranica i aplikacija koje koriste ovaj okvir.
To je to za ovaj popis sredstva za " materijal dizajn ”. Slobodno ga podijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama.
