Card-structured layout in User Interface Design

With mobile internet usage surpassing the desktop, User Interface Design is now favoring the small screen as responsive design becomes mandatory. Simple interface styles like flat design, and in particular the use of cards, are more popular than ever.

Cards are small individual containers of information, with each card representing its own singular thought. A card can hold all types of content — visuals, text, links, etc. — but all fall under a single unified theme. Card UI patterns are incredibly useful in numerous ways. It provides a much cleaner and instantly comprehensible interface, especially on mobile devices. The utilization of bite-sized content and masonry-style framework translates easily across different screen sizes. Card grids can expand and contract, restructuring themselves to fit any breakpoint or screen size. Card design is also perfect for the attention span of most web users. Additionally, Card design adheres nicely to the visual literacy of today’s end users. Images elevate mobile app design, because images draw the user’s eye efficiently and immediately.

Most social media has moved to a Card Design framework. Twitter, Google and Facebook are moving towards using cards. Pinterest is built completely around the use of cards. Cards may ultimately end up being a trend similar to Skeumorphism, but many of its elements seemed build to have staying power.

User Interface example


Posted in