tirsdag 15. september 2015

Vil du lage ditt neste nettsted med material design?

Når du starter på neste webprosjekt er det jo som alltid utallige valg å ta.
For det første skal du velge teknologisk plattform, med de valgene som hører med der.

Skal du ha PHP eller ASP.NET, skal du ha MSSQL, MySQL, Oracle eller kanskje du skal benytte deg av Firebase eller mongoDB? Skal du bruke et Content Management System (CMS), skal du kode opp Model View View Model (MVVM)-binding mellom en JSON-kilde og AngularJS?

Når valgene er gjort og du har en løsning som kanskje er installert, skal du ta fatt på grensesnittet. Fremdeles er det mange timer frem til mål og kanskje du av gammel vane vurderer å bruke bootstrap som før, eller kanskje du vurderer å benytte deg av skreddersøm HTML5 og CSS3, som du beriker med JQuery og andre rammeverk?

Hva om du vil prøve noe nytt, hva om du vil prøve Material Design?

Google to the rescue

Google har en har en dedikert nettside design.google.com, som hjelper deg med tips om alt fra kerning til marger, fonter, navigasjon, layout og annet.

Viktige inspirasjonskilder kan man også dra fra Google sine material design guidelines på samme nettsiden: design.google.com/resources/#material-design-guidelines.

Men det du kanskje ikke visste, er at Google nå også har lansert Material Design Lite (MDL) som åpen kildekode. MDL er altså et responsivt rammeverk som fungerer uten javascript og degraderer i eldre nettlesere.

Sitat fra http://www.getmdl.io/:

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now.

MDL kan tilpasses relativt enkelt, man kan gjennom fargehjulet velge annet fargetema, på følgende nettside: getmdl.io/customize/index.html# 


Komme raskere i gang med Web 2.0 elementer

De fleste nettsteder i dag benytter seg av Web 2.0, den interaktive webben. Som regel brukes det mye tid på å kode opp ting som kart og øvrige interaksjonselemeneter som de fleste forventer er på plass i dag. Med Polymer kan du komme raskere i gang med ditt neste prosjekt, rammeverket er enkelt å bruke og lager effektive interaksjonselementer for webben.

Sitat fra www.polymer-project.org/1.0/

Polymer 1.0 has been rebuilt from the ground up for speed and efficiency. The new, leaner core library makes it easier than ever to make fast, beautiful, and interoperable web components. If you haven't used Polymer before, it's time to try it out. If you haven't tried it recently, time to take another look.

Oppsummering

Det er egentlig ingen konklusjon her, men jeg anbefaler å besøke og lese godt opp på google sine designsider. Det ligger mange ressursser tilgjenglig for nedlasting, alt fra maler til material design ikoner, man kan bruke google fonter og mye annet. Selv om material design er i vinden nå, vil mest sannsynlig material design holde seg relevant lenger enn mange andre design. Dette er på grunn av de enkle og rene linjene, samt tanker rundt god UXD og forståelig innhold, navigasjon og tilpassing til flere skjermer.