ورقاتشرح درس تخصيص التصميم ثاني متوسط الفصل الأول
تخصيص التصميم هو ضبط الخطوط والألوان والمحاذاة والأيقونات والتسلسل البصري بحيث يصبح الإنفوجرافيك واضحًا وجميلًا وسهل القراءة.
أهداف الدرس
- يرتب عناصر التصميم بتسلسل بصري يقود عين القارئ.
- يختار خطوطًا عربية واضحة بعدد وأحجام مناسبة.
- يضع مخطط ألوان متناسقًا ويراعي التباين.
- يحاذي العناصر ويضبط المسافات ويستخدم أيقونات متناسقة.
- يحوّل الأرقام إلى رسوم، ويراجع تصميمه ويذكر مصدر بياناته.
المفهوم الأساسي
تخصيص التصميم هو ضبط الخطوط والألوان والمحاذاة والأيقونات والتسلسل البصري بحيث يصبح الإنفوجرافيك واضحًا وجميلًا وسهل القراءة.
شرح الدرس
بعد أن خططت لإنفوجرافيك عن رؤية المملكة ٢٠٣٠ أو عن ترشيد الماء وجمعت بياناته، تأتي مرحلة تحويل المسودة إلى تصميم متقن. التفاصيل الصغيرة هنا تصنع الفرق بين تصميم مزدحم وتصميم يُقرأ بسهولة.
التسلسل البصري
التسلسل البصري هو ترتيب العناصر بحسب أهميتها لتعرف العين من أين تبدأ وإلى أين تنتقل.
- العنوان أكبر عنصر وأوضحه.
- العناوين الفرعية أصغر منه وأكبر من النص.
- الأرقام المهمة تُبرز بحجم أكبر أو لون مميز.
- نبدأ القراءة في العربية من أعلى اليمين إلى الأسفل.
«العنصر الأهم يجب أن تراه العين أولًا»
الخطوط
- استخدم خطين اثنين على الأكثر: خط للعناوين وخط للنص.
- اختر خطًّا عربيًّا واضحًا بلا زخارف كثيرة.
- اجعل حجم العنوان أكبر من العناوين الفرعية، وحجم النص مقروءًا من مسافة مناسبة.
- لا تكتب أسطرًا طويلة، فاكتب جملًا قصيرة.
بعض الخطوط الإنجليزية لا تدعم الحروف العربية، فتتحول إلى رموز، فتأكد من ظهور العربية سليمة.
مخطط الألوان والتباين
- اختر ٣ ألوان رئيسية على الأكثر تدل على الموضوع، فالأزرق والأخضر مناسبان لموضوع الماء.
- استخدم لونًا فاتحًا للخلفية ولونًا داكنًا للنص أو العكس، لأن التباين العالي يسهّل القراءة.
- لا تكتب نصًّا أصفر على خلفية بيضاء، فلن يُقرأ.
- استخدم اللون نفسه للمعنى نفسه في التصميم كله.
اختبر تصميمك بتصغيره قليلًا أو بتحويله إلى الأبيض والأسود لتتأكد من وضوحه.
المحاذاة والمسافات
- حاذِ العناصر المتشابهة على خط واحد، كأن تكون النصوص كلها محاذاة إلى اليمين.
- اترك مسافات متساوية بين الأقسام.
- لا تملأ كل المساحة، فالفراغ يريح العين.
- اجمع العناصر المتقاربة في المعنى في مجموعة واحدة.
الأيقونات المتناسقة
استخدم أيقونات من مجموعة واحدة بنمط واحد، مثل كلها خطية أو كلها مملوءة، وبحجم متقارب ولون متناسق. خلط الأنماط يجعل التصميم يبدو عشوائيًّا.
تحويل الأرقام إلى رسوم
- بدل كتابة «٧٠ بالمئة من الطلاب» ارسم شريطًا أو دائرة تمثل هذه النسبة.
- استخدم أيقونة الشخص عشر مرات وظلّل سبعًا منها لتمثيل ٧٠ بالمئة.
- يمكن استخدام مخطط أعمدة أو دائري من برنامج جداول البيانات ثم نسخه إلى التصميم.
- اكتب الرقم بخط كبير بجانب الرسم لتأكيد الفكرة.
المراجعة وذكر المصدر
- راجع الإملاء واللغة والأرقام.
- تأكد من أن كل رقم مطابق للمصدر.
- اكتب المصدر في أسفل التصميم، مثل: المصدر: موقع رسمي لجهة حكومية.
- اطلب رأي زميل قبل النشر.
التصميم الجميل هو الذي يفهمه الناس بسرعة، لا الذي يحمل أكبر عدد من الزخارف.
نشاط تعليمي
التطبيق الأول
اقترح مخطط ألوان من ثلاثة ألوان لإنفوجرافيك عن ترشيد الماء.
أزرق للماء وأخضر للحفاظ على البيئة وأبيض أو رمادي فاتح للخلفية.
أن يختار الطالب ألوانًا تدل على الموضوع.
المثال الثاني
كيف تعرض أن ٨ من كل ١٠ طلاب يشاركون في النشاط؟
برسم عشر أيقونات للطلاب مع تظليل ثمانٍ منها.
أن يحوّل الطالب الرقم إلى رسم.
الموقف الثالث
يقول زميلك إن تصميمه جميل لكنه لا يُقرأ بسهولة لأن النص رمادي فاتح على خلفية بيضاء، ما النصيحة؟
نرفع التباين بنص داكن أو خلفية داكنة.
أن يطبق الطالب قاعدة التباين.
ملاحظات مهمة
- 1العنصر الأهم يكون الأكبر والأوضح.
- 2خطان على الأكثر وثلاثة ألوان رئيسية.
- 3التباين العالي يسهّل القراءة.
- 4نراجع التصميم ونذكر المصدر.
أخطاء شائعة
- ✗ خطأاستخدام خطوط كثيرة مختلفة.✓ الصواب: نكتفي بخطين.
- ✗ خطأألوان زاهية كثيرة بلا نظام.✓ الصواب: نحدد ثلاثة ألوان رئيسية.
+عرض جميع الأخطاء (3) ←إخفاء الأخطاء الإضافية
- ✗ خطأنسيان المصدر.✓ الصواب: نكتبه في أسفل التصميم.
ملخص الدرس
- التسلسل البصري يوجه العين من الأهم إلى الأقل.
- الخطوط والألوان محدودة ومتناسقة.
- المحاذاة والمسافات والأيقونات المتناسقة تعطي مظهرًا منظمًا.
- تحويل الأرقام إلى رسوم يسهّل فهمها، ونراجع ونذكر المصدر.
هل أتقنت الدرس؟اختبر نفسك من خلال اختبار قصير من عدة أسئلة.
