跟读练习: Design Systems vs. Style Guides - 通过视频学习英语口语

选择练习模式

每种模式都会打开全屏练习室。

20 句
如果句子过短或过长，请点击 Edit 进行调整。
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.

下载应用

流利口语所需的一切

AI 发音评分逐句打分
音标练习掌握每个音
词汇学习建立你的词库
词汇游戏边玩边学
扫码
扫码
Download on theApp StoreGet it onGoogle Play

同频道

Usability Heuristic 1: Visibility of System StatusB2
4

Usability Heuristic 1: Visibility of System Status

Daily ConversationWorking Adults
Usability Heuristic 3: User Control & FreedomB2
6

Usability Heuristic 3: User Control & Freedom

Daily ConversationUniversity StudentsWorking Adults
Democratizing User ResearchC1
3

Democratizing User Research

Daily ConversationUniversity StudentsWorking Adults
Types of Surveys to Run Throughout the Design ProcessC1
8

Types of Surveys to Run Throughout the Design Process

Daily ConversationWorking Adults
How to Avoid Doing UX TheatreC1
2

How to Avoid Doing UX Theatre

Daily ConversationUniversity StudentsWorking Adults
UX Research Job Interviews: 5 Things to ShowcaseB2
2

UX Research Job Interviews: 5 Things to Showcase

Interview EnglishWorking Adults
Validate Your Visual Design: 6 MethodsB2
6

Validate Your Visual Design: 6 Methods

Business EnglishUniversity StudentsWorking Adults
Are You Supporting Legacy Users?C1
7

Are You Supporting Legacy Users?

Daily ConversationWorking Adults
Usability Heuristic 2: Match Between the System and the Real WorldC1
9

Usability Heuristic 2: Match Between the System and the Real World

Daily ConversationUniversity StudentsWorking Adults
Storytelling in User ResearchB2
2

Storytelling in User Research

Daily ConversationWorking Adults
Design Thinking 101C1
8

Design Thinking 101

Business EnglishUniversity StudentsWorking Adults
Don’t Start with AI, Start with the ProblemC1
21

Don’t Start with AI, Start with the Problem

Business EnglishUniversity StudentsWorking Adults
Object-Oriented UX (OOUX)C1
14

Object-Oriented UX (OOUX)

Business EnglishUniversity StudentsWorking Adults
Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course PreviewC1
12

Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course Preview

Business EnglishUniversity StudentsWorking Adults
Overcoming Service Blueprinting FrustrationsC1
5

Overcoming Service Blueprinting Frustrations

Business EnglishWorking Adults
Data vs. Findings vs. InsightsC1
3

Data vs. Findings vs. Insights

Business EnglishUniversity StudentsWorking Adults
10 Usability Heuristics: From Theory to Practice | Course PreviewC1
10

10 Usability Heuristics: From Theory to Practice | Course Preview

Business EnglishUniversity StudentsWorking Adults
UX vs. UIC1
2

UX vs. UI

University StudentsWorking Adults
Input Controls: Design Patterns and Best Practices | Course PreviewC1

Input Controls: Design Patterns and Best Practices | Course Preview

Business EnglishUniversity StudentsWorking Adults
AI Strategy: 3 Key QuestionsB2

AI Strategy: 3 Key Questions

Business EnglishWorking Adults
FOR YOU

推荐视频

How to Answer System Design Interview Questions (Complete Guide)C1
7
99 句

How to Answer System Design Interview Questions (Complete Guide)

Business EnglishInterview EnglishUniversity Students
#03 Strategic Types of Human Resources ManagementC1
3
406 句

#03 Strategic Types of Human Resources Management

Business EnglishUniversity StudentsWorking Adults
Make Your Notion Setup Aesthetic! Hidden Notion Design Tips 2023C1
1
123 句

Make Your Notion Setup Aesthetic! Hidden Notion Design Tips 2023

Business EnglishUniversity StudentsWorking Adults
What is clean code? - Uncle BobC1
3
80 句

What is clean code? - Uncle Bob

Business EnglishUniversity StudentsWorking Adults
What are Design Patterns? | Introduction to Design Patterns and Principles | GeekificC1
2
11 句

What are Design Patterns? | Introduction to Design Patterns and Principles | Geekific

Business EnglishUniversity StudentsWorking Adults
Success at School vs Success in LifeC1
4
34 句

Success at School vs Success in Life

British AccentBusiness EnglishUniversity StudentsWorking Adults
The Skills You’ll Need to be a Senior Software DeveloperC1
229 句

The Skills You’ll Need to be a Senior Software Developer

Business EnglishUniversity StudentsWorking Adults
What Software Architecture Should Look Like • Dave Farley • GOTO 2022C1
2
210 句

What Software Architecture Should Look Like • Dave Farley • GOTO 2022

Business EnglishUniversity StudentsWorking Adults
What is Quality Management? | Quality Management Tutorial | Invensis LearningC1
1
287 句

What is Quality Management? | Quality Management Tutorial | Invensis Learning

Business EnglishUniversity StudentsWorking Adults
Talking about Culture | How to Talk about Culture in EnglishC1
2
18 句

Talking about Culture | How to Talk about Culture in English

Business EnglishUniversity StudentsWorking Adults

本课的词汇与口语要点

这节 C1 级别的口语课以视频“Design Systems vs. Style Guides”为素材。 视频中反复出现的词有：design, libraries, component, pattern, guide。 这段视频共有 20 个句子、256 个单词可供跟读。 讲话部分时长为 2:01。 说话人语速平稳，每分钟约 127 个词，很适合跟读。 只有 78% 的单词属于英语最常用的 3,000 词，词汇难度较高。

视频中的重点词汇

视频中最难的 11 个单词，附发音和释义：

单词发音释义
repository 名词/ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/倉庫 /仓库
deliverable 名词/dɪˈlɪvɹəbəɫ/交付物
guideline 名词/ˈɡaɪdˌlaɪn/指導 /指导, 指示
redundancy 名词/ɹɪˈdʌndən(t)si/冗余
typography 名词/taɪˈpɑɡɹəfi/字體排印學 /字体排印学
outdated 形容词/aʊtˈdeɪtɪd/过期的, 过时的
terminology 名词/ˌtɝ.məˈnɑ.lə.d͡ʒi/術語學 /术语学
oversight 名词/ˈəʊvəˌsaɪt/疏忽
umbrella 名词/ʌmˈbɹɛl.ə/傘 /伞, 雨傘 /雨伞
recommendation 名词/ˌɹɛkəmɛnˈdeɪʃən/建議 /建议, 勸告 /劝告
intend 动词/ɪnˈtɛnd/打算, 想要

视频中出现的短语动词

单词发音释义
make up 动词/ˌmeɪk ˈʌp/組成 /组成

需要注意的发音

  • 长单词——注意重音位置: repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, deliverable /dɪˈlɪvɹəbəɫ/, overarching /ˌoʊvəɹˈɑɹt͡ʃɪŋ/, redundancy /ɹɪˈdʌndən(t)si/, typography /taɪˈpɑɡɹəfi/

中文母语者容易读错的音：

  • /v/ — 不要读成 /w/，上齿轻触下唇: deliverable /dɪˈlɪvɹəbəɫ/, overarching /ˌoʊvəɹˈɑɹt͡ʃɪŋ/, oversight /ˈəʊvəˌsaɪt/
  • 词尾辅音 — 要读清楚，后面不要加元音: outdated /aʊtˈdeɪtɪd/, oversight /ˈəʊvəˌsaɪt/, intend /ɪnˈtɛnd/
  • /r/ 和 /l/ 的区别: deliverable /dɪˈlɪvɹəbəɫ/, umbrella /ʌmˈbɹɛl.ə/

如何用这段视频练习

  1. 先完整听一遍视频，不要开口，记下不认识的单词。
  2. 用正常速度逐句跟读，每句重复到你的节奏与说话人一致为止。
  3. 录下自己的声音并与原声对比，特别注意 repository, deliverable, guideline 这类单词。

什么是跟读法？

跟读法 (Shadowing) 是一种有科学依据的语言学习技巧，最初开发用于专业口译员的培训，并由多语言者Alexander Arguelles博士普及。这个方法简单而强大：您在听英语母语原声的同时立即大声重复——就像是一个延迟1-2秒紧跟说话者的影子。与被动听力或语法练习不同，跟读法强迫您的大脑和口腔肌肉同时处理并模仿真实的讲话模式。研究表明它能显着提高发音准确性，语调，节奏，连读，听力理解和口语流利度——使其成为雅思口语备考和真实英语交流最有效的方法之一。

影子跟读法: 阅读完整分步指南 →