Shadowing Practice: 710 - Learn English Speaking with Video

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.

✨ Video Öner

157 cümleler

Bu dersin kelimeleri ve konuşma notları

En çok tekrarlanan kelimeler: color, shadow, design, text, mistake. Bu videoda gölgeleme çalışması için 50 cümle ve 629 kelime var. Konuşma bölümü 3:38 sürüyor. Konuşmacı dakikada yaklaşık 173 kelimeyle, günlük konuşmaya yakın doğal bir hızda konuşuyor. Kelimelerin %83’i İngilizcede en sık kullanılan 3.000 kelime arasında; geri kalanına başlamadan önce bakmakta fayda var.

Bu videodaki önemli kelimeler

Videodaki en ileri düzey 12 kelime, telaffuzu ve anlamıyla:

Kelime	Telaffuz	Anlam
hierarchy isim	/ˈhaɪ.ə.ɹɑː(ɹ).ki/	hiyerarşi
font isim	/fɑnt/	yazıtipi, söten
accent isim	/ækˈsɛnt/	vurgu, tonlama
allocate fiil	/ˈæl.ə.keɪt/	tahsis etmek, ayırmak
accessibility isim	/əkˌsɛs.əˈbɪl.ə.ti/	ulaşılabilirlik
vibrant sıfat	/ˈvaɪbɹənt/	hayat dolu, hareketli
palette isim	/ˈpælɪt/	palet
subscribe fiil	/səbˈskɹaɪb/	abone olmak
technically zarf	/ˈtɛk.nɪˌkəl.i/	teknik yönden
realistic sıfat	/ˌɹɪəˈlɪs.tɪk/	gerçekçi
decrease fiil	/dɪˈkɹiːs/	azalmak, düşmek
cancel fiil	/ˈkæn.sl̩/	iptal etmek

Tekrar etmeye değer cümleler

Videodan, günlük konuşmada yeniden kullanabileceğiniz kısa ve tam cümleler:

Let's take a look at this example.
Let's take this card for example.
Otherwise, your design wouldn't look good.
Let's take a look at this model card.
Did you notice the issues here?

Dikkat edilecek telaffuzlar

Konuşmacı doesn't, don't, I'm gibi kısaltılmış biçimleri 12 kez kullanıyor. Bunları duyduğunuz gibi kısa söyleyin.

“sh” ve “zh” sesleri: actionable /ˈæk.ʃə.nə.bəl/, misconception /ˌmɪs.kənˈsɛp.ʃən/
Uzun kelimeler — vurguyu doğru yere koyun: hierarchy /ˈhaɪ.ə.ɹɑː(ɹ).ki/, actionable /ˈæk.ʃə.nə.bəl/, misconception /ˌmɪs.kənˈsɛp.ʃən/, opacity /oʊˈpæsɪti/, accessibility /əkˌsɛs.əˈbɪl.ə.ti/

Türkçe konuşanların zorlandığı sesler:

Kelime başındaki ünsüz kümesi — araya ünlü eklemeyin: gradient /ˈɡɹeɪdiənt/, tutorial /ˌtjuːˈtɔːɹɪəl/, scan /skæn/
/æ/ — “e”den daha açık: accent /ækˈsɛnt/, actionable /ˈæk.ʃə.nə.bəl/, allocate /ˈæl.ə.keɪt/, opacity /oʊˈpæsɪti/, palette /ˈpælɪt/

Bu videoyla nasıl çalışılır

Videonun tamamını konuşmadan bir kez dinleyin ve bilmediğiniz kelimeleri not edin.
0,75× hızla başlayın, cümle cümle tekrar edin ve kolaylaşınca normal hıza dönün.
Kendinizi kaydedin ve orijinaliyle karşılaştırın; hierarchy, font, accent gibi kelimelere özellikle dikkat edin.

Gölgeleme Tekniği Nedir?

Gölgeleme, başlangıçta profesyonel tercüman eğitimi için geliştirilen ve çok dilli Dr. Alexander Arguelles tarafından popüler hale getirilen, bilim destekli bir dil öğrenme tekniğidir. Yöntem basit ama güçlüdür: ana dili İngilizce olan bir sesi dinler ve hemen yüksek sesle tekrar edersiniz — konuşmacıyı 1-2 saniye gecikmeyle takip eden bir gölge gibi. Pasif dinleme veya dilbilgisi alıştırmalarının aksine, gölgeleme beyninizi ve ağız kaslarınızı gerçek konuşma kalıplarını eşzamanlı olarak işlemeye ve yeniden üretmeye zorlar. Araştırmalar, telaffuz doğruluğu, tonlama, ritim, bağlı konuşma, dinleme anlama ve konuşma akıcılığını önemli ölçüde geliştirdiğini göstermektedir — bu da onu IELTS Konuşma hazırlığı ve gerçek dünya İngilizce iletişimi için en etkili yöntemlerden biri yapar.

Shadowing tekniği: adım adım eksiksiz rehberi okuyun →

Shadowing Practice: 710 - Learn English Speaking with Video

How A Graphic Designer MUST Think in 2026 To Survive!

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

how to edit vlogs

5 Things Under $20 Every ARCHITECT Needs

How I Ranked 1st at Cambridge University - My Secret

Making Composition Mistakes? Here Is How To Fix Them

Use these CSS features instead of JavaScript

UI UX Interview Questions ( Part 1)

Your Imagination Won't Fix Your Life

Fix your Trousers Fitting Issues | Body Specific Adjustments (Part 1)

What Makes Expensive Websites Expensive

Claude Design just got MASSIVE Upgrades (2.0 Update)