We’re kicking off Overtime Season 4 with our 50th episode! Listen now to hear the lessons we learned in 2018.
I love Material Design more and more now have a lot more experience designing, and more importantly developing in (w/ Angular-Material) it since my original Sketch template.
Download Sketch Template
(Likes are thanks!)
To this day I still feel like the official spec lacks in the layout area beyond mobile. Thankfully the Polymer team released an impressive demo of 4 responsive layouts from mobile => tablet => laptop (desktop). I’ve updated my template modeling the layouts after these.
- [new] 16 layouts from Polymer examples
- Nav View (laptop, tablet landscape, tablet portrait & mobile)
- Nav Cards (laptop, tablet landscape, tablet portrait & mobile)
- List Card Over (laptop, tablet landscape, tablet portrait & mobile)
- Nav List Detail (laptop, tablet landscape, tablet portrait & mobile)
- [new] device background behind artboards which doesn’t export
- [updated] Material Design Components
- [new] Lists
- [new] Cards
- [new] Data Tables
- [new] Tooltips
- [new] FAB Speed Dial
- [new] Date picker
- [new] Progress Circular
- [updated] Forms: Inputs, Checkboxes, Radios & Switches
- [updated] Styles
- [new] Typography Styles (Display, Headline, Title, Subheading, Body, Caption, Button)
- [removed] Charts (I’m going to make a Material Charts Sketch template soon)
- [todo] Icons - need to add around 300 new icons and update icon categories based off official material-icon updates
Credit to the super cool Polymer layouts for inspiration
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2019 Dribbble. All rights reserved.
Take our community survey and get an amazing giveaway and font discount.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.