Current location - Plastic Surgery and Aesthetics Network - Plastic surgery and medical aesthetics - How to reflect UI professionalism in cards
How to reflect UI professionalism in cards

How to reflect professionalism in the card? Summarize 5 details

The copywriting should be easy to understand

Remember not to use R&D language in the copywriting. "Shopping cart" and "Stock 2" on the left are too jargon-y, while "Only 2 left" and "Add to cart" on the right are closer to users' daily understanding.

Content restrictions

The size of the card container is limited, important information must be presented, and jump entries must be added. Text proportional relationships can be confirmed using the golden ratio. See Figure 2

Avoid sameness inside and outside of card rounded corners

When you use an element with rounded corners on a shape (which also has rounded corners), use it on a larger shape Twice as large the corner radius.

Do not include links in the text

Too many inline links in the card text will look messy, and there will be too much information in the card, interfering with the visual experience.

Avoid using default shadows

The default shadows preset in many design software do not look very comfortable, and we need to design some soft shadow effects ourselves.