مصطلحات التصميم الإنجليزية: 130 مصطلحًا مصنفًا بقاموس عملي
بتفتح درس مونتاج أو بتقرأ بريف عميل وتلاقي كلمات زي Keyframe وBleed وLUT ومش فاهم المقصود؟ القاموس ده يجمع لك أهم 130 مصطلحًا في التصميم الجرافيكي وUI/UX والمونتاج والموشن — مصنفة، مشروحة بالعربي، وبأمثلة من شغل حقيقي.
تخيل المشهد ده: عميل أجنبي بيبعتلك بريف شغل، وأول سطر فيه: “I need a logo in vector format, CMYK for print, with 2 revisions max.” — تلات مصطلحات في جملة واحدة: vector وCMYK وrevisions. لو فهمت التلاتة، هترد رد محترم وتكسب الشغل. لو واحدة فيهم وقفتك، هترد رد مرتبك — أو مش هترد أصلًا، والعميل هيروح للي فاهم.
المشكلة دي مش بتاعت المبتدئين بس. حتى اللي بيعرف يشتغل على Photoshop وPremiere Pro كويس، بيقف قدام المصطلحات لما يسمعها في درس إنجليزي أو يقرأها في بريف. المهارة التقنية موجودة، لكن لغة المهنة ناقصة — وده اللي بيفرّق بين مصمم شاطر ومصمم شاطر وبيشتغل مع عملاء أجانب.
الأطروحة: مصطلحات التصميم الإنجليزية مش للحفظ — هي لغة شغل. القاموس ده يديك أهم 130 مصطلحًا مصنفة حسب المجال، كل مصطلح بشرح عملي وجملة استخدام، عشان تفهم أي درس وأي بريف من أول مرة.
في الدليل ده هنمشي بالترتيب:
- يعني إيه «مصطلحات التصميم» — وليه المصمم العربي محتاجها أكتر من غيره.
- مصطلحات التصميم الجرافيكي: الخطوط والطباعة، الألوان، التخطيط والتكوين.
- مصطلحات UI وUX: الواجهات، تجربة المستخدم، والاختبار.
- مصطلحات المونتاج: التايم لاين والقص، الصورة والتصدير، الصوت والنص.
- مصطلحات الموشن جرافيك: الحركة والتحريك.
- مصطلحات البرامج وصيغ الملفات: اللي بتتسأل عنها في كل بريف.
- مصطلحات التعامل مع العميل + 5 جمل إنجليزية جاهزة تنسخها.
- «قد تظن أن الحفظ كفاية» — والأسئلة الشائعة، والمصادر الموثقة.
اعتمدنا في التجميع على مصادر موثقة: قاموس عناصر الواجهة من NN/g، ومكتبة Figma التعليمية (126 مقالًا في أساسيات التصميم — اتفتحت واتراجعت لايف)، ودروس Tuts+ وAdobe Learn. يعني كل مصطلح هنا له مرجع حقيقي، مش اجتهاد. طيب، قبل الجداول — إيه المقصود أصلًا بـ«مصطلحات التصميم»؟
يعني إيه «مصطلحات التصميم» أصلًا؟
مصطلحات التصميم هي المفردات الإنجليزية المتفق عليها بين المصممين والمونتيرين والعملاء لوصف عناصر الشغل بدقة: الخامة (font)، اللون (CMYK)، الحركة (keyframe)، والتسليم (deliverable). هي مش زخرفة لغوية — هي طريقة مختصرة تقول بها جملة كاملة في كلمة واحدة.
وخلينا نكون صريحين من الأول: مش مطلوب منك تحفظ 130 مصطلحًا في يوم. المطلوب تفهم المنطق: كل مجال له عائلة مصطلحات، وكل مصطلح له “عائلة” بينتمي لها. لما تعرف إن Bleed وCrop وTrim التلاتة من عائلة الطباعة والمقاسات، هتفهم أي واحد فيهم من السياق حتى لو نسيت تعريفه الحرفي.
القاموس ده متقسم 6 عائلات — وهي نفسها خريطة المقال:
نصيحة الاستخدام العملية: متقراش القاموس من الأول للآخر زي الرواية. روح لقسم مجالك الأول (مونتير؟ ابدأ بقسم المونتاج)، واحفظ أهم 20 مصطلحًا فيه — القائمة الجاهزة للنسخ بعد قسم الجرافيك هتساعدك. وبعدين كل ما يقابلك مصطلح جديد في درس أو بريف، ارجع للقاموس ودور عليه. التكرار في السياق هو اللي بيثبّت، مش الحفظ.
ملاحظة أمانة: أعداد المصطلحات في الخريطة هي العدد الفعلي للصفوف في جداول المقال — عدّها بنفسك لو حابب. مفيش أرقام متزوقة هنا.
مصطلحات التصميم الجرافيكي (Graphic Design)
ده أكبر أقسام القاموس — 39 مصطلحًا في 3 عائلات فرعية: الخطوط والطباعة، الألوان، والتخطيط والتكوين. لو بتشتغل سوشيال ميديا ديزاين أو لوجوهات أو مطبوعات، القسم ده هو شغلك اليومي.
عائلة الخطوط والطباعة (Typography)
المبدأ: الطباعة هي صوت التصميم. قبل ما القارئ يقرأ كلمة واحدة، الخط بيقول له: ده رسمي، ده مرح، ده فاخر. المصطلحات دي بتوصف كل تفصيلة في الحروف:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Font | الخط بوزن وحجم معينين — زي “Cairo Bold بحجم 24”. هو الملف اللي بتثبته على جهازك عشان تكتب به. |
| Typeface | عائلة الخط الكاملة بكل أوزانها — زي عائلة “Cairo” كلها (عادي، عريض، خفيف). الـ Font جزء من الـ Typeface. |
| Serif | خطوط بزخارف صغيرة في أطراف الحروف — زي Times New Roman. إحساسها كلاسيكي ورسمي، وشائعة في الكتب والمطبوعات. |
| Sans-serif | خطوط بدون زخارف — زي Arial وCairo. أنظف على الشاشات، وهي الغالبة في تصميمات السوشيال ميديا والمواقع. |
| Script | خطوط تحاكي الكتابة اليدوية — للعناوين الرومانسية أو الفاخرة. استخدمها بحذر: صعبة القراءة في النصوص الطويلة. |
| Kerning | المسافة بين حرفين محددين — زي تقريب الـ A من الـ V عشان ميبانش فراغ غريب بينهما. تفصيلة دقيقة بتفرّق في اللوجوهات. |
| Tracking | المسافة الموحدة بين كل حروف الكلمة أو السطر — غير الـ Kerning اللي بين حرفين بس. بتوسع أو تضيق النص كله. |
| Leading | المسافة العمودية بين السطور — اسمها جاي من شرائح الرصاص في المطابع القديمة. سطور مزحومة = نص متعب للعين. |
| Hierarchy | التسلسل البصري: العنوان أكبر وأوضح، ثم العنوان الفرعي، ثم المتن. هو اللي بيقول لعين القارئ “اقرأ ده الأول”. |
| Baseline | الخط الوهمي اللي بتقف عليه الحروف — زي السطر في الكراسة. محاذاة العناصر على نفس الـ Baseline بتدي إحساس بالنظام. |
| Weight | سُمك الخط: خفيف (Light)، عادي (Regular)، عريض (Bold)، أسود (Black). تغيير الـ Weight أسهل طريقة لعمل تسلسل بصري. |
| Ligature | دمج حرفين متجاورين في شكل واحد متصل — زي fi في بعض الخطوط الإنجليزية. تفصيلة جمالية في الخطوط الاحترافية. |
| Readability | سهولة القراءة — الهدف النهائي لكل اللي فوق. خط جميل ومش مقروء = تصميم فاشل مهما كان شكله حلو. |
عائلة الألوان (Color)
المبدأ: اللون قرار تقني قبل ما يكون ذوق. اختيارك بين RGB وCMYK مش مسألة جمال — ده الفرق بين تصميم يطلع صح على الشاشة وتصميم يطلع صح في المطبعة:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| RGB | نظام الألوان للشاشات: أحمر + أخضر + أزرق (Red, Green, Blue). أي تصميم هيتعرض على موبايل أو موقع لازم يكون RGB. |
| CMYK | نظام الألوان للطباعة: سماوي + أرجواني + أصفر + أسود. لو سلمت ملف RGB للمطبعة، الألوان هتطلع باهتة ومختلفة. |
| Hex Code | كود اللون الست عشري — زي #6d28d9. هو اللي بتكتبه في Figma أو CSS عشان تطلع نفس اللون بالظبط كل مرة. |
| Hue | اللون نفسه بمعناه الخام: أحمر، أزرق، أخضر. لما تقول “غيّر اللون” غالبًا قصدك غيّر الـ Hue. |
| Saturation | تشبع اللون: من باهت (رمادي تقريبًا) لصارخ. تقليل الـ Saturation طريقة سريعة لتهدئة تصميم صاخب. |
| Brightness | سطوع اللون: من غامق لفاتح. مع الـ Saturation بيحددوا معًا “إحساس” اللون النهائي. |
| Contrast | التباين بين عنصرين — زي نص أبيض على خلفية غامقة. تباين ضعيف = نص مش مقروء، وهي أشهر غلطة في تصميمات السوشيال. |
| Gradient | التدرج اللوني: انتقال ناعم من لون للون. شائع في الخلفيات الحديثة — بس الإفراط فيه بيخلي التصميم رخيص الشكل. |
| Opacity | الشفافية: من 0% (مختفي) لـ 100% (صلب). تقليل الـ Opacity طريقة لعمل طبقات ناعمة فوق الصور. |
| Palette | لوحة الألوان المعتمدة للتصميم أو البراند: 3-5 ألوان متناسقة. البراند المحترم له Palette ثابتة مبتتغيرش. |
| Warm Colors | الألوان الدافئة: الأحمر والبرتقالي والأصفر. إحساسها طاقة وحماس — مناسبة للعروض والمطاعم والترفيه. |
| Cool Colors | الألوان الباردة: الأزرق والأخضر والبنفسجي. إحساسها ثقة وهدوء — مناسبة للتقنية والطب والشركات. |
| Color Wheel | عجلة الألوان: الدايرة اللي بتوضح علاقات الألوان ببعض. الألوان المتقابلة فيها (Complementary) بتدي تباين قوي ومتوازن. |
عائلة التخطيط والتكوين (Layout)
المبدأ: التخطيط الجيد غير مرئي. لما التصميم “مريح للعين” من غير ما تعرف ليه، غالبًا السبب شبكة (Grid) سليمة وهوامش محسوبة. المصطلحات دي لغة النظام:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Grid | الشبكة: خطوط إرشادية غير مرئية بتقسم مساحة التصميم لأعمدة وصفوف. كل التصميمات الاحترافية مبنية على Grid حتى لو مش باين. |
| Margin | الهامش الخارجي: المسافة بين محتوى التصميم وحافة الصفحة. هوامش ضيقة = إحساس بالزحمة؛ واسعة = إحساس بالفخامة. |
| Padding | الحشو الداخلي: المسافة بين العنصر وحدود الصندوق اللي جواه — زي المسافة بين النص وحافة الزر. أساسي في تصميم الواجهات. |
| Bleed | مساحة الأمان للطباعة: زيادة 3مم حوالين التصميم عشان المقص في المطبعة مياكلش من المحتوى. مطلوب في أي تصميم هيتطبع ويتقص. |
| Crop | القص: إزالة أجزاء من الصورة لتحسين التكوين أو ضبط المقاس. أشهر أداة في أي برنامج تصميم — وبتتقال كفعل: “crop الصورة”. |
| White Space | المساحة الفارغة (مش لازم بيضا): الفراغ حوالين العناصر. مش “مساحة ضايعة” — هي اللي بتخلي العين ترتاح وتعرف تركز. |
| Alignment | المحاذاة: ترتيب العناصر على خط واحد (يمين/شمال/وسط). عناصر مش متحاذية = أول علامة على تصميم هاوٍ. |
| Composition | التكوين العام: توزيع كل العناصر في المساحة ككل. هو “الصورة الكبيرة” اللي بتتكون من كل القرارات الصغيرة اللي فوق. |
| Mockup | نموذج العرض: التصميم معروض على شيء حقيقي — زي اللوجو على كارت أو التطبيق على موبايل. بيستخدم لعرض الشغل على العميل قبل التنفيذ. |
| Wireframe | الهيكل الأولي: رسم تخطيطي بسيط (مربعات وخطوط) بيوضح أماكن العناصر قبل أي ألوان أو تفاصيل. مرحلة التفكير قبل التجميل. |
| Scale | الحجم النسبي: عنصر أكبر = أهم. التلاعب بالـ Scale هو أسرع طريقة لتوجيه عين المشاهد للعنصر الأهم. |
| Proportion | التناسب بين أحجام العناصر وبعضها. تناسب مكسور (عنوان أصغر من النص!) بيخلي التصميم “غريب” من غير سبب واضح. |
| Balance | التوازن البصري: توزيع “الوزن” البصري على المساحة — مش لازم تماثل تام، لكن مينفعش جنب تقيل وجنب فاضي. |
مصطلحات UI وUX (الواجهات وتجربة المستخدم)
أكتر مجال بيطلب مصممين عرب عن بُعد — وأكتر مجال مليان مصطلحات إنجليزية في إعلانات الشغل. الفرق الجوهري اللي لازم تحفظه أولًا: UI هو الشكل، وUX هو الإحساس. الواجهة الجميلة اللي المستخدم مش عارف يستخدمها = UI ناجح وUX فاشل.
أساسيات الواجهة (UI Essentials)
المبدأ: كل عنصر في الواجهة له اسم — والاسم ده هو اللي هتتواصل به مع المطور والعميل. قاموس NN/g الشهير لعناصر الواجهة (UI Elements Glossary) بيعرّف عشرات العناصر دي بالتفصيل — والجدول ده خلاصتها العملية:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| User Interface (UI) | واجهة المستخدم: كل ما يراه المستخدم ويتفاعل معه — الأزرار، الألوان، الأيقونات، الخطوط. هو “الشكل” المرئي للمنتج. |
| User Experience (UX) | تجربة المستخدم: إحساس المستخدم الكلي أثناء الاستخدام — سهولة، سرعة، وضوح. هو “الإحساس” اللي بيخليه يرجع أو يمشي. |
| Prototype | النموذج التفاعلي: نسخة قابلة للتجربة من التصميم — تدوس على الزر فينقلك للشاشة التالية. بيتعمل في Figma قبل أي برمجة. |
| Design System | نظام التصميم: مكتبة موحدة فيها كل الألوان والخطوط والأزرار والمكونات — عشان كل شاشات المنتج تطلع متناسقة. |
| Component | المكوّن: عنصر قابل لإعادة الاستخدام — زي زر “اشترك” اللي بيظهر في 10 شاشات. تعدّله مرة فيتعدل في كل مكان. |
| Iconography | منظومة الأيقونات: مجموعة الأيقونات بنفس الأسلوب والحجم. أيقونات بأنماط مختلفة في نفس التطبيق = شكل هاوٍ. |
| Responsive Design | التصميم المتجاوب: الواجهة اللي بتتظبط تلقائيًا على موبايل وتابلت وديسكتوب. بقى شرط أساسي مش رفاهية. |
| Mobile-First | الموبايل أولًا: تصمم نسخة الموبايل قبل الديسكتوب — لأن أغلب المستخدمين (خصوصًا عربيًا) داخلين من الموبايل. |
| Navigation | التنقل: نظام الانتقال بين صفحات التطبيق — القوائم والأزرار والروابط. تنقل مربك = مستخدم ضايع = مستخدم ماشي. |
| CTA (Call to Action) | زر الإجراء: “اشترك الآن”، “حمّل التطبيق” — أهم عنصر في أي صفحة تجارية. لازم يكون واضحًا ومميزًا لونيًا. |
| Dark Mode | الوضع الداكن: نسخة الألوان الغامقة من الواجهة. مش مجرد “عكس الألوان” — بيتصمم بعناية عشان التباين يفضل مقروءًا. |
| Onboarding | شاشات الترحيب: الخطوات الأولى اللي بتشرح للمستخدم الجديد إزاي يستخدم التطبيق. أول انطباع — لازم تكون قصيرة وواضحة. |
| Micro-interaction | التفاعلات الدقيقة: حركة صغيرة لما تدوس زر أو تعمل لايك. تفاصيل صغيرة بتدي إحساس إن التطبيق “حي” ومتجاوب. |
تجربة المستخدم والاختبار (UX & Testing)
المبدأ: الـ UX يُقاس، مش يُخمَّن. المصطلحات دي بتاعة البحث والاختبار — وهي اللي بتفرّق مصمم الـ UX عن مصمم الجرافيك:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Usability | قابلية الاستخدام: مدى سهولة إنجاز المستخدم لمهمته. موقع جميل ومش مفهوم = Usability ضعيفة = فشل تجاري. |
| Accessibility | سهولة الوصول: تصميم يناسب الجميع — بمن فيهم ضعاف البصر ومستخدمو قارئات الشاشة. تباين كافٍ ونصوص بديلة للصور. |
| User Journey | رحلة المستخدم: الخطوات اللي بيمر بها المستخدم من أول ما يسمع عن المنتج لحد ما يحقق هدفه. بتترسم كخريطة لاكتشاف نقاط الألم. |
| User Flow | مسار المستخدم: تسلسل الشاشات المحدد لإنجاز مهمة واحدة — زي خطوات إتمام الشراء. أضيق من الـ Journey ومركّز على مهمة. |
| Persona | الشخصية الافتراضية: ملف خيالي يمثل شريحة من المستخدمين — “أحمد، 28 سنة، بيشتري أونلاين من الموبايل”. بيساعد الفريق يصمم لإنسان حقيقي مش “المستخدم” المجرد. |
| Sitemap | خريطة الموقع: مخطط هرمي بيوضح كل صفحات الموقع وعلاقتها ببعض. أول خطوة قبل تصميم أي موقع كبير. |
| A/B Testing | الاختبار المقارن: تعرض نسختين من نفس الصفحة (زر أحمر ضد زر أخضر) وتقيس أنهي جابت نتيجة أحسن. القرار بالبيانات مش بالذوق. |
| Heatmap | الخريطة الحرارية: صورة بتوضح فين المستخدمون بيدوسوا وبيقفوا أكتر — المناطق “السخنة” حمرا والباردة زرقا. بتكشف سلوكًا حقيقيًا مفاجئًا أحيانًا. |
| Loading State | حالة التحميل: اللي المستخدم بيشوفه أثناء انتظار تحميل المحتوى — سبينر أو شاشة هيكلية. تجاهلها بيخلي التطبيق يبان “معلق”. |
| Empty State | الحالة الفارغة: الشاشة لما مفيش محتوى بعد — زي سلة مشتريات فاضية. فرصة ذهبية للتوجيه بدل شاشة بيضا محبطة. |
| Breadcrumb | مسار التنقل: “الرئيسية / التصنيف / المنتج” — بيورّي المستخدم هو فين في الموقع وإزاي يرجع. مهم في المواقع الكبيرة. |
| User Feedback | ملاحظات المستخدمين: آراء حقيقية من ناس استخدمت المنتج — استبيانات أو مقابلات أو تعليقات. أغلى مصدر لتحسين الـ UX. |
مصطلحات المونتاج (Video Editing)
لو بتعمل ريلز أو يوتيوب أو إعلانات، القسم ده لغتك اليومية — 33 مصطلحًا في 3 عائلات: التايم لاين والقص، الصورة والتصدير، والصوت والنص. والمفاجأة الحلوة: مصطلحات المونتاج من أكتر المصطلحات “منطقية” — أغلبها بيوصف اللي باين قدامك فعلًا.
عائلة التايم لاين والقص
المبدأ: المونتاج كله بيحصل على خط زمني. افهم الـ Timeline ومشتقاته، فهمت 70% من لغة المونتيرين:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Timeline | الخط الزمني: الشريط الأفقي اللي بترص عليه المقاطع والصوت والنصوص بالترتيب. هو “طاولة الشغل” بتاعة المونتير. |
| Cut | القص/القطع: أبسط عملية — تقسم المقطع لجزأين أو تحذف جزءًا. “Cut the boring part” = اقطع الجزء الممل. |
| Trim | التشذيب: تقصير بداية أو نهاية المقطع بدقة — من غير ما تقسمه. الفرق عن الـ Cut إنه تنعيم للأطراف مش تقسيم. |
| Transition | الانتقال: التأثير بين مقطعين — زي الذوبان (Dissolve) أو المسح (Wipe). القاعدة الذهبية: الأقل هو الأحسن. |
| Jump Cut | القفزة المفاجئة: قطع في نفس المشهد بيخلي الشخص “ينط” مكانه — شائع جدًا في فيديوهات اليوتيوب لتسريع الإيقاع. |
| J-Cut | تقنية الصوت يسبق الصورة: تسمع صوت المشهد التالي قبل ما تشوفه. بتخلي الانتقال ناعمًا واحترافيًا. |
| L-Cut | العكس: الصورة تسبق الصوت — تشوف المشهد الجديد وصوت القديم لسه شغال. الاتنين (J وL) من علامات المونتاج المحترف. |
| B-Roll | اللقطات التكميلية: مشاهد إضافية بتتفرش فوق الكلام — زي لقطات المنتج أثناء شرح المتحدث. هي اللي بتخلي الفيديو “غني”. |
| A-Roll | اللقطة الأساسية: الكلام الرئيسي أو المشهد الرئيسي — اللي الـ B-Roll بيتفرش فوقه. كل فيديو له A-Roll واحد واضح. |
| Montage | المونتاج التجميعي: سلسلة لقطات قصيرة متتالية توصل فكرة أو إحساسًا — زي “رحلة يوم كامل في 30 ثانية”. |
| Clip | المقطع: أي جزء فيديو على الـ Timeline — سواء مقطع كامل أو جزء مقصوص منه. أصغر وحدة شغل في المونتاج. |
| Footage | الخامة المصورة: الفيديوهات الخام قبل المونتاج. “I need more footage” = محتاج لقطات خام أكتر للشغل عليها. |
عائلة الصورة والتصدير
المبدأ: الجودة قرارات تقنية، مش حظ. ليه فيديو طالع نقي وفيديو طالع مبكسل؟ الإجابة في المصطلحات دي:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Frame Rate (FPS) | عدد الإطارات في الثانية: 24 إطارًا = إحساس سينمائي، 30 = طبيعي، 60 = ناعم ومناسب للحركة السريعة والرياضة. |
| Resolution | الدقة: عدد البكسلات — 1080p (Full HD) أو 2160p (4K). دقة أعلى = تفاصيل أكتر = ملف أتقل. |
| Aspect Ratio | نسبة الأبعاد: 16:9 لليوتيوب، 9:16 للريلز والتيك توك، 1:1 لبوستات إنستجرام. الغلط فيها = فيديو مقصوص غلط. |
| 4K | دقة 3840×2160 بكسل — 4 أضعاف الـ Full HD. مش دايمًا ضرورية: لريلز الموبايل الـ 1080p كافية وأخف. |
| Rendering | المعالجة النهائية: البرنامج بيحسب كل التأثيرات والطبقات ويطلع الفيديو النهائي. أتقل مرحلة — وبتاخد وقت حسب قوة جهازك. |
| Export | التصدير: إخراج الملف النهائي من البرنامج بالصيغة المطلوبة (غالبًا MP4). إعدادات الـ Export الغلط بتضيع جودة الشغل كله. |
| Codec | طريقة ضغط الفيديو — زي H.264. هو اللي بيحدد توازن الجودة مقابل حجم الملف. H.264 هو المعيار الآمن لمعظم المنصات. |
| Color Correction | تصحيح الألوان: ضبط الألوان عشان تبان “طبيعية” — توازن الأبيض والتعريض. خطوة تقنية قبل أي لمسة جمالية. |
| Color Grading | التدرج اللوني الفني: إعطاء الفيديو “مود” لوني — دافئ، بارد، سينمائي. بييجي بعد الـ Correction مش قبله. |
| LUT | فلتر لوني جاهز (Look-Up Table): ملف بيطبق ستايل لوني معين بضغطة واحدة. مفيد كنقطة بداية — لكن الاعتماد عليه وحده بيطلع نتيجة عامة. |
| Slow Motion | الحركة البطيئة: تصوير بعدد إطارات عالٍ (60/120) ثم تشغيله ببطء. بيحتاج إطارات كافية — وإلا هيبقى متقطعًا. |
| Time-lapse | التصوير المتسارع: لقطة كل few ثوانٍ تتجمع في فيديو سريع — زي حركة السحب أو بناء مبنى. عكس الـ Slow Motion تمامًا. |
عائلة الصوت والنص
المبدأ: المشاهد يسامح صورة متوسطة، لكنه لا يسامح صوتًا سيئًا. نص الفيديوهات اللي بتتفوت بسبب الصوت أكتر بكتير من اللي بتتفوت بسبب الصورة:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Voiceover | التعليق الصوتي: صوت الراوي فوق المشاهد — أساس فيديوهات الشرح والإعلانات. جودة التسجيل أهم من جودة الصورة. |
| Audio Ducking | خفض الموسيقى تلقائيًا لما المتحدث يبدأ الكلام — ثم رجوعها بعده. بدونه، الموسيقى بتغطي على الصوت. |
| Lower Third | الشريط السفلي: النص اللي بيظهر تحت — اسم المتحدث ووظيفته. “Lower” لأنه في الثلث السفلي من الشاشة. |
| Subtitle | الترجمة النصية: نص الكلام مكتوبًا — بلغة مختلفة غالبًا. ضرورية للوصول لجمهور أوسع ولمشاهدي “بدون صوت”. |
| Caption | التسمية التوضيحية: زي الـ Subtitle لكن بنفس لغة الكلام — وبتشمل وصف الأصوات المهمة. مهمة لضعاف السمع. |
| Sound Effect (SFX) | المؤثر الصوتي: صوت مضاف — زي صوت “الدينج” عند ظهور نص أو صوت خطوات. بيضيف حياة للمشهد. |
| Background Music | الموسيقى الخلفية: الموسيقى الهادئة تحت الكلام. القاعدة: موجودة لكن “مش مسموعة” — لو لفتت الانتباه تبقى عالية. |
| Sync | المزامنة: تطابق الصوت مع الصورة — خصوصًا حركة الشفايف. فيديو “out of sync” غير قابل للمشاهدة مهما كان المحتوى جيدًا. |
| Storyboard | اللوحة القصصية: رسم تخطيطي للمشاهد قبل التصوير — زي الكوميكس. بيوفر وقت وفلوس لأنه بيحل المشاكل على الورق. |
مصطلحات الموشن جرافيك (Motion Graphics)
الموشن هو الجسر بين التصميم والمونتاج: تصميم بيتحرك. إعلانات السوشيال ميديا والانتروهات والشعارات المتحركة كلها موشن — وسوقه بيكبر بسرعة لأن الفيديو بقى لغة المنصات. 12 مصطلحًا يغطوا الأساس:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Motion Graphics | الجرافيك المتحرك: عناصر تصميمية (نصوص، أشكال، أيقونات) بتتحرك — مش شخصيات كرتونية. إعلانات وشعارات وإنفوجرافيك متحرك. |
| Animation | التحريك بمعناه العام: إعطاء الحياة لأي عنصر — من حركة زر في تطبيق لشخصية كرتونية كاملة. الـ Motion Graphics نوع من الـ Animation. |
| Keyframe | نقطة التحكم في الحركة: بتحدد “العنصر هنا في الثانية 1 وهنا في الثانية 3” — والبرنامج بيحسب الحركة بينهما. أشهر مصطلح في المجال كله. |
| Easing | تنعيم الحركة: الحركة في الطبيعة مش بسرعة ثابتة — بتبدأ بطيئة وتتسارع وتتباطأ في الآخر. الـ Easing هو اللي بيخلي الحركة “طبيعية” بدل الروبوتية. |
| Loop | التكرار اللانهائي: حركة بتعيد نفسها بسلاسة — زي أيقونة متحركة في موقع. شرطها إن البداية والنهاية يتطابقا تمامًا. |
| Rigging | التجهيز للتحريك: تركيب “عظام” افتراضية على الشخصية عشان تتحرك — زي تجهيز عروسة الماريونت قبل العرض. مرحلة تقنية قبل أي حركة. |
| Parallax | تأثير العمق: طبقات بتتحرك بسرعات مختلفة — القريبة أسرع والبعيدة أبطأ — فيبان المشهد ثلاثي الأبعاد. شائع في المواقع والإعلانات. |
| Kinetic Typography | النص المتحرك: كلمات بتتحرك وتتشكل مع الصوت أو الموسيقى — أساس فيديوهات “الكلمات المتحركة” والليريك فيديو. |
| Particle | الجسيمات: عناصر صغيرة كتيرة بتتحرك معًا — زي الشرر أو المطر أو الغبار. بتتعمل بأنظمة محاكاة مش يدويًا واحدًا واحدًا. |
| Mask | القناع: بتخفي جزءًا من الطبقة وتظهر جزءًا — زي قص شكل دائري من صورة. من أهم أدوات التحكم في الظهور والاختفاء. |
| Stop Motion | تحريك الإيقاف: تصوير الجسم الحقيقي لقطة لقطة مع تحريكه يدويًا بين كل لقطة — زي أفلام الصلصال. مجهد لكن نتيجته ساحرة. |
| 2D / 3D Animation | التحريك ثنائي/ثلاثي الأبعاد: الـ 2D مسطح (كرتون كلاسيكي)، والـ 3D له عمق وحجم (أفلام بيكسار). كل واحد له برامجه ومهاراته. |
مصطلحات البرامج وصيغ الملفات
القسم ده عملي بحت: المصطلحات اللي بتتسأل عنها في كل بريف وكل مقابلة شغل. “ابعتلي السورس”، “عاوز الملف فيكتور”، “سلم PNG بخلفية شفافة” — كلها هنا:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Layer | الطبقة: كل عنصر في التصميم على طبقة مستقلة — زي ورق الشفاف فوق بعضه. تنظيم الـ Layers باسماء واضحة علامة الاحتراف. |
| Artboard | لوحة العمل: مساحة التصميم نفسها في Illustrator وFigma — ممكن يكون عندك 10 Artboards لشاشات تطبيق واحد في ملف واحد. |
| Canvas | مساحة العمل بمعناها العام — في Photoshop هي الصورة اللي شغال عليها. “Canvas size” = أبعاد مساحة الشغل. |
| Vector | الرسوم المتجهة: مبنية على معادلات رياضية مش بكسلات — تكبر لأي حجم من غير ما تبكسل. اللوجوهات لازم تكون Vector دايمًا. |
| Raster | الصور النقطية: مبنية على بكسلات — زي الصور الفوتوغرافية. تكبيرها فوق حجمها الأصلي = بكسلات واضحة وجودة ضايعة. |
| PNG | صيغة صور بخلفية شفافة وجودة عالية — للوجوهات والعناصر اللي هتتركب على خلفيات. حجمها أكبر من JPG. |
| JPEG / JPG | صيغة الصور المضغوطة — للصور الفوتوغرافية على الويب. حجم صغير لكن بدون شفافية وجودة أقل من PNG. |
| SVG | صيغة فيكتور للويب: خفيفة وتتكبر لأي حجم — مثالية للأيقونات والشعارات في المواقع. بتتفتح كنص ويمكن تعديلها بالكود. |
| PSD | صيغة ملف فوتوشوب الأصلي: فيها كل الطبقات قابلة للتعديل. لما عميل يطلب “السورس” بتاع تصميم فوتوشوب، ده اللي يقصده. |
| MP4 | صيغة الفيديو الأشهر عالميًا: بتشتغل على كل الأجهزة والمنصات. هو الاختيار الآمن الافتراضي لأي فيديو نهائي. |
| Plugin | الإضافة: أداة خارجية بتتركب على البرنامج وتضيف له مزايا — زي إضافات After Effects للتأثيرات الجاهزة. |
| Preset | الإعداد الجاهز: ضبط محفوظ تطبقه بضغطة — ألوان، انتقالات، تأثيرات. بيوفر وقت لكن الإفراط فيه بيخلي الشغل متشابهًا. |
| Template | القالب الجاهز: تصميم جاهز تعدّل عليه — مش عيب استخدامه كنقطة بداية، العيب تسليمه كما هو بدون تخصيص. |
مصطلحات التعامل مع العميل (لغة البريف)
ده القسم اللي بيحوّل المصطلحات لفلوس. العميل الأجنبي بيحكم على احترافك من أول 3 رسائل — ولو استخدمت مصطلحات الشغل صح، بيحس إنه بيتعامل مع محترف قبل ما يشوف أي تصميم:
| المصطلح | المعنى والاستخدام العملي |
|---|---|
| Brief | موجز المشروع: وصف العميل لما يريده — الهدف، الجمهور، الألوان، الأمثلة. شغل بلا Brief واضح = تعديلات لا تنتهي. |
| Mood Board | لوحة الإلهام: تجميعة صور وألوان وخطوط بتوضح “الإحساس” المطلوب قبل بدء التصميم. بتوفر 80% من سوء الفهم. |
| Reference | المرجع: مثال موجود بيقول للعميل “عاوز حاجة زي دي”. اطلب References دايمًا — “عاوز تصميم حلو” مش Brief. |
| Draft | المسودة: النسخة الأولية غير النهائية — بتتبعت للمراجعة قبل التلميع. “Here’s the first draft” = دي مسودة قابلة للتعديل. |
| Revision | جولة التعديلات: كل مرة العميل يطلب تعديلات بعد التسليم. حدد عدد الـ Revisions في الاتفاق من الأول (2-3 شائع). |
| Feedback | الملاحظات: رأي العميل في الشغل. اطلبه محددًا: “عاوز Feedback على الألوان والتكوين” أحسن من “إيه رأيك؟”. |
| Approval | الموافقة النهائية: “العميل وافق” = المرحلة خلصت ومفيش تعديلات تانية عليها. وثّق الـ Approval كتابةً دايمًا. |
| Deadline | الموعد النهائي: مقدس في الشغل الحر. تأخير واحد بدون عذر ممكن يضيع عميلًا دائمًا — وسمعتك على المنصات. |
| Deliverable | المُسلَّمات: الملفات النهائية المتفق عليها — “3 بوستات + السورس”. حددها كتابةً قبل الشغل عشان ميحصلش “كنت فاكر”. |
| Milestone | المرحلة/الدفعة: تقسيم المشروع الكبير لمراحل — كل Milestone تسليم ودفعة. بيحمي الطرفين في المشاريع الطويلة. |
| Portfolio | معرض الأعمال: أهم أصولك كمصمم — العميل بيقرر في 30 ثانية من الـ Portfolio. جودة على كمية: 10 أعمال قوية أحسن من 50 متوسطة. |
| Invoice | الفاتورة: مستند طلب الدفع بعد التسليم — فيه المبلغ والموعد وطريقة الدفع. الاحتراف يبدأ من فاتورة واضحة. |
خطتك العملية: 30 يومًا والمصطلحات لغتك
القاموس مرجع — لكن المرجع وحده مش بيعلّم. الخطة دي بتحوّل الـ 130 مصطلحًا لعادة يومية خفيفة، 15 دقيقة في اليوم، بدون حفظ ممل:
- الأسبوع الأول — عائلة مجالك: روح لقسم مجالك في القاموس (مونتاج؟ ابدأ بقسم المونتاج) واقرأ عائلة واحدة يوميًا. كل مصطلح جديد اكتبه في نوتة موبايلك مع جملة استخدام واحدة من الجدول.
- الأسبوع الثاني — درس يومي بالإنجليزية: شاهد درسًا واحدًا يوميًا (15 دقيقة) في مجالك بالإنجليزية — من المصادر الموثقة تحت. كل ما تسمع مصطلحًا من القاموس، علّم عليه في النوتة. السماع في السياق هو أسرع مثبت للذاكرة.
- الأسبوع الثالث — الاستخدام: ابدأ استخدم 3 مصطلحات جديدة يوميًا — في كتابة بوست، في تعليق على شغل زميل، أو في رسالة تجريبية لنفسك. المصطلح اللي خرج منك مرة بقى ملكك.
- الأسبوع الرابع — الاختبار الحقيقي: اقرأ 5 بريفات عمل حقيقية (من أي منصة عمل حر) وحدد كل مصطلحاتها من القاموس. لو فهمت 90% من مصطلحات أي بريف، انت جاهز ترد بثقة.
وبعد الـ 30 يومًا؟ وسّع لعائلة مجاورة: مصمم جرافيك يتوسع للموشن، ومونتير يتوسع لمصطلحات العميل. الهدف مش حفظ القاموس كله — الهدف إن مفيش مصطلح يوقفك. وكل مصطلح جديد يقابلك بعد كده، ضيفه لنوتتك بنفس الطريقة: المصطلح + جملة الاستخدام + تاريخ أول مرة استخدمته.
قد تظن أن حفظ المصطلحات كفاية — الحقيقة مختلفة
اعتراض منطقي: “طيب، حفظت الـ 130 مصطلحًا — كده بقيت محترف؟” — لا. المصطلح بدون سياق زي الكلمة في القاموس الورقي: موجودة لكن مش مستخدمة. الفرق بين اللي “يعرف” المصطلح واللي “يستخدمه” هو 3 ممارسات:
- اسمعه في سياقه: درس إنجليزي واحد في مجالك يوميًا (15 دقيقة) هيعرضك لـ 5-10 مصطلحات في سياقها الطبيعي — وهي الطريقة اللي مخك بيحفظ بها فعلًا.
- استخدمه فورًا: سمعت Keyframe في درس؟ افتح After Effects واعمل Keyframe بنفسك في نفس الجلسة. المصطلح اللي اتطبق مرة مش بيتنسي.
- اكتبه في بريف حقيقي: أول مرة تكتب “Final deliverables: vector + PNG” لعميل حقيقي، المصطلحات دي بتتحول من “معلومات” لـ”لغة شغل”.
والحقيقة التانية: محدش يعرف كل المصطلحات. المحترفون أنفسهم بيقابلوا مصطلحات جديدة — الفرق إن عندهم “عائلات” يفهموا منها السياق، وجرأة يسألوا: “What do you mean by X exactly?” — السؤال عن مصطلح مش ضعف؛ التظاهر بالفهم هو الضعف.
الأسئلة الشائعة
أحفظ المصطلحات إزاي من غير ما أنساها؟
متحفظش من الجداول مباشرة. الطريقة الفعالة: درس إنجليزي واحد يوميًا في مجالك (15 دقيقة)، وكل مصطلح جديد يقابلك اكتبه في نوتة مع جملة الاستخدام اللي سمعتها فيها. السياق هو اللي بيثبّت — مش التكرار المجرد.
هل لازم أتكلم إنجليزي بطلاقة عشان أشتغل مصمم مع أجانب؟
لا. أغلب التعامل كتابة (بريفات ورسائل)، والمطلوب إنجليزية عملية: مصطلحات المجال + جمل قصيرة واضحة. الجمل الجاهزة في قسم العميل فوق تغطي 80% من المواقف اليومية.
إيه الفرق بين Font وTypeface؟
الـ Typeface هي العائلة الكاملة (زي Cairo بكل أوزانها)، والـ Font هو عضو واحد منها بوزن وحجم محددين (زي Cairo Bold 24). في الاستخدام اليومي الناس بتخلط بينهما ومحدش هيزعل — لكن في الشغل الاحترافي الفرق معروف.
إمتى أستخدم RGB وإمتى CMYK؟
القاعدة البسيطة: شاشة = RGB (مواقع، سوشيال ميديا، فيديو)، طباعة = CMYK (كروت، فلايرات، مجلات). القرار بيتاخد في أول المشروع — وتغييره في الآخر ممكن يبوظ الألوان.
إيه الفرق بين UI وUX؟
الـ UI هو الشكل المرئي (الأزرار والألوان والخطوط)، والـ UX هو الإحساس والتجربة الكلية (هل المستخدم عرف يستخدم المنتج بسهولة؟). واجهة جميلة صعبة الاستخدام = UI جيد وUX سيئ.
إيه الفرق بين Color Correction وColor Grading؟
الـ Correction تصحيح تقني (الألوان تبان طبيعية: توازن الأبيض والتعريض)، والـ Grading لمسة فنية (مود لوني: دافئ أو سينمائي). الترتيب الصح: Correction أولًا ثم Grading — العكس بيخلي النتيجة عشوائية.
Keyframe يعني إيه ببساطة؟
نقطة بتقول للبرنامج “العنصر هنا في اللحظة دي”. تحط نقطتين (البداية والنهاية) والبرنامج يحسب الحركة بينهما تلقائيًا. هو أساس كل تحريك في After Effects وPremiere Pro.
Vector ولا Raster — أستخدم أنهي إمتى؟
شعارات وأيقونات وعناصر هتكبر لأحجام مختلفة = Vector (مش بيبكسل). صور فوتوغرافية وتفاصيل واقعية = Raster. القاعدة الذهبية: اللوجو يبدأ Vector دايمًا.
Bleed مهم لمين؟
لأي تصميم هيتطبع ويتقص بالمقص في المطبعة (كروت، فلايرات، أغلفة). هو هامش أمان 3مم حوالين التصميم عشان القص مياكلش من المحتوى. لو شغلك كله ديجيتال، مش هتحتاجه.
يعني إيه Revision وإزاي أحدد عددها مع العميل؟
الـ Revision هي جولة تعديلات واحدة بعد التسليم. الشائع في السوق: 2-3 revisions مشمولة في السعر، وأي زيادة بحساب إضافي — وده لازم يتكتب في الاتفاق قبل الشغل، مش بعده.
أتعلم المصطلحات منين مجانًا وبشكل عملي؟
مكتبة Figma التعليمية (126 مقالًا مجانيًا في أساسيات التصميم)، ودروس Adobe Learn المجانية، ومقالات Tuts+ — كلها في قسم المصادر تحت بروابط مباشرة. والأهم: درس إنجليزي واحد يوميًا في مجالك.
LUT يعني إيه وهل لازم أشتري LUTs مدفوعة؟
الـ LUT ملف بيطبق ستايل لوني جاهز بضغطة واحدة. مش لازم تشتري: برامج المونتاج فيها LUTs مجانية مدمجة، والمدفوعة ميزتها التنوع مش الجودة بالضرورة. الأهم تتعلم الـ Color Correction والـ Grading اليدوي الأول — الـ LUT أداة مساعدة مش بديل.
هل المصطلحات بتختلف بين برنامج والتاني؟
الأساس واحد: Keyframe وTimeline وLayer معناها ثابت في كل البرامج. اللي بيختلف أسماء الأدوات الخاصة بكل برنامج (زي Artboard في Illustrator وFigma مقابل Canvas في Photoshop). اتعلم المفهوم مرة، والاسم الخاص هتلقطه من أول درس.
أبدأ بأي قسم لو أنا مصمم سوشيال ميديا؟
ابدأ بقسم التصميم الجرافيكي (الألوان والتخطيط)، ثم مصطلحات الصيغ (PNG وVector)، ثم لغة العميل. أقسام المونتاج والموشن ضيفها لاحقًا لو اتجهت للفيديو — مش لازم كل حاجة من الأول.
المصادر — راجعناها لايف فعلًا
كل مصدر تحت له رابط مباشر للمورد نفسه (مش صفحة رئيسية)، والشارات تعكس الحقيقة بعد الفحص: 100% Free يعني مجاني بالكامل، وFreemium يعني فيه جزء مجاني حقيقي وجزء مدفوع، وPaid يعني مدفوع (بدون ذكر أسعار).
مبتدئ — ابدأ من هنا
متوسط — القواميس والدروس العملية
احترافي — شهادات ومنهجيات معمقة
خلينا نكون صريحين:
الـ 130 مصطلحًا دول مش هيتحفظوا من مقال واحد — هيتعلموا من أول 10 بريفات تقرأها وأول 10 دروس تسمعها. القاموس هنا مرجع ترجع له، مش منهج تحفظه. القيمة الحقيقية إنك بقيت تعرف “عائلات” المصطلحات — فلما يقابلك مصطلح جديد، هتفهمه من سياقه بدل ما يقفك.
الخطوة التالية الواحدة: انسخ قائمة الـ 20 مصطلحًا للحفظ السريع واحفظها في نوتة موبايلك — وابدأ من النهاردة: أي درس إنجليزي تشوفه في مجالك، اكتب المصطلحات الجديدة اللي فيه. بعد شهر واحد من العادة دي، لغة المهنة هتبقى لغتك.
ولو حاسس إن الأساس اللغوي نفسه محتاج شغل قبل المصطلحات: دليل تعلم الإنجليزية من الصفر حتى الاحتراف يبنيه لك خطوة بخطوة — وبعده ترجع للقاموس ده وتستخدمه بثقة كاملة.