I 2014 tillkännagav Google lanseringen av material design ". Deras ursprungliga mål var att ta itu med frågor med utformningen av appar för Android-enheter. Argumentet var att " Platt design "Visas inte bra på små skärmar. De ansåg att designen saknar tydliga visuella signaler och hindrar mobilanvändarnas användbarhet.
Matías Duarte, vice president för Google Design, förklarade:
”Till skillnad från riktigt papper kan vår” Materialdesign ”växa och anpassa sig intelligent. Materialet erbjuder fysiska och plana ytor, med skuggor som ger mening till vad du kan röra vid ”.
Och det är i grund och botten vad hårdvarudesign är nu: ett sätt att få element i en app att verka rörliga.
Genom att släppa det nya språket och riktlinjerna för Material Design hoppas Google att lösa problemen med UX (Användarupplevelse) och förvirring bland användare av Android-applikationer. Två år senare har deras ramverk gått bortom området för mobila applikationer och är nu en princip som regelbundet används i webbdesign.
I det följande föreslår jag några källor där du kan hitta medel att integrera Material Design på din Wordpress blogg.
1 - Behance
Det perfekta exemplet på en webbplats för att lära sig applikationsdesign med " material design ". Behance har otaliga tips och exempel som du kan använda som inspiration. Behance råkar också använda " material design På sin egen webbplats, med lådor som subtilt hänger ut ur rutnätet, mellanskuggor för uppmärksamhet och tydliga markörer för klickbara åtgärder.
2 - CodePen
Ladda ner
CodePen, den självtilldelade "utvecklarlekplatsen", är en utvecklares guldgruva när det gäller " material design ". Inte bara har du några riktigt coola exempel, och du kan se CSS, HTML och JavaScript som utvecklare använder för att bygga olika webbplatser.
3 - Dribblare
Om du inte känner till det senare är Dribble ett socialt nätverk för designers, utvecklare, artister och andra intresserade av " Designa ". En sökning efter " material design Inom deras webbplats kommer bara att visa dig hur tekniken för material design Är allestädes närvarande. Här hittar du inspiration för något så enkelt som en ikon för att designa en komplett webbplats.
4 - Google Designs Material Design Awards
Ett år efter att Google lanserade Material Design hedrade de sex av de bästa applikationerna med ramverket i "Material Design Awards ". Du kommer att känna igen ett stort antal webbplatser på den här hederliga listan. Om du vill se potentialen hos material design ”, Vi uppmuntrar dig att titta på listan. Om Google tar sig tid att tagga en källa är det värt att ta en omväg.
5 - Tillverkad med material
Den här webbplatsen dateras från november 2014 och erbjuder en stor inspirationskälla för " material design ". De flesta av webbplatsen har högupplösta skärmdumpar av webbplatser och mobilappar som använder " material design ". Och även om det kan vara lätt att gå vilse i dessa inspirerande exempel, glöm inte att kolla in dokumentationen som de har inkluderat för utvecklare längst upp till höger. Denna dokumentation kommer att vara användbar om du vill utveckla med " material design ".
6 - Materialdesignblogg
Den här bloggen råkar vara en av våra favoriter, inte bara för att den täcker en mängd verktyg och ämnen som du kanske är intresserad av när det gäller det här ämnet, men också för att den gör ett fantastiskt jobb som visar dig designtekniker med "Materialdesign". Om du inte har haft en chans att se deras animationer i aktion, besök webbplatsen och klicka på ett av deras blogginlägg.
7 - MaterialUp
En del av familjens webbplatser Uplabs MaterialUp handlar om materialdesign: exempel på webbplatser, skärmdumpar av mobilappar, verktyg, tips och mer. Även om du inte kan hitta något användbart just nu, ta en titt på deras webbdesign. Layouten och utseendet påminner om Google Drive, eller hur? Om du letar efter en resurs du kan lita på, kan du vända dig till den här webbplatsen?
8 - Pinterest
Om en webbplats skulle utses till den främsta inspirationskällan för "designers" kommer Pinterest att dela denna ära med Behance. Med en snabb sökning efter termen "material design Du har direkt tillgång till videor och bilder från webbplatser och applikationer som använder denna ram.
Det var allt för den här listan medel för " material design ". Dela gärna det med dina vänner på dina favorit sociala nätverk.
