From the course: Prototyping Microinteractions with After Effects

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Card-based layouts

Card-based layouts

From the course: Prototyping Microinteractions with After Effects

Start my 1-month free trial

Card-based layouts

“

- [Instructor] Whether it be a mobile screen, a tablet, or a website, you can't avoid the design pattern called cards which join images and text together The great aspect of a card is that it is a single piece of information. From a UI design point of view, you are handed the opportunity to organize substantial amounts of information while handing the user the opportunity to interact with that information. Well, where did they come from? Well, Pinterest was among the first to use card-based design, and cards really came into their own when Twitter and Facebook adopted card-driven interfaces. They also became standardized when Google laid out the specs for cards when they introduced Material Design in 2014. You can learn everything you need to know around cards here. And I'm just going to slide in the Material Design site, the guideline site. how they're used, what their anatomy is, how you can make them behave, the actions applied to them, collections, themes, specs, implementation…

Contents