Prática de Shadowing: 710 - Aprenda a falar inglês com vídeo

What's up everyone, it's Arash here

and in this episode I'm going to show you how to avoid making five UI design mistakes

that will turn your design from this into this.

So let's begin.

Mistake number one, overusing shadows.

I know it's tempting to use different effects to make your design pop, but overusing shadows can really hurt your design.

Let's take a look at this example.

Here as you can see, many of our elements have shadows like this text layer, which makes it less readable.

Please, please never ever use shadows for your text.

So if I unhide the improved version, you can see that our design can now breathe

and only our cards have some drop shadows to help them elevate a little bit.

Mistake number two, unrealistic shadow colors.

There is a misconception about the color of shadows and it's that many people think all shadows are dark gray, which is not true technically.

So here as you can see all our shadows are dark gray and it doesn't look realistic at all.

So to improve this design we can instead use the element's main color with a decreased opacity as our shadow's color.

Mistake number three, low contrast.

Often I see designers put a text layer on an image

that is barely readable because of having a low contrast ratio between the foreground and background, and they don't know how to fix this issue.

Well, here is a very easy solution to this.

You can simply darken the background to make your text more readable.

Let's take this card for example.

As you can see, the text is not easily readable, and what I'm going to do is add a new feel to it as an overlay and make it darker.

I can also turn it into a gradient that fades away gradually.

Just like that, we could dramatically improve our design.

The other example would be using a very light gray on a white card.

Just because you can read it easily doesn't mean that other people can too.

So make sure to check the contrast ratio of your colors to avoid accessibility issues.

Mistake number four, not applying colors properly.

Once your color palette is ready, you need to know how to allocate your colors properly.

Otherwise, your design wouldn't look good.

Here is an example of bad color usage.

As you can see, our CTAs don't pop because we should have used the accent color for them.

And keep in mind that you should reserve your accent color, which is usually a vibrant color for your actionable elements only.

If you use them everywhere, you cannot direct the user's eyes to your CTAs.

Mistake number five, bad visual hierarchy.

Having a good visual hierarchy in UI design can help the user to scan the content of your app

or website easily and quickly.

Let's take a look at this model card.

Did you notice the issues here?

As you can see, we don't have a good visual hierarchy

because our title and the body text use the same font size and weight.

And also, we didn't use two types of buttons to indicate their level of importance.

To fix these issues, I'm gonna increase the title's font size and also let me change its weight.

Then we can turn this cancel button into a text button.

It looks much better now, doesn't it?

Do you have anything else to add to this list?

If so, please let me know in the comment section down below.

Alright guys, thanks for watching.

If you enjoyed this video, please hit the like button and subscribe to my channel to not miss the upcoming tutorials.

Have a wonderful day and see you next time.

✨ Vídeo recomendado

257 frases

O que é a Técnica de Shadowing?

Shadowing é uma técnica de aprendizado de idiomas com base científica, originalmente desenvolvida para o treinamento de intérpretes profissionais. O método é simples, mas poderoso: você ouve áudio em inglês nativo e repete imediatamente em voz alta — como uma sombra seguindo o falante com 1-2 segundos de atraso. Pesquisas mostram melhora significativa na precisão da pronúncia, entonação, ritmo, sons conectados, compreensão auditiva e fluência na fala.

Técnica de shadowing: leia o guia completo passo a passo →

Prática de Shadowing: 710 - Aprenda a falar inglês com vídeo

How to Make Your Outfits Better (Avoid These Styling Mistakes!)

How A Graphic Designer MUST Think in 2026 To Survive!

Daily shadowing day 27 #english #shadowing #dailyenglish #reading #estudyme

How I Ranked 1st at Cambridge University - My Secret

5 Things Under $20 Every ARCHITECT Needs

Use these CSS features instead of JavaScript

UI UX Interview Questions ( Part 1)

How To Edit Videos Viewers Will Watch To The END.

What Makes Expensive Websites Expensive

Claude Design just got MASSIVE Upgrades (2.0 Update)

Your Imagination Won't Fix Your Life

80% of Interior Design Basics in 10 minutes

Primeiras impressões: Por que esse vídeo é ótimo para prática de conversação em inglês

Analisando a fala: Frases naturais e por que elas funcionam

Rota de prática: Como usar o vídeo para treinar shadowing

O que é a Técnica de Shadowing?