Arabic:التصميم الجرافيكي
التصميم الجرافيكي
مقدمة
التصميم الجرافيكي هو عملية تخطيط وصياغة رسائل بصرية تجمع بين النص والصورة واللون والشكل والمساحة لكي تؤدي غرضاً واضحاً. قد يكون الناتج ملصقاً، منشوراً رقمياً، بطاقة تعريف، غلافاً، إنفوغرافيك، واجهة، شعاراً، أو نظام هوية بصرية. في بيئة التعليم والتدريب التقني والمهني لا يكفي أن يكون التصميم جميلاً؛ يجب أن يكون قابلاً للاستخدام، واضحاً، مناسباً للجمهور، قابلاً للإنتاج ضمن القيود التقنية، ومجهزاً للتسليم الاحترافي.
ستتعلم في هذه الدورة كيف تنتقل من موجز مشروع قصير إلى فكرة ثم تخطيط أولي ونظام بصري ونسخة نهائية قابلة للتصدير. ستتدرب على التكوين البصري، اللون، الطباعة المحرفية، التسلسل الهرمي البصري، الهوية البصرية، والفرق بين الرسوم المتجهية والصور النقطية. الهدف هو أن تصبح قادراً على اتخاذ قرارات تصميمية يمكنك تفسيرها واختبارها، لا أن تعتمد على الزخرفة أو التقليد فقط.
المتطلبات المسبقة: تحتاج إلى مهارات أساسية في استخدام الحاسوب وإدارة الملفات. يمكنك تنفيذ الأنشطة ببرمجيات مجانية مثل Inkscape للرسوم المتجهية وGIMP لمعالجة الصور وScribus لتخطيط الصفحات، أو بأدوات مهنية مكافئة متاحة لك. لا تتطلب المهام حسابات مدفوعة.
أهداف التعلم
بعد إكمال الدورة ستكون قادراً على:
- تحليل موجز تصميم وتحديد الجمهور والرسالة والقيود ومخرجات التسليم.
- بناء تكوين بصري يستخدم المحاذاة والتوازن والمساحة البيضاء والشبكات بوعي.
- اختيار لوحة ألوان مناسبة للغرض والوسيط مع فهم الفرق بين RGB وCMYK.
- تنظيم النصوص العربية بخطوط وأحجام وأوزان ومسافات تحقق الوضوح والاتساق.
- إنشاء تسلسل هرمي بصري يقود العين إلى المعلومات بالترتيب المطلوب.
- تطوير عناصر هوية بصرية متماسكة تشمل الشعار واللون والخط والتطبيقات.
- اختيار النوع المناسب من الرسوم بين المتجهات والصور النقطية وتصدير الملفات بصورة مهنية.
- تقييم تصميم وفق معايير واضحة، وجمع الملاحظات، وتحسين العمل بطريقة منهجية.
من موجز المشروع إلى الفكرة
كل مشروع مهني يبدأ بسؤال: ما المشكلة التي يجب أن يحلها التصميم؟ قبل فتح أي برنامج، اكتب موجزاً يحدد العميل أو الجهة، الجمهور، الهدف، الرسالة الأساسية، أسلوب النبرة، المقاسات، قنوات النشر، الموعد، والقيود. إذا طلب منك مقهى تدريبي مثلاً منشوراً رقمياً وملصقاً مطبوعاً لحملة جديدة، فإنك تحتاج إلى معرفة ما إذا كانت الأولوية للتعريف بالمنتج أو لجذب الزوار أو لشرح عرض مؤقت، لأن هذا القرار سيغير حجم العنوان والصورة وموضع الدعوة إلى الإجراء.
حوّل الموجز إلى قائمة محتوى مرتبة: ما الذي يجب أن يراه المتلقي أولاً؟ ما الذي يحتاجه ثانياً؟ ما الذي يمكن وضعه في مرتبة ثالثة؟ بعد ذلك اصنع عدة اسكتشات مصغرة بقلم وورقة أو بأشكال بسيطة. الهدف من الاسكتش ليس إظهار المهارة الفنية، بل اختبار العلاقات بسرعة قبل استثمار وقت في التفاصيل.
في مرحلة البحث، اجمع مراجع مرئية موثوقة ودوّن سبب اختيار كل مرجع: هل أعجبك إيقاع الشبكة؟ التباين اللوني؟ طريقة بناء العنوان؟ لا تنسخ عملاً جاهزاً. استخدم المراجع لاكتشاف مبادئ، ثم ابنِ حلاً يناسب المشكلة الخاصة بالمشروع. كذلك افصل بين الذوق الشخصي وقرار التصميم: قد لا تحب لوناً معيناً، لكنه قد يكون مناسباً للعلامة أو للجمهور إذا كان واضحاً ومتسقاً ومختبراً.
تمرين سريع: اختر إعلاناً محلياً أو منشوراً رقمياً وحدد في ثلاث جمل جمهوره ورسالة التصميم والعنصر الذي يجذب العين أولاً. إذا لم تستطع تحديد الرسالة خلال ثوانٍ، فهذه إشارة إلى مشكلة محتملة في التسلسل الهرمي أو كثافة المحتوى.
التكوين: المحاذاة والتوازن والشبكات
التكوين هو تنظيم العناصر داخل المساحة. ابدأ بتحديد الحواف والهوامش، ثم أنشئ علاقات واضحة بين النص والصورة والفراغ. المحاذاة تجعل العناصر تبدو وكأنها تنتمي إلى نظام واحد. التقارب يجمع العناصر المرتبطة. التكرار يبني الإيقاع والاتساق. التباين يوضح الفرق بين المهم والثانوي. أما المساحة البيضاء فليست مساحة ضائعة؛ إنها تمنح العناصر مجالاً للتنفس وتساعد العين على فصل المجموعات.
يمكن أن يكون التوازن متماثلاً عندما تتقارب الكتل على جانبي المحور، أو غير متماثل عندما تتوازن عناصر مختلفة في الحجم واللون والموقع. لا توجد صيغة واحدة صالحة لكل تصميم. اختبر التكوين بصرياً: صغّر التصميم حتى يصبح بحجم طابع بريدي، وانظر هل ما زالت الكتلة الرئيسية والاتجاه العام واضحين.
قاعدة الأثلاث مفيدة في بعض الصور والتكوينات، لكنها ليست قانوناً. الهدف الأوسع هو وضع العناصر بحيث تُنشئ مساراً بصرياً مناسباً للمحتوى. إذا كانت المعلومة الرسمية تحتاج إلى استقرار، فقد تناسبها شبكة صارمة؛ وإذا كان الحدث إبداعياً فقد تستخدم انحرافاً محسوباً عن الشبكة بعد تأسيس النظام.
.svg)
الشبكة تمنحك مرجعاً للمحاذاة. يمكن أن تبدأ بعمود واحد، أو عمودين، أو شبكة متعددة الأعمدة والوحدات. اختر الشبكة حسب المحتوى لا حسب العادة. المنشور القصير قد يحتاج بنية بسيطة، بينما الكتيب أو الإنفوغرافيك يحتاجان نظاماً أكثر دقة.
تساعد مبادئ الإدراك البصري المعروفة بمبادئ الجشطالت في فهم لماذا نرى بعض العناصر كمجموعة واحدة. من أهمها التقارب والتشابه والاستمرارية. إذا كانت بطاقتان متجاورتان وتحملان الأسلوب نفسه فسيميل المتلقي إلى ربطهما، حتى قبل قراءة النص.
خطأ شائع: ملء كل مساحة بعنصر. كثرة العناصر لا تعني كثرة القيمة؛ كل عنصر إضافي ينافس الرسالة. اسأل عند المراجعة: لو حذفت هذا العنصر، هل يفقد التصميم معنى ضرورياً؟ إذا كانت الإجابة لا، فقد يكون الحذف أفضل.
اللون: المعنى والتناغم والإنتاج
اللون يؤدي وظائف متعددة: يجذب الانتباه، يفصل الفئات، يخلق مزاجاً، ويساعد في التعرف على العلامة. لفهمه عملياً ميّز بين الصبغة وهي عائلة اللون، والتشبع وهو شدة اللون، والقيمة أو السطوع وهي مدى قربه من الفاتح أو الداكن. كثير من مشكلات القراءة لا تُحل بتغيير الصبغة فقط، بل بتعديل الفرق في السطوع بين النص والخلفية.
ابدأ لوحة الألوان من وظيفة لا من عدد كبير من الدرجات. اختر لوناً أساسياً، ثم لوناً أو لونين داعمين، ولون تمييز عند الحاجة. في لوحة متقابلة يمكن استخدام لونين على جهتين متقابلتين من عجلة اللون لإنتاج تباين قوي، بينما تعطي الألوان المتجاورة انسجاماً أكثر هدوءاً. تجنب إعطاء كل عنصر لوناً مختلفاً؛ عندما يصبح كل شيء مميزاً لا يبقى شيء مميزاً فعلاً.
في الشاشات يستخدم نظام RGB مزجاً ضوئياً إضافياً للأحمر والأخضر والأزرق. أما المطبوعات التجارية فتعتمد غالباً نظام CMYK السماوي والأرجواني والأصفر والأسود كمزج طرحي للأحبار. لذلك قد لا تتطابق ألوان الشاشة مع الطباعة تماماً، ويجب استخدام إعدادات اللون المناسبة، وتجربة الطباعة عند أهمية الدقة اللونية.
في التصميم الرقمي الذي يتضمن نصاً، لا تعتمد على اللون وحده لنقل المعلومة. استخدم أيضاً شكلاً أو رمزاً أو تسمية. وللوصولية، يوصي معيار WCAG 2.2 بنسبة تباين لا تقل عن 4.5 إلى 1 للنص العادي و3 إلى 1 للنص الكبير في المستوى AA. اختبر ألوان النص والخلفية بأداة قياس تباين بدل الاعتماد على العين وحدها.
خطأ شائع: الاعتقاد أن معنى اللون ثابت عالمياً. دلالات الألوان تتغير باختلاف الثقافة والسياق والقطاع، لذلك اجمع بين بحث الجمهور واختبار القراءة ولا تبنِ القرار على معنى رمزي واحد مفترض.
الطباعة المحرفية العربية
الطباعة المحرفية هي تنظيم الحروف والكلمات والأسطر لتؤدي وظيفة القراءة وتبني شخصية بصرية. في العربية انتبه إلى اتجاه الكتابة من اليمين إلى اليسار، واتصال كثير من الحروف، واختلاف أشكال الحرف حسب موقعه، والحاجة إلى ارتفاع سطر مناسب كي لا تتصادم العلامات أو تبدو الأسطر مكتظة.
ابدأ بتحديد أدوار النص: عنوان رئيسي، عنوان فرعي، متن، وصف صغير، وزر أو دعوة إلى الإجراء. بعد ذلك اختر خطاً أو عائلة خطوط توفر أوزاناً مناسبة. لا تحتاج غالباً إلى عدد كبير من الخطوط؛ يمكن لعائلة واحدة ذات أوزان مختلفة أن تبني نظاماً غنياً. وإذا جمعت خطين فليكن لكل منهما دور واضح وتوافق في النبرة.
الحجم يصنع فرقاً واضحاً في الأهمية، لكن الحجم وحده ليس التسلسل الهرمي. يمكنك الجمع بين الحجم والوزن واللون والمسافة والموضع. راقب أيضاً طول السطر وتباعد الأسطر. الأسطر الطويلة جداً تُتعب العين، والمسافة الضيقة جداً تجعل السطور تتداخل بصرياً، والمسافة الواسعة جداً تفصل الجمل عن بعضها.
في النص العربي لا تستخدم التطويل العشوائي أو المسافات غير الطبيعية كحل سريع للمحاذاة. اضبط عرض صندوق النص والمسافات ومحاذاة الفقرات، واستفد من خصائص الخط والبرنامج عندما تكون متاحة. قبل التسليم اختبر النص على المقاس النهائي، لأن الخط الذي يبدو جيداً على شاشة كبيرة قد يفقد الوضوح في بطاقة صغيرة أو هاتف.
اختبار عملي للطباعة: اطبع أو اعرض ثلاث نسخ من العنوان نفسه مع تغير واحد فقط في كل نسخة، مثل الوزن أو الحجم أو المسافة. اطلب من زميل أن يرتبها حسب سهولة القراءة ثم فسّر النتيجة.
التسلسل الهرمي البصري ومسار العين
التسلسل الهرمي البصري يحدد ترتيب الانتباه. اسأل: ماذا يجب أن يرى الشخص أولاً، ثم ثانياً، ثم ثالثاً؟ صمّم هذه المستويات عمداً. يمكن للعنصر أن يكتسب أولوية من الحجم أو التباين أو الموقع أو اللون أو الفراغ المحيط أو الشكل المختلف.
مثال: في ملصق ورشة مهنية قد يكون اسم الورشة هو المستوى الأول، التاريخ والمكان المستوى الثاني، والتفاصيل وشعار الجهة المستوى الثالث. إذا كان الشعار أكبر من اسم الحدث دون سبب، فقد تخدم هوية الجهة على حساب المهمة الأساسية للملصق.
لا تستخدم عشر درجات مختلفة من الحجم والوزن. وجود عدد محدود من المستويات القابلة للتعرف يجعل الصفحة أسرع في الفهم. جرّب اختبار التمويه: ابتعد عن الشاشة أو غمّض عينيك قليلاً؛ يجب أن تبقى الكتل المهمة واضحة حتى قبل قراءة الكلمات.
مبدأ عملي: استخدم التباين عندما تريد إظهار الفرق، واستخدم التكرار عندما تريد إظهار العلاقة. فإذا كان كل عنوان فرعي بالوزن والحجم واللون نفسه، يتعلم المتلقي بسرعة كيف يتصفح الصفحة. وإذا ظهر زر الدعوة إلى الإجراء بلون مميز واحد، يعرف أين يتجه.
الهوية البصرية والعلامة
العلامة أوسع من الشعار؛ فهي مجموع التجربة والانطباع والوعود والاتصالات المرتبطة بجهة أو منتج. الهوية البصرية هي النظام المرئي الذي يساعد على التعبير عن هذه الشخصية، وقد يشمل الشعار، لوحة الألوان، الخطوط، الأيقونات، الصور، الأنماط، وقواعد الاستخدام. أما الشعار فهو عنصر مهم داخل النظام وليس النظام كله.
قبل تصميم شعار، اكتب ثلاث إلى خمس صفات يجب أن تنقلها الهوية، مثل: دقيقة، عملية، حديثة، موثوقة. ثم أنشئ اتجاهاً بصرياً يترجم هذه الصفات دون الاعتماد على زخارف عشوائية. صمم الشعار أولاً بحيث يعمل بلون واحد، وفي أحجام صغيرة، وعلى خلفيات مختلفة. بعد ذلك اختبر النسخ الأفقية والعمودية والمساحة الآمنة إذا احتاج النظام إليها.
أنشئ دليل استخدام مصغراً حتى في المشاريع التدريبية: الشعار ونسخه، الألوان مع قيمها، الخطوط وأدوارها، أسلوب الصور أو الأيقونات، أمثلة صحيحة وخاطئة، ونموذجان لتطبيق الهوية. هذا الدليل يجعل القرار قابلاً للتكرار عندما يعمل أكثر من شخص على المشروع.
خطأ شائع: الاعتقاد أن الشبكة الهندسية وحدها تجعل الشعار احترافياً. جودة الشعار تقاس بملاءمته للهدف، وضوحه، قابليته للتطبيق، وتميزه ضمن السياق، لا بعدد الدوائر أو الخطوط الإنشائية المستخدمة لعرضه.
الصور النقطية والمتجهات وأدوات الإنتاج
الصورة النقطية تتكون من شبكة بكسلات، لذلك تعتمد جودتها عند التكبير على عدد البكسلات والدقة وحجم الاستخدام. الصور الفوتوغرافية غالباً نقطية. أما الرسوم المتجهية فتعتمد على مسارات وأشكال رياضية، ولذلك يمكن تكبيرها وتصغيرها دون فقدان الحدة بالطريقة نفسها، ما يجعلها مناسبة للشعارات والأيقونات والرسوم التوضيحية.
عند العمل على شعار أو أيقونة استخدم برنامج رسوم متجهية مثل Inkscape، واحفظ نسخة مصدرية قابلة للتحرير. عند معالجة صورة فوتوغرافية استخدم محرر صور نقطية مثل GIMP. لتخطيط منشور متعدد الصفحات يمكن استخدام Scribus أو برنامج نشر مكتبي مكافئ. اختيار الأداة يجب أن يتبع طبيعة المهمة لا شهرة البرنامج.
اختيار صيغة الملف: استخدم SVG للرسوم المتجهية القابلة للتوسع عندما يدعمها السياق، وPNG للرسوم النقطية التي تحتاج شفافية أو حوافاً نظيفة، وJPEG غالباً للصور الفوتوغرافية عندما تحتاج إلى حجم ملف أصغر، وPDF كثيراً لتسليم الصفحات أو ملفات الطباعة حسب متطلبات المطبعة. لا تستخدم لقطة شاشة لشعار كملف نهائي إذا كانت النسخة المتجهية متاحة.
في الطباعة، يجب التفكير في المقاس النهائي والدقة وإعدادات اللون وهوامش النزف المطلوبة من المطبعة. قيمة 300 بكسل لكل بوصة شائعة للصور المطبوعة في كثير من الحالات عند الحجم النهائي، لكنها ليست قانوناً لكل عملية إنتاج؛ ارجع إلى مواصفات الجهة المنفذة. ميّز بين PPI الخاصة بكثافة بكسلات الصورة وDPI المستخدمة لوصف نقاط جهاز الإخراج.
نظّم ملفاتك مهنياً: مجلد للمصادر، مجلد للصور، مجلد للخطوط المسموح باستخدامها، ملف رئيسي قابل للتحرير، ومجلد للتصدير النهائي. استخدم أسماء واضحة وإصدارات متتابعة بدلاً من أسماء مثل نهائي ونهائي2 ونهائي_الأخير.
سير عمل لإنشاء رسم رقمي احترافي
المرحلة الأولى: الاكتشاف. اقرأ الموجز، اسأل عن الهدف والجمهور والمقاسات، واجمع المحتوى الحقيقي قبل التصميم. لا تصمم باستخدام نصوص وهمية ثم تكتشف لاحقاً أن المحتوى الفعلي أطول بكثير.
المرحلة الثانية: التخطيط. ارسم ثلاثة اتجاهات مختلفة على الأقل. حدّد شبكة أولية وتسلسلاً هرمياً ولوحة ألوان مبدئية. اختر اتجاهاً بناء على ملاءمته للهدف، لا على مقدار الزخرفة.
المرحلة الثالثة: البناء. أنشئ العناصر الكبرى أولاً: الكتل، الصورة، العنوان، المناطق البيضاء. بعد استقرار الهيكل انتقل إلى التفاصيل الصغيرة. استخدم أنماطاً أو إعدادات متكررة للعناوين والألوان كي تحافظ على الاتساق.
المرحلة الرابعة: الاختبار. اختبر المقاس الحقيقي، والقراءة على هاتف عند التصميم للشبكات، والنسخة الرمادية لاختبار التباين الضوئي، والطباعة التجريبية عند المشروع المطبوع. اطلب من شخص لم ير المشروع أن يجيب: ما الرسالة؟ ما أول عنصر رأيته؟ ماذا تفعل بعد ذلك؟
المرحلة الخامسة: التحسين. صنّف الملاحظات إلى مشكلات هدف، ومشكلات قراءة، ومشكلات تقنية، وأذواق شخصية. أصلح المشكلات التي يمكن ربطها بالموجز أو بالمستخدم أو بالمواصفات أولاً. احتفظ بنسخة سابقة قبل التعديلات الكبرى.
المرحلة السادسة: التسليم. راجع الإملاء، الهوامش، دقة الصور، الصيغ، أسماء الملفات، حقوق استخدام الصور والخطوط، وقيم الألوان. سلّم النسخ المناسبة للاستخدام ولا تحذف الملف المصدري القابل للتعديل.
قائمة فحص سريعة قبل الاعتماد: هل الرسالة الأساسية واضحة في ثوانٍ؟ هل يوجد مستوى بصري أول وثان وثالث؟ هل النص العربي مقروء؟ هل التباين كافٍ؟ هل المحاذاة مقصودة؟ هل الألوان متسقة؟ هل الصور مناسبة الدقة؟ هل الملف النهائي بالمقاس والصيغة المطلوبة؟
مهام تفاعلية
اختبار: اختبر معرفتك
ما أول خطوة مهنية قبل فتح برنامج التصميم في مشروع جديد؟ (تحليل الموجز وتحديد الهدف والجمهور والقيود) (!اختيار مؤثرات بصرية كثيرة) (!تصدير الملف بصيغة نهائية) (!تكبير الشعار إلى أقصى حجم)
ما الوظيفة الأساسية للمساحة البيضاء في التكوين؟ (فصل المجموعات وإعطاء العناصر مجالا بصريا واضحا) (!ملء كل فراغ بلون إضافي) (!إلغاء الحاجة إلى المحاذاة) (!تحويل الصور النقطية إلى متجهية)
أي نظام لوني يستخدم عادة في الشاشات الرقمية؟ (RGB) (!CMYK) (!PDF) (!SVG)
ما الاستخدام الأنسب للشبكة في التصميم؟ (تنظيم المحاذاة والعلاقات بين العناصر) (!فرض شكل واحد على جميع المشاريع) (!استبدال اختبار القراءة) (!زيادة عدد الخطوط المستخدمة)
أي خيار يساعد أكثر على بناء تسلسل هرمي بصري واضح؟ (تغيير الحجم والوزن والتباين حسب أهمية المعلومات) (!جعل كل العناصر بالحجم نفسه) (!استخدام لون مختلف لكل كلمة) (!إزالة جميع المساحات الفارغة)
ما العلاقة الصحيحة بين الشعار والهوية البصرية؟ (الشعار عنصر داخل نظام الهوية البصرية) (!الهوية البصرية هي نسخة ملونة من الشعار فقط) (!الشعار يحل محل جميع قواعد العلامة) (!الهوية البصرية لا تشمل الخطوط والألوان)
لماذا تناسب الرسوم المتجهية تصميم الشعارات؟ (يمكن تحجيمها مع الحفاظ على حدة الأشكال) (!تتكون دائما من صور فوتوغرافية) (!لا يمكن تعديل مساراتها) (!لا يمكن تصديرها للطباعة)
ما الحد الأدنى الشائع لتباين النص العادي وفق WCAG في المستوى AA؟ (أربعة فاصلة خمسة إلى واحد) (!اثنان إلى واحد) (!واحد إلى واحد) (!ثلاثة إلى اثنين)
ما أفضل طريقة لاختيار خطين في تصميم عربي واحد؟ (تحديد دور واضح لكل خط واختبار توافقهما وقراءتهما) (!اختيار خطين عشوائيا لمجرد التنوع) (!جعل كل فقرة بخط جديد) (!استخدام التطويل العشوائي لضبط المحاذاة)
متى يكون ملف PNG اختيارا مناسبا؟ (عند الحاجة إلى صورة نقطية تدعم الشفافية وحواف نظيفة) (!عند الحاجة إلى ملف شعار متجهي قابل للتحجيم بلا حدود) (!عند إعداد شبكة أعمدة داخل برنامج النشر) (!عند كتابة موجز المشروع قبل التصميم)
لعبة الذاكرة
| التسلسل الهرمي | ترتيب بصري يقود العين حسب أهمية المعلومات |
| المحاذاة | تنظيم الحواف والمحاور لإظهار العلاقة بين العناصر |
| RGB | نموذج ضوئي إضافي يستخدم عادة في الشاشات |
| CMYK | نموذج لوني طرحي يستخدم عادة في الطباعة التجارية |
| المتجهات | رسوم مبنية على مسارات وأشكال قابلة للتحجيم |
| المساحة البيضاء | فراغ مقصود يساعد على الفصل والوضوح |
السحب والإفلات
| طابق كل مصطلح مع الاستخدام الأنسب له. | التطبيق |
|---|---|
| الشبكة | ضبط الأعمدة والهوامش والمحاذاة |
| الخط المتجهي | إنشاء شعار قابل للتحجيم |
| الصورة النقطية | معالجة صورة فوتوغرافية |
| لوحة الألوان | توحيد العلاقات اللونية في الهوية |
| موجز المشروع | تحديد الهدف والجمهور والقيود |
| اختبار التباين | التحقق من وضوح النص فوق الخلفية |
كلمات متقاطعة
| تباين | ما المبدأ الذي يجعل الفرق بين عنصرين واضحا في الحجم أو اللون أو القيمة؟ |
| محاذاة | ما المصطلح الذي يصف تنظيم العناصر على حواف أو محاور مشتركة؟ |
| شبكة | ما النظام الذي يقسم الصفحة إلى أعمدة أو وحدات للمساعدة في التخطيط؟ |
| هرمية | ما الذي يرتب الانتباه من الأهم إلى الأقل أهمية؟ |
| هوية | ما النظام المرئي الذي يشمل الشعار والألوان والخطوط والتطبيقات؟ |
| متجهات | ما نوع الرسوم المبني على مسارات قابلة للتحجيم؟ |
مهام مفتوحة
سهل
- تحليل ملصق: اختر ملصقاً تعليمياً أو مهنياً وصوّر أو ارسم مخططاً مبسطاً يحدد العنصر الأول والثاني والثالث في التسلسل الهرمي مع تفسير قصير.
- شبكة بسيطة: أنشئ بطاقة إعلان بمقاس تختاره مستخدماً شبكة من عمودين وهوامش ثابتة، ثم اعرض نسخة تظهر خطوط الشبكة ونسخة نهائية من دونها.
- لوحة ألوان: أنشئ ثلاث لوحات لونية من ثلاثة ألوان لمشروع مهني واحد، واذكر وظيفة كل لون واختبر قابلية قراءة نص قصير فوق الخلفيات.
- تجربة خط عربي: صمّم عنواناً وفقرة قصيرة بثلاث معالجات طباعية مختلفة مع تغيير الحجم والوزن والمسافة فقط، ثم اختر النسخة الأكثر وضوحاً وفسّر السبب.
متوسط
- إعادة تصميم منشور: أعد تصميم منشور مزدحم مستخدماً مبدأ التقارب والمحاذاة والمساحة البيضاء، وقدّم صورة قبل وصورة بعد مع ثلاثة قرارات موثقة.
- حملة مصغرة: أنشئ منشوراً مربعاً ولافتة أفقية للمحتوى نفسه مع الحفاظ على هوية واحدة وتكييف التكوين لكل مقاس.
- مقابلة مستخدم: اعرض تصميمين بديلين على ثلاثة أشخاص من الجمهور المستهدف، واسألهم عما رأوه أولاً وما الرسالة التي فهموها، ثم لخّص النتائج من دون جمع بيانات شخصية.
- شعار تطبيقي: صمّم شعاراً بسيطاً لمشروع تدريبي خيالي واختبره بلون واحد وفي مقاس صغير وعلى خلفيتين مختلفتين، ثم صدّره بصيغة متجهية وصورة نقطية.
متقدم
- هوية بصرية مصغرة: طوّر هوية لورشة أو خدمة مهنية خيالية تشمل شعاراً ولوحة ألوان ونظام خطوط وأيقونات ونموذجين للتطبيق ودليل استخدام من صفحة أو صفحتين.
- إنفوغرافيك مهني: حوّل عملية تقنية من خمس إلى سبع خطوات إلى إنفوغرافيك يوضح الترتيب والتسلسل، واختبر فهمه مع زميل ثم حسّنه بناء على الملاحظات.
- مشروع للطباعة والشاشة: صمّم قطعة واحدة بنسختين، رقمية بنظام RGB ومطبوعة بنظام CMYK، ووثّق اختلافات اللون والمقاس والدقة والصيغة ومتطلبات التسليم.
- نقد ومحفظة أعمال: أنشئ دراسة حالة لمشروعك الأفضل تتضمن الموجز والبحث والاسكتشات والقرارات والنسخة النهائية وما الذي غيرته بعد الاختبار، ثم سجل فيديو قصيراً تشرح فيه منطقك التصميمي.
مجالات تعلم مرتبطة
يرتبط هذا الموضوع بمهن ومجالات مثل تصميم الإعلانات، النشر المكتبي، إنتاج المحتوى الرقمي، تصميم الواجهات، التسويق، الطباعة، التصوير، إعداد العروض، وإدارة الهوية البصرية. ويمكنك نقل المبادئ نفسها إلى مشروعات مدرسية ومهنية وجامعية ما دمت تبدأ من الهدف والجمهور وتختبر النتيجة.
مسرد
موجز المشروع: وثيقة قصيرة تلخص الهدف والجمهور والمحتوى والقيود والمخرجات المطلوبة.
التكوين: ترتيب العناصر داخل المساحة لإنشاء علاقات ومسار بصري مقصود.
الشبكة: نظام من أعمدة وصفوف أو وحدات يستخدم كمرجع للمحاذاة والتخطيط.
المساحة البيضاء: فراغ مقصود حول العناصر أو بينها يدعم الفصل والوضوح.
التباين: فرق بصري في الحجم أو اللون أو القيمة أو الوزن أو الشكل يساعد على التمييز وإظهار الأولوية.
التسلسل الهرمي البصري: تنظيم مستويات الأهمية كي يعرف المتلقي أين يبدأ وكيف ينتقل بين المعلومات.
الطباعة المحرفية: اختيار الخطوط وتنظيم الحروف والكلمات والأسطر لتحقيق القراءة والشخصية البصرية.
الهوية البصرية: نظام متماسك من عناصر مرئية يمثل جهة أو مشروعاً عبر تطبيقات مختلفة.
RGB: نموذج لوني إضافي يعتمد الأحمر والأخضر والأزرق ويستخدم عادة في الشاشات.
CMYK: نموذج لوني طرحي يعتمد السماوي والأرجواني والأصفر والأسود ويستخدم عادة في الطباعة التجارية.
رسم متجهي: رسم مبني على مسارات وأشكال رياضية يمكن تحجيمه مع الحفاظ على حدة الحواف.
صورة نقطية: صورة مكوّنة من بكسلات وتتأثر جودة تكبيرها بعدد البكسلات وحجم الاستخدام.
النزف: امتداد العناصر الطباعية خارج خط القص النهائي لتجنب ظهور حواف غير مطبوعة بعد التشذيب.
التصدير: إنشاء نسخة نهائية من العمل بصيغة ومقاس ونظام لون مناسبين للاستخدام أو التسليم.
