Use the basic library and the material design library to create a card-based design.
- [Instructor] In this exercise we're going to be working…with material design cards,…and if you aren't familiar with material design cards,…you can just come to this site here and it tells…you everything there is to know about it.…Thank you Google.…And basically what it is is a card containing a photo, text…and link about a single subject.…Think of them as great big links and you're doing well,…and it deals with a single subject.…The keyword is single.…You don't put a whole bunch of stuff in the card.…It's one thing only.…So what we're going to do here is we're going…to add a card promoting a farm to table event…in that Now project that we were working on earlier.…
So let's get started.…Open up your Now project,…make sure that you're in the Now screen…and let's get to work.…So the first thing we want to do is come over…to the material area here and down the bottom we go.…And we're going to look for the rectangle with the shadow,…so we can just drag it in there.…You notice how it just fits nicely…and it's going to be a 344 wide and we're going to make a 200 high…
- Using design patterns
- Using grids and columns
- Using the Proto.io player
- Using the Proto.io smartphone app
- Working with screens
- Using components
- Creating artwork
- Creating and using containers
- Creating animation
- Publishing your prototype
Skill Level Intermediate
Building and Maintaining Your UX Design Portfoliowith Diane Cronenwett15m 54s Appropriate for all
Sketch: Creating Vector Graphicswith John-Paul Ballard1h 30m Intermediate
1. Getting Started with Proto.io
2. Working with Screens
3. Using Components
4. Creating Artwork from Proto.io
5. Creating and Using Containers in Proto.io
6. Creating Animation in Proto.io
7. Publishing Your Prototype
Next steps1m 22s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.