Prática de Shadowing: Design Systems vs. Style Guides - Aprenda a falar inglês com vídeo
Escolha um modo de prática
Cada modo abre uma sala de prática em tela cheia.
20 frases
Se as frases estiverem muito curtas ou longas, clique em Edit para ajustá-las.
1
Design system, style guides, pattern libraries, component libraries.
2
There are a lot of terminology that seems similar in our field, but it's slightly different.
3
Let's do a quick comparison.
4
What are the differences and how are they related?
5
A design system is a complete set of standards intended to manage design at scale.
6
A design system includes reusable components and patterns.
7
There are two important factors to a design system.
8
One, the repository, and two, the people managing the repository.
9
The repository can take many forms, but are often made up of a style guide, a component library, and a pattern library.
10
Design systems require continuous maintenance and oversight to ensure they don't become outdated.
11
That's why a team is needed to manage it.
12
A design system at its core is about managing design at scale, reducing redundancy, while creating a shared language.
13
Now, a style guide is one of the items that makes up a design system.
14
They contain specific implementation guidelines, visual references, and design principles for creating interfaces or other design deliverables.
15
They can be brands, so think colors, typography, logos, or content -specific, such as tone of voice and language recommendations.
16
I like to think about the relationship between these two things as a parent and child.
17
Design systems are the overarching concept and thus parent.
18
Under that larger umbrella fall smaller items, or children, which includes style guides, pattern libraries, and component libraries.
19
2 ,000 articles.
20
You can also register for one of our UX courses that offer live hands -on UX training.
Baixar aplicativo
Tudo o que você precisa para falar fluentemente
Pronúncia com IANota em cada frase
Prática de IPADomine cada som
VocabulárioMonte seu banco de palavras
Jogo de vocabulárioAprenda brincando
Mesmo canal
B24
Usability Heuristic 1: Visibility of System Status
Daily ConversationWorking Adults
B26
Usability Heuristic 3: User Control & Freedom
Daily ConversationUniversity StudentsWorking Adults
C13
Democratizing User Research
Daily ConversationUniversity StudentsWorking Adults
C18
Types of Surveys to Run Throughout the Design Process
Daily ConversationWorking Adults
C12
How to Avoid Doing UX Theatre
Daily ConversationUniversity StudentsWorking Adults
B22
UX Research Job Interviews: 5 Things to Showcase
Interview EnglishWorking Adults
B26
Validate Your Visual Design: 6 Methods
Business EnglishUniversity StudentsWorking Adults
C17
Are You Supporting Legacy Users?
Daily ConversationWorking Adults
C19
Usability Heuristic 2: Match Between the System and the Real World
Daily ConversationUniversity StudentsWorking Adults
B22
Storytelling in User Research
Daily ConversationWorking Adults
C18
Design Thinking 101
Business EnglishUniversity StudentsWorking Adults
C121
Don’t Start with AI, Start with the Problem
Business EnglishUniversity StudentsWorking Adults
C114
Object-Oriented UX (OOUX)
Business EnglishUniversity StudentsWorking Adults
C112
Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course Preview
Business EnglishUniversity StudentsWorking Adults
C15
Overcoming Service Blueprinting Frustrations
Business EnglishWorking Adults
C13
Data vs. Findings vs. Insights
Business EnglishUniversity StudentsWorking Adults
C110
10 Usability Heuristics: From Theory to Practice | Course Preview
Business EnglishUniversity StudentsWorking Adults
C12
UX vs. UI
University StudentsWorking Adults
C1Input Controls: Design Patterns and Best Practices | Course Preview
Business EnglishUniversity StudentsWorking Adults
B2AI Strategy: 3 Key Questions
Business EnglishWorking Adults
FOR YOU
Vídeo recomendado
C17
99 frases
How to Answer System Design Interview Questions (Complete Guide)
Business EnglishInterview EnglishUniversity Students
C13
406 frases
#03 Strategic Types of Human Resources Management
Business EnglishUniversity StudentsWorking Adults
C11
123 frases
Make Your Notion Setup Aesthetic! Hidden Notion Design Tips 2023
Business EnglishUniversity StudentsWorking Adults
C13
80 frases
What is clean code? - Uncle Bob
Business EnglishUniversity StudentsWorking Adults
C12
11 frases
What are Design Patterns? | Introduction to Design Patterns and Principles | Geekific
Business EnglishUniversity StudentsWorking Adults
C14
34 frases
Success at School vs Success in Life
British AccentBusiness EnglishUniversity StudentsWorking Adults
C1229 frases
The Skills You’ll Need to be a Senior Software Developer
Business EnglishUniversity StudentsWorking Adults
C12
210 frases
What Software Architecture Should Look Like • Dave Farley • GOTO 2022
Business EnglishUniversity StudentsWorking Adults
C11
287 frases
What is Quality Management? | Quality Management Tutorial | Invensis Learning
Business EnglishUniversity StudentsWorking Adults
C12
18 frases
Talking about Culture | How to Talk about Culture in English
Business EnglishUniversity StudentsWorking Adults
Vocabulário e dicas de fala para esta lição
Esta aula de conversação de nível C1 usa o vídeo “Design Systems vs. Style Guides”. As palavras que mais se repetem: design, libraries, component, pattern, guide. Este vídeo tem 20 frases e 256 palavras para praticar shadowing. A fala dura 2:01. O falante mantém um ritmo estável de cerca de 127 palavras por minuto, confortável para o shadowing. Apenas 78% das palavras estão entre as 3.000 mais comuns do inglês, por isso o vocabulário é exigente.
Vocabulário principal deste vídeo
As 11 palavras mais avançadas do vídeo, com pronúncia e significado:
| Palavra | Pronúncia | Significado |
|---|---|---|
| repository substantivo | /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/ | repositório |
| guideline substantivo | /ˈɡaɪdˌlaɪn/ | diretriz, diretiva |
| redundancy substantivo | /ɹɪˈdʌndən(t)si/ | redundância, repetição |
| reusable adjetivo | reutilizável | |
| typography substantivo | /taɪˈpɑɡɹəfi/ | tipografia |
| outdated adjetivo | /aʊtˈdeɪtɪd/ | obsoleto, ultrapassado |
| terminology substantivo | /ˌtɝ.məˈnɑ.lə.d͡ʒi/ | terminologia |
| oversight substantivo | /ˈəʊvəˌsaɪt/ | descuido |
| umbrella substantivo | /ʌmˈbɹɛl.ə/ | guarda-chuva, guarda-sol |
| recommendation substantivo | /ˌɹɛkəmɛnˈdeɪʃən/ | recomendação |
| intend verbo | /ɪnˈtɛnd/ | pretender, tencionar |
Phrasal verbs que você vai ouvir
| Palavra | Pronúncia | Significado |
|---|---|---|
| make up verbo | /ˌmeɪk ˈʌp/ | compensar |
Pronúncia para ficar de olho
- Palavras longas — acerte a sílaba tônica: repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, deliverable /dɪˈlɪvɹəbəɫ/, overarching /ˌoʊvəɹˈɑɹt͡ʃɪŋ/, redundancy /ɹɪˈdʌndən(t)si/, typography /taɪˈpɑɡɹəfi/
Sons difíceis para falantes de português:
- Consoante final — sem acrescentar um “i” depois: outdated /aʊtˈdeɪtɪd/, oversight /ˈəʊvəˌsaɪt/, intend /ɪnˈtɛnd/
Como praticar com este vídeo
- Ouça o vídeo inteiro uma vez sem falar e anote as palavras que você não conhece.
- Faça shadowing frase por frase na velocidade normal, repetindo cada uma até o seu ritmo ficar igual ao do falante.
- Grave a sua voz e compare com o original, prestando atenção a palavras como repository, guideline, redundancy.
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.