跟讀練習: 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.
同頻道
B25
Usability Heuristic 3: User Control & Freedom
Daily ConversationUniversity StudentsWorking Adults
B24
Usability Heuristic 1: Visibility of System Status
Daily ConversationWorking Adults
C15
Usability Heuristic 2: Match Between the System and the Real World
Daily ConversationUniversity StudentsWorking Adults
C14
Overcoming Service Blueprinting Frustrations
Business EnglishWorking Adults
C18
Types of Surveys to Run Throughout the Design Process
Daily ConversationWorking Adults
B22
Storytelling in User Research
Daily ConversationWorking Adults
B26
Validate Your Visual Design: 6 Methods
Business EnglishUniversity StudentsWorking Adults
C112
Object-Oriented UX (OOUX)
Business EnglishUniversity StudentsWorking Adults
C18
Design Thinking 101
Business EnglishUniversity StudentsWorking Adults
C19
10 Usability Heuristics: From Theory to Practice | Course Preview
Business EnglishUniversity StudentsWorking Adults
C121
Don’t Start with AI, Start with the Problem
Business EnglishUniversity StudentsWorking Adults
C112
Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course Preview
Business EnglishUniversity StudentsWorking Adults
C13
Data vs. Findings vs. Insights
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
推薦影片
C17
99 句
How to Answer System Design Interview Questions (Complete Guide)
Business EnglishInterview EnglishUniversity Students
C13
406 句
#03 Strategic Types of Human Resources Management
Business EnglishUniversity StudentsWorking Adults
C11
123 句
Make Your Notion Setup Aesthetic! Hidden Notion Design Tips 2023
Business EnglishUniversity StudentsWorking Adults
C13
80 句
What is clean code? - Uncle Bob
Business EnglishUniversity StudentsWorking Adults
C12
11 句
What are Design Patterns? | Introduction to Design Patterns and Principles | Geekific
Business EnglishUniversity StudentsWorking Adults
C15
119 句
01 English Vocabulary in Use Advanced Unit 1-4
Business EnglishInterview EnglishUniversity Students
C12
210 句
What Software Architecture Should Look Like • Dave Farley • GOTO 2022
Business EnglishUniversity StudentsWorking Adults
C11
287 句
What is Quality Management? | Quality Management Tutorial | Invensis Learning
Business EnglishUniversity StudentsWorking Adults
C12
213 句
The Technical, Business and UX Skills Every Product Manager Needs
Business EnglishUniversity StudentsWorking Adults
C14
168 句
Build smarter color systems with relative colors
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.ə/
如何用這段影片練習
- 先完整聽一遍影片，不要開口，記下不認識的單詞。
- 用正常速度逐句跟讀，每句重複到你的節奏與說話人一致為止。
- 錄下自己的聲音並與原聲對比，特別注意 repository, deliverable, guideline 這類單詞。
什麼是跟讀法？
跟讀法 (Shadowing) 是一種有科學依據的語言學習技巧，最初開發用於專業口譯員的培訓，並由多語言者Alexander Arguelles博士普及。這個方法簡單而強大：您在聽英語母語原聲的同時立即大聲重複——就像是一個延遲1-2秒緊跟說話者的影子。與被動聽力或語法練習不同，跟讀法強迫您的大腦和口腔肌肉同時處理並模模擬實的講話模式。研究表明它能顯著提高發音準確性，語調，節奏，連讀，聽力理解和口語流利度——使其成為雅思口語備考和真實英語交流最有效的方法之一。