Digital media workshop III: Design systems
Resources for this topic can be found here.
Deliverables
For next week, use Adobe XD and the Material Design UI Kit to create a gallery screen for a mobile app for pet adoption with the following features:
- Use an Android Mobile Artboard
- The screen must feature a gallery of pets currently available for adoption. Besides the images, consider options such as captions, “learn more”, “save”, “like”, “share” etc.
- Use license-free images.
- Include a menu icon
- Optional: title and subheader to introduce the gallery, back button (to go back to the previous screen)
Please refer to the Material.io documentation site for guidelines on using the components.
Submit your Adobe XD file and an exported PDF version under the OpenLab discussion “Design systems workshop exercise”.
Digital media workshop IV: JS libraries
Resources for this topic can be found here.
Deliverables
For next week, implement the following JS library on a simple HTML/CSS page (don’t forget to download the source files):
- Granim.js: Allows you to create fluid and interactive gradient animations
Submit your files (via a Google drive or dropbox link) under the OpenLab discussion “JS libraries exercise”.