跟讀練習: 710 - 通過影片學習英語口語

選擇練習模式

每種模式都會開啟全屏練習室。

50 句

如果句子過短或過長，請點選 Edit 進行調整。

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.

下載應用

流利口語所需的一切

AI 發音評分逐句打分

音標練習掌握每個音

詞彙學習建立你的詞庫

詞彙遊戲邊玩邊學

掃碼

Download on theApp Store Get it onGoogle Play

FOR YOU

推薦影片

135 句

什麼是跟讀法？

跟讀法 (Shadowing) 是一種有科學依據的語言學習技巧，最初開發用於專業口譯員的培訓，並由多語言者Alexander Arguelles博士普及。這個方法簡單而強大：您在聽英語母語原聲的同時立即大聲重複——就像是一個延遲1-2秒緊跟說話者的影子。與被動聽力或語法練習不同，跟讀法強迫您的大腦和口腔肌肉同時處理並模模擬實的講話模式。研究表明它能顯著提高發音準確性，語調，節奏，連讀，聽力理解和口語流利度——使其成為雅思口語備考和真實英語交流最有效的方法之一。

影子跟讀法: 閱讀完整分步指南 →

跟讀練習: 710 - 通過影片學習英語口語

選擇練習模式

下載應用

推薦影片

How to Become a UX Designer in 2025 (No Degree or Bootcamp)

SEtalk: Your Accent Is Not a Mistake

Use these CSS features instead of JavaScript

5 Things Under $20 Every ARCHITECT Needs

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

I’m Begging You: Replace Scrolling With These Habits

You're Using Anki WRONG

My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It

Color Palettes Worth Another Look

Learn Figma Motion in 8 minutes

5 Lỗi Sai Người Việt Hay Mắc (Và Cách Sửa)

How to draw backgrounds

本影片的口語學習目標

實用表達庫

攻克口語薄弱點

什麼是跟讀法？