Originally designed as a key element in Google's Material Design, cards and card-based layouts are ubiquitous on all platforms. In this video, review the rules for using cards and then see what we have learned in practice.
- [Instructor] Cards have become a fact of life…when it comes to UX design.…When things moved to flat design and minimalism…several years ago,…there was also a corresponding focus on simplicity…and faster loading times.…Card-based layouts, fostered by Pintrest…and then popularized by social media sites…such as Facebook and Twitter, are practically everywhere.…Cards are basically containers for a single thought,…though a card can contain a variety of data…such as images, texts, links, and so on,…which actually presents the cleaner interface.…
And as a result of that is,…a consistent experience across devices,…including desktop, Android, and iOS.…So let's take a look at this design pattern.…And to get yourself started,…open the 09_Cards.aep file,…found in your chapter download.…When it opens, you'll see…there are a couple of cards…sitting in an Android interface,…so there are the cards right there.…The first thing I want you to pay attention to…is the simplicity of the cards.…Notice how they focus on a single subject,…
- Prototyping motion
- Using the Graph Editor
- Working with shapes and masks
- Supporting tap, press, and swipe gestures
- Handling pinch and spread gestures
- Designing patterns
- Making navigation, buttons, and breadcrumbs
- Creating progress bars
- Working with modals, menus, and cards
- Zooming content
- Making a floating action button
- Handling text input and cursors
Skill Level Beginner
Modular UX Design with Photoshopwith Jesse Freeman48m 8s Advanced
1. Microinteraction Fundamentals
2. The Common Gestures
3. Design Patterns
Next steps1m 21s
- 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.