تدريب Shadowing: 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.
2000 مقال.
20
You can also register for one of our UX courses that offer live hands -on UX training.
يمكنك أيضًا التسجيل في إحدى دوراتنا الخاصة بتجربة المستخدم (UX) التي تقدم تدريبًا عمليًا مباشرًا في مجال تجربة المستخدم.

تنزيل التطبيق

كل ما تحتاجه للتحدث بطلاقة

تقييم النطق بالذكاء الاصطناعيتقييم كل جملة
تدريب IPAأتقن كل صوت
المفرداتابنِ رصيدك من الكلمات
لعبة المفرداتتعلّم أثناء اللعب
امسح رمز QR
امسح رمز QR
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

Vocabulary and speaking notes for this lesson

This C1 speaking lesson is built on the video “Design Systems vs. Style Guides”. The speaker keeps coming back to these words: design, libraries, component, pattern, guide. This video has 20 sentences and 256 words to shadow. The speech runs for 2:01. The speaker talks at a steady 127 words per minute, a comfortable pace for shadowing. Only 78% of the words are among the 3,000 most common in English, so the vocabulary is demanding.

Key vocabulary in this video

The 13 most advanced words in the video, with pronunciation and meaning:

WordPronunciationMeaning
repository noun/ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/A location for storage, often for safety or preservation.
deliverable noun/dɪˈlɪvɹəbəɫ/The tangible end product; that which will be delivered.
guideline noun/ˈɡaɪdˌlaɪn/A non-specific rule or principle that provides direction to action or behaviour.
overarching adjective/ˌoʊvəɹˈɑɹt͡ʃɪŋ/Arching over; that forms an arch overhead.
redundancy noun/ɹɪˈdʌndən(t)si/The state of being redundant.
reusable adjectiveAble to be used again; especially after salvaging or special treatment or processing
typography noun/taɪˈpɑɡɹəfi/The art or practice of setting and arranging type; typesetting.
outdated adjective/aʊtˈdeɪtɪd/Out of date, old-fashioned, antiquated.
terminology noun/ˌtɝ.məˈnɑ.lə.d͡ʒi/A treatise on terms, especially those used in a specialised field.
oversight noun/ˈəʊvəˌsaɪt/An omission; something that is left out, missed, or forgotten.
umbrella noun/ʌmˈbɹɛl.ə/A cloth-covered frame used for protection against rain or sun.
recommendation noun/ˌɹɛkəmɛnˈdeɪʃən/An act of recommending.
intend verb/ɪnˈtɛnd/To fix the mind upon (something, or something to be accomplished); be intent upon

Phrasal verbs you will hear

WordPronunciationMeaning
make up verb/ˌmeɪk ˈʌp/To constitute, to compose.

Pronunciation to watch

  • Long words — get the stress right: repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, deliverable /dɪˈlɪvɹəbəɫ/, overarching /ˌoʊvəɹˈɑɹt͡ʃɪŋ/, redundancy /ɹɪˈdʌndən(t)si/, typography /taɪˈpɑɡɹəfi/

How to practise with this video

  1. Listen to the whole video once without speaking and note the words you do not know.
  2. Shadow it sentence by sentence at normal speed, repeating each one until your rhythm matches the speaker.
  3. Record yourself and compare with the original, paying attention to words like repository, deliverable, guideline.

ما هي تقنية التظليل الصوتي؟

التظليل الصوتي (Shadowing) تقنية تعلم لغة مدعومة علمياً، طُورت أصلاً لتدريب المترجمين الفوريين المحترفين. الطريقة بسيطة لكنها قوية: تستمع لصوت إنجليزي أصلي وتكرره فوراً بصوت عالٍ — كظل يتبع المتحدث بتأخير 1-2 ثانية. تُظهر الأبحاث تحسناً كبيراً في دقة النطق والتنغيم والإيقاع وربط الأصوات والاستماع والطلاقة.

تقنية الشادوينغ: اقرأ الدليل الكامل خطوة بخطوة →