Beaches in times of coronavirus

Is it safe to venture out and enjoy the sun, surf and sand in
the midst of coronavirus crisis? Experts say its safer to

Read More

6 tips for a better

card design
UX Resources

Media

Beaches in times of coronavirus Primary text

Is it safe to venture out and enjoy the sun, surf and sand in
the midst of coronavirus crisis? Experts say its safer to Supporting text
engage in socially distant outdoor activities such as...

Read More Actions

#1 A clear, organized layout

Card UI should replicate physical card design. The example

above consists of visual description (picture or video), a
title, supporting text and action buttons.
UX Resources

Beaches in times of coronavirus Beaches in times of coronavirus

Is it safe to venture out and enjoy the sun, surf and sand in Is it safe to venture out and enjoy the sun, surf and sand in

the midst of coronavirus crisis? Experts say its safer to the midst of coronavirus crisis? Experts say its safer to

engage in socially distant outdoor activities such as... engage in socially distant outdoor activities such as...

Read More Read More

Shadow Border

#2 Shadows and borders

Use shadows or borders or both to make the card stand out

from the background.
UX Resources

Beaches in times of coronavirus

Is it safe to venture out and enjoy the sun, surf and sand in Background and card with
the midst of coronavirus crisis? Experts say its safer to

engage in socially distant outdoor activities such as...

some amount of contrast
is more appealing than
Read More
none at all

#3 Choose the right background

Card background should be appealing and not distracting.

Cards in light colors against dark background look bright
and e ective.
UX Resources

Beaches in times of coronavirus Beaches in times of coronavirus

Is it safe to venture out and enjoy the sun, surf and sand in
Is it safe to venture out and enjoy the sun, surf and sand in

the midst of coronavirus crisis? Experts say its safer to the midst of coronavirus crisis? Experts say its safer to

engage in socially distant outdoor activities such as...

engage in socially distant outdoor activities such as...

Read More Read More

#4 Font size and weight

Using a larger font size and weight for title and small for
description brings attention to the important details at just
a glance.
UX Resources

Beaches in times of coronavirus Beaches in times of coronavirus

Is it safe to venture out and enjoy the sun, surf and sand in
Is it safe to venture out and enjoy the sun, surf and sand in

the midst of coronavirus crisis? Experts say its safer to the midst of coronavirus crisis? Experts say its safer to

engage in socially distant outdoor activities such as...

engage in socially distant outdoor activities such as...

Close Read More Close Read More

#5 Use contrast to attract attention

Use contrast to prioritize actions. This helps users

understand and decide quicker.
UX Resources

Beaches in times of coronavirus

Is it safe to venture out and enjoy the sun, surf and sand in
the midst of coronavirus crisis? Experts say its safer to
engage in socially distant outdoor activities such as...

Read More

#6 Highlight on hover

Highlighting action buttons will convey to the user that its

clickable therefore improving interactivity.
UX Resources

Follow us for more updates!