• Shaarli
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
4251 shaares
Filters

How to Achieve Soft, Friendly and Consistent UI Design

QRCode

General visual consistency

How to make our design look sleek and consistent? Start with preparing this:

  1. Choose colors you want to use
  2. Choose a font(s) you want to use
  3. Decide on how deep/blurred you want your shadows to be.
  4. If you are using icons, decide whether you want to use solid or outlines. Try not to mix them.
    By now, you created your little design-system. How cool! 😎
    Now you should stick to it.

If you want your shadows to look even more fanciful, make the shadow have the same color as the element that casts it, then lower the opacity. Ideally, the background would have a similar tone, too.

Making gradients look more smooth and delicate

Choose the right color for the font, so it matches the background.

https://uxdesign.cc/how-to-achieve-friendly-lightweight-and-consistent-ui-design-a33a57183612
August 14, 2020 at 5:50:50 PM EDT *
ux shadow webdesign designsystem
FILLER
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community