Design Systems, part 18: Responsive cards
This time we create 3 responsive cards that you can use for a blog, an e-commerce site and a way of displaying a pictogram with some text.
Sketch file and library created in this tutorial:
https://www.icloud.com/iclouddrive/0560Ccd8am1iy6Z5mwEj1LKnA#Design_Systems_-_Part_18_-_Responsive_Cards - Rename to "Design System - Global"
https://www.icloud.com/iclouddrive/03e-oQRl7cVDQCbbDpy1ynedw#Design_Systems_-_Part_18_-_Responsive_Cards_-_Designs - Rename to "Design System - Designs"
Playlist with all of the videos in this series:
https://www.youtube.com/playlist?list=PLuGpMawKEhfaicYZHb4VME-IoLtg8gtew
Software and services used:
Sketch: https://www.sketchapp.com/
Abstract: https://www.goabstract.com/
For updates and other tutorials, follow me on:
Twitter: https://twitter.com/deanemachine
Medium: https://medium.com/@christopherdeane
Thanks for watching! :)
#Sketchtutorial #Designsystems #Designtutorial
Sketch file and library created in this tutorial:
https://www.icloud.com/iclouddrive/0560Ccd8am1iy6Z5mwEj1LKnA#Design_Systems_-_Part_18_-_Responsive_Cards - Rename to "Design System - Global"
https://www.icloud.com/iclouddrive/03e-oQRl7cVDQCbbDpy1ynedw#Design_Systems_-_Part_18_-_Responsive_Cards_-_Designs - Rename to "Design System - Designs"
Playlist with all of the videos in this series:
https://www.youtube.com/playlist?list=PLuGpMawKEhfaicYZHb4VME-IoLtg8gtew
Software and services used:
Sketch: https://www.sketchapp.com/
Abstract: https://www.goabstract.com/
For updates and other tutorials, follow me on:
Twitter: https://twitter.com/deanemachine
Medium: https://medium.com/@christopherdeane
Thanks for watching! :)
#Sketchtutorial #Designsystems #Designtutorial