دورة تصميم الجرافيك والويب

الدرس 1 • ترجمة البحث إلى ملف تعريفي استوديو موجز: الاسم، وصف بجملة واحدة، الجمهور، ثلاث صفات علامة

حول البحث إلى ملف تعريفي استوديو موجز يوجه التصميم. ستحدد اسماً واضحاً ووصفاً بجملة واحدة وصورة للجمهور المستهدف وثلاث صفات علامة حادة ترسخ كل قرار بصري ولفظي.

الدرس 2 • كيفية إجراء بحث تنافسي وإلهامي قصير جداً (اختيار 2-3 استوديوهات، التقاط ألوان، خط، نبرة)

ممارسة بحث تنافسي وإلهامي سريع وخفيف الوزن. ستختار 2-3 استوديوهات، تلتقط الألوان والخط والنبرة، ثم تنظم النتائج في مرجع بسيط يُلهم دون نسخ.

الدرس 3 • كتابة موجزات إبداعية فعالة وقيود لتجديد علامة مصغر

تعلم كتابة موجزات إبداعية محكمة لمشاريع تجديد علامة مصغرة. نغطي تحديد النطاق والقيود والتسليمات والجداول الزمنية ومقاييس النجاح حتى يتمكن استوديوك من التحرك بسرعة مع الحفاظ على الجودة والاستراتيجية.

الدرس 4 • فهم سياق العميل وقطاعات الأعمال الصغيرة المستهدفة (مقاهي، استوديوهات يوغا، صالونات حلاقة)

فهم سياق العميل في قطاعات الأعمال الصغيرة الشائعة. استكشف احتياجات المقاهي واستوديوهات اليوغا وصالونات الحلاقة، ثم كيفف استراتيجية العلامة والنبرة والتسليمات لتناسب جمهورهم وميزانياتهم والمنافسة المحلية في الإمارات.

الدرس 1 • اختيار لون رئيسي و1-2 ألوان ثانوية لعلامة تجارية متعددة الاستخدامات (منهجية اختيار هيكس)

تعلم عملية منظمة لاختيار لون علامة أساسي و1-2 ألوان دعم. نغطي اختيار هيكس، اختبار على خلفيات فاتحة وداكنة، وضمان المرونة عبر الويب والموبايل والطباعة.

الدرس 2 • تصدير وتوثيق مواصفات الألوان لإعادة الاستخدام (هيكس، RGB، HSL، ملاحظات الاستخدام)

تعلم تصدير وتوثيق مواصفات الألوان لإعادة الاستخدام المتسق. نغطي صيغ هيكس وRGB وHSL، تسميات، ملاحظات الاستخدام، ومشاركة اللوحات عبر أدوات التصميم والتطوير.

الدرس 3 • مبادئ نظرية الألوان المتعلقة بالهويات الحديثة الودية (الدرجة، التشبع، التباين، الانسجام)

غوص في مفاهيم نظرية الألوان الأساسية المصممة للعلامات الحديثة الودية. نغطي الدرجة والتشبع والقيمة والتباين والانسجام، ونظهر كيفية دمجهم لإنشاء هويات بصرية قريبة وموثوقة للمنتجات الرقمية.

الدرس 4 • إنشاء لوحات ألوان متاحة: نسب التباين، فحوصات WCAG AA/AAA، وأدوات اختبار قيم هيكس

استكشف كيفية تصميم لوحات ألوان تلبي معايير الوصولية. ستتعلم أساسيات نسب التباين، متطلبات WCAG AA وAAA، واستخدام أدوات عبر الإنترنت لاختبار وتهيئة مجموعات هيكس للواجهات الشاملة.

الدرس 1 • تسليم الخطوط العملي: تعيين الأوزان، اعتبارات الأداء، وأكوام الاحتياطي

نفذ الخطوط بكفاءة في الإنتاج. ستعين الأوزان، تضبط font-display، تحسن صيغ الملفات، وتبني أكوام احتياطية قوية تحافظ على الهيكل الهرمي والقراءة عند فشل الخطوط المخصصة أو تحميلها ببطء.

الدرس 2 • استراتيجيات دمج الخطوط للعلامات الودية الحديثة (التباين، ارتفاع x، serif مقابل sans)

طور استراتيجيات موثوقة لدمج الخطوط في العلامات الودية الحديثة. ستعمل مع التباين وارتفاع x والجمع بين serif وsans لإنشاء هيكل هرمي واضح مع الحفاظ على نبرة قريبة ومتسقة.

الدرس 3 • اختيار خطوط آمنة للويب أو غوغل فونتس للعناوين والنصوص: تقييم المزاج، القراءة، الأوزان

تعلم اختيار خطوط آمنة للويب أو غوغل فونتس تطابق مزاج العلامة مع الحفاظ على القراءة والأداء. ستُقيم الأوزان والأنماط ومجموعات الحروف، وتخطط لاستخدام متسق للعناوين والنصوص وعناصر الواجهة.

الدرس 4 • توثيق الخطوط: مواصفات جاهزة لـCSS، قواعد استخدام للعناوين، النصوص، التعليقات، الروابط

أنشئ توثيقاً خطياً واضحاً وقابلاً لإعادة الاستخدام للفرق. ستترجم قرارات التصميم إلى مواصفات جاهزة لـCSS، تحدد قواعد الاستخدام للعناوين والنصوص والتعليقات والروابط، وتنظم الرموز لأنظمة التصميم.

الدرس 1 • ترجمة الشعار إلى إصدارات أحادية اللون والملونة، صيغ تصدير جاهزة للإنتاج

تعلم تحويل الشعارات الملونة كاملة إلى إصدارات أحادية اللون موثوقة، بناء إصدارات لونية أساسية، وتصدير ملفات جاهزة للإنتاج للطباعة والويب والمنصات الاجتماعية باستخدام الصيغ والإعدادات الفنية الصحيحة.

الدرس 2 • إنشاء ورقة مواصفات شعار أساسية: الأحجام، الحد الأدنى للمساحة الواضحة، أمثلة استخدام خاطئ

حدد كيفية ظهور شعارك في السياقات الحقيقية بتوثيق الأحجام والمساحة الواضحة والإساءة الاستخدام. أنشئ ورقة مواصفات موجزة توجه العملاء والمطورين والطابعات نحو تطبيق علامة متسق.

الدرس 3 • تصميم قفل شعار أفقي ومربع/مكدس؛ قواعد التباعد والمساحة الواضحة

صمم قفل شعار مرن يتكيف مع تخطيطات مختلفة مع الحفاظ على الاتساق. أنشئ إصدارات أفقية ومكدسة، حدد قواعد التباعد، وتأكد من عمل كل قفل في التطبيقات الأحادية اللون.

الدرس 4 • سير عمل من الرسم إلى المفهوم: محفزات الإبداع، اختيار الرموز (أشكال، مونوغرام، تصويري)

اتبع مساراً منظماً من الرسومات الخشنة إلى مفاهيم شعار مهيأة. ستستكشف محفزات الإبداع، تختار أنواع الرموز المناسبة، وتترجم الرسومات الواعدة إلى اتجاهات شعار أحادي اللون واضحة وقابلة للاختبار.

الدرس 1 • سلوك متجاوب: قواعد تراكم المحمول، أنماط التنقل (هامبرغر، رأس لاصق)، وتخطيط نقاط الانهيار

حدد كيفية تكيف تخطيط الصفحة الواحدة عبر نقاط الانهيار، بما في ذلك قواعد التراكم المحمول، أنماط التنقل مثل قوائم الهامبرغر والرؤوس اللاصقة، واستراتيجيات إعادة الترتيب أو إخفاء المحتوى على الشاشات الصغيرة دون فقدان الوضوح.

الدرس 2 • استراتيجية المحتوى لكل قسم: إرشادات النصوص، إرشادات اختيار الصور، وضع CTA

صيغ نصوصاً موجزة مقنعة لكل قسم، اختر صوراً تعزز الرسائل الرئيسية، وضع CTAs استراتيجياً لتوجيه الزوار نحو الإجراءات الأساسية مع تجنب الالتباس أو الاحتكاك أو إرهاق القرار عبر الصفحة.

الدرس 3 • تحديد الأقسام المطلوبة وهيكل المحتوى لموقع صفحة واحدة ترويجي

حدد الأقسام الأساسية لموقع صفحة واحدة ترويجي، أولوية المعلومات، وبناء هيكل محتوى واضح يدعم أهداف المستخدم ورسائل العلامة والتنقل السلس بالتمرير من أعلى إلى أسفل الصفحة.

الدرس 4 • إطار تخطيطات سطح المكتب: رأس، بطل، خدمات، محفظة، عن، تواصل — خيارات الشبكة وأنظمة الأعمدة

صمم إطارات سطح المكتب لكل قسم رئيسي باستخدام الشبكات وأنظمة الأعمدة لتنظيم المحتوى ومواءمة العناصر وإنشاء إيقاع بصري عبر الرأس والبطل والخدمات والمحفظة وعن والتواصل لتجربة متماسكة.

الدرس 1 • النصوص المصغرة، نبرة الصوت، والهيكل الهرمي البصري للاتصال الواضح على صفحة واحدة

استكشف كيفية عمل النصوص المصغرة ونبرة الصوت والهيكل الهرمي البصري معاً على صفحة واحدة. صيغ نصوصاً موجزة، وجه الانتباه بالتخطيط والخط، وتأكد من دعم كل عنصر للاتصال الواضح الواثق.

الدرس 2 • تصميم بطاقات وكتل المحفظة: معالجة الصور، تراكب، وضع البيانات الوصفية، وسلوك متجاوب

صمم بطاقات وكتل محفظة فعالة تعرض المحتوى بوضوح على أي جهاز. ستتعامل مع قص الصور والتراكبات ووضع البيانات الوصفية والسلوك المتجاوب حتى تبقى البطاقات قابلة للقراءة ومتوازنة بصرياً.

الدرس 3 • تطبيق ألوان وخطوط العلامة على تخطيط الصفحة الواحدة: خلفيات، أنماط أزرار، إبرازات

طبق ألوان وخطوط العلامة على تخطيط صفحة واحدة دون التضحية بالاستخدامية. ستحدد أدوار الألوان، تختار مقاييس الخط، وتصمم الخلفيات والأزرار والإبرازات لتجربة علامة متماسكة.

الدرس 4 • تصميم أنظمة التباعد والشبكة: هوامش، خنادق، إيقاع، وشبكة أساسية للاتساق

ابنِ أنظمة تباعد وشبكات تحافظ على اتساق التخطيطات وقراءتها. ستحدد الهوامش والخنادق والإيقاع والشبكات الأساسية حتى تتواءم العناصر بنظافة ويشعر تخطيط الصفحة الواحدة بالتوازن والنوايا.

الدرس 1 • طرق الاختبار والتحقق: فاحصي تباين، أساسيات قارئ الشاشة، التحقق من أهداف اللمس المحمول

يعرف هذا القسم تدفقات عمل اختبار الوصولية الأساسية. ستتعلم فحص تباين الألوان، إجراء مراجعات قارئ شاشة سريعة، التحقق من وصول لوحة المفاتيح، والتحقق من أهداف اللمس المحمول لالتقاط المشكلات الشائعة قبل التطوير.

الدرس 2 • إعداد دليل أسلوب قابل لإعادة الاستخدام وقائمة تسليم للعملاء والمشاريع المستقبلية

يوجهك هذا القسم في بناء أدلة أسلوب قابلة لإعادة الاستخدام وأصول التسليم. ستحدد الرموز والمكونات وقواعد التفاعل، ثم تحزمها في ملفات منظمة تساعد المطورين والمصممين المستقبليين على الحفاظ على الاتساق.

الدرس 3 • إنشاء مبرر تصميم: شرح الخيارات بوضوح وإيجاز لعرض العميل

يعلمك هذا القسم شرح قرارات التصميم بوضوح للعملاء والفرق. ستربط الخيارات بالأهداف والمستخدمين والقيود، هيكلة العروض، وإعداد توثيق موجز يدعم الموافقات والعمل المستقبلي.

الدرس 4 • خيارات الاستخدامية: CTAs واضحة، تنقل متوقع، تصميم النماذج ورسائل التحقق

يغطي هذا القسم قرارات الاستخدامية العملية التي توجه المستخدمين بسلاسة عبر الواجهات. ستُحسّن دعوات العمل وأنماط التنقل وتدفقات النماذج، وتصيغ رسائل التحقق الواضحة المحترمة والسهلة التصحيح.