تصميم المعلومات البصرية وإنتاجها (PDF)

‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫الفهرس‬ ‫الصفحة‬ ‫الموضوع‬ ‫‪14-3‬‬ ‫▪ الوحدة االولى‪ :‬مقدمة إل...

‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫الفهرس‬ ‫الصفحة‬ ‫الموضوع‬ ‫‪14-3‬‬ ‫▪ الوحدة االولى‪ :‬مقدمة إلى تصميم المعلومات البصرية‬ ‫‪4‬‬ ‫‪ o‬تعريف المعلومات البصرية‬ ‫‪7‬‬ ‫‪ o‬تعريف المعلومات البصرية وأهميتها في التعليم‪.‬‬ ‫‪11‬‬ ‫‪ o‬تاريخ تصميم المعلومات‬ ‫‪14‬‬ ‫‪ o‬تطور تصميم المعلومات عبر العصور‪.‬‬ ‫‪34-15‬‬ ‫▪ الوحدة الثانية‪ :‬مبادى التصميم البصرى‬ ‫‪16‬‬ ‫‪ o‬مبادئ التصميم األساسية (التوازن‪ ،‬التباين‪ ،‬التكرار‪ ،‬المحاذاة)‪.‬‬ ‫‪20‬‬ ‫‪ o‬العناصر األساسية للمعلومات البصرية‬ ‫‪25‬‬ ‫‪ o‬األلوان‪ ،‬الخطوط‪ ،‬األشكال‪ ،‬الصور والرموز‪.‬‬ ‫‪34‬‬ ‫‪ o‬بناء التسلسل الهرمي البصري في التصميم‪.‬‬ ‫‪51 -35‬‬ ‫▪ الوحدة الثالثة‪ :‬تحليل البيانات والمحتوى البصرى‬ ‫‪36‬‬ ‫‪ o‬كيفية جمع وتنظيم البيانات‪.‬‬ ‫‪45‬‬ ‫‪ o‬تحويل البيانات المعقدة إلى رسائل بصرية واضحة‪.‬‬ ‫‪51‬‬ ‫‪ o‬اختيار األنماط البصرية المناسبة لنوع البيانات‪.‬‬ ‫‪66 -52‬‬ ‫▪ الوحدة الرابعه‪ :‬أدوات تصميم اإلنفوجرافيك‬ ‫‪53‬‬ ‫‪ o‬التعرف على أدوات التصميم مثل ‪ Adobe Illustrator‬و‪Canva.‬‬ ‫‪58‬‬ ‫‪ o‬تصميم الرسوم التوضيحية ورسم األيقونات‪.‬‬ ‫‪66‬‬ ‫‪ o‬كيفية استخدام القوالب الجاهزة وتخصيصها‪.‬‬ ‫‪74-67‬‬ ‫▪ الوحدة الخامسة‪ :‬اإلنتاج العملي لتصاميم اإلنفوجرافيك‬ ‫‪68‬‬ ‫‪ o‬تخطيط وإعداد محتوى التصميم‪.‬‬ ‫‪1‬‬ ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫‪70‬‬ ‫‪ o‬دمج العناصر البصرية مع النصوص‪.‬‬ ‫‪74‬‬ ‫بناء على التغذية الراجعة‪.‬‬ ‫‪ o‬تحسين التصميم ً‬ ‫‪84-75‬‬ ‫▪ الوحدة السادسة‪ :‬تقييم وتحسين اإلنفوجرافيك‬ ‫‪76‬‬ ‫‪ o‬قياس فعالية التصميم على الجمهور المستهدف‪.‬‬ ‫‪80‬‬ ‫بناء على تحليل األداء‪.‬‬ ‫‪ o‬تحسين اإلنفوجرافيك ً‬ ‫‪84‬‬ ‫‪ o‬التحديثات المستمرة في التصاميم البصرية‪.‬‬ ‫‪102-85‬‬ ‫▪ الوحدة السادسة‪ :‬االتجاهات الحديثة في تصميم اإلنفوجرافيك‬ ‫‪86‬‬ ‫‪ o‬التكنولوجيا الحديثة‬ ‫تأثير التكنولوجيا على تصميم المعلومات‪.‬‬ ‫‪90‬‬ ‫‪ o‬استخدام البيانات الكبيرة‬ ‫كيف يتم استخدام البيانات الكبيرة في تصميم اإلنفوجرافيك‪.‬‬ ‫‪96‬‬ ‫‪ o‬التحليل السلوكي‬ ‫كيف يمكن أن تساعد التحليالت في تحسين التصميم‪.‬‬ ‫‪2‬‬ ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫الوحدة األولى‬ ‫مقدمة إلى تصميم‬ ‫المعلومات البصرية‬ ‫‪3‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫مقدمة إلى تصميم المعلومات البصرية‬ ‫تصميم المعلومات البصرية )‪ (Infographic Design‬هو فن تحويل المعلومات والبيانات‬ ‫المعقدة إلى صور ورسومات يسهل فهمها وقراءتها بسرعة‪ُ.‬يعتبر هذا النوع من التصميم أداةً‬ ‫الفعال‪ ،‬حيث يجمع بين البيانات‪ ،‬الرسوم التوضيحية‪ ،‬النصوص‪ ،‬واأللوان‬‫قوية في التواصل ّ‬ ‫بطريقة تُساعد الجمهور على استيعاب المعلومات بشكل أسرع وأبسط مقارنة بالنصوص‬ ‫التقليدية‪.‬‬ ‫في هذه الوحدة‪ ،‬سنركز على التعريف بمفهوم تصميم المعلومات البصرية‪ ،‬أنواعه‪ ،‬وكيفية‬ ‫فعالة لنقل األفكار والمعلومات بشكل بسيط وجذاب‪.‬‬ ‫استخدامه كوسيلة ّ‬ ‫ تعريف تصميم المعلومات البصرية‬ ‫تصميم المعلومات البصرية هو عملية جمع المعلومات‪ ،‬تبسيطها‪ ،‬وتمثيلها بصرياً باستخدام‬ ‫الرموز‪ ،‬الرسوم التوضيحية‪ ،‬المخططات‪ ،‬والبيانات‪.‬الهدف هو تسهيل عملية نقل المعلومات‬ ‫وزيادة فعاليتها من خالل تبسيط األفكار المعقدة وجعلها قابلة لالستيعاب بشكل سريع‬ ‫وسلس‪.‬‬ ‫ أهمية تصميم المعلومات البصرية‬ ‫فع ًاًل لنقل المعرفة والمعلومات لعدة أسباب‪:‬‬ ‫أسلوبا ّ‬ ‫ً‬ ‫إن تصميم المعلومات البصرية ُيعتبر‬ ‫ّ‬ ‫‪.1‬تسهيل الفهم ‪:‬من المعروف أن العقل البشري يعالج الصور أسرع بكثير من‬ ‫النصوص‪.‬لذلك‪ ،‬استخدام الرسوم البصرية ُيساعد على تبسيط المفاهيم المعقدة‬ ‫وتسهيل الفهم‪.‬‬ ‫‪4‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫‪.2‬زيادة االنتباه ‪:‬التصاميم البصرية الملونة والمثيرة لالهتمام تزيد من جذب انتباه‬ ‫الجمهور‪ ،‬مقارن ًة بالنصوص التقليدية‪.‬‬ ‫‪.3‬توفير الوقت ‪:‬بفضل القدرة على تبسيط كميات كبيرة من المعلومات في تصميم واحد‪،‬‬ ‫ُيساعد اإلنفوجرافيك على إيصال الرسائل بسرعة‪ ،‬مما يوفر الوقت للقراء‪.‬‬ ‫‪.4‬تحسين التذكر ‪:‬من خالل دمج العناصر البصرية‪ ،‬يتم تعزيز قدرة األشخاص على‬ ‫تذكر المعلومات لفترات أطول‪ ،‬حيث أثبتت الدراسات أن الدماغ يتذكر ‪ %80‬مما يراه‬ ‫مقارن ًة بـ ‪ %20‬فقط مما يقرأه‪.‬‬ ‫ أنواع المعلومات البصرية‬ ‫هناك عدة أنواع من تصاميم المعلومات البصرية‪ ،‬وكل نوع منها ُيستخدم في حاًلت معينة‬ ‫بناء على طبيعة البيانات التي نريد تمثيلها‪:‬‬ ‫ً‬ ‫‪.1‬اإلنفوجرافيك اإلحصائي ‪(Statistical Infographic):‬‬ ‫ُيستخدم لعرض البيانات واألرقام والمعلومات اإلحصائية‪.‬يشمل المخططات‬ ‫‪o‬‬ ‫البيانية‪ ،‬الرسوم البيانية )‪ (Graphs‬والجداول التي تُظهر العالقات بين األرقام‬ ‫والبيانات‪.‬‬ ‫‪.2‬اإلنفوجرافيك الزمني ‪(Timeline Infographic):‬‬ ‫ُيستخدم لعرض األحداث على محور زمني‪.‬يساعد هذا النوع في توضيح‬ ‫‪o‬‬ ‫تسلسل األحداث أو الخطوات بمرور الوقت‪.‬‬ ‫‪.3‬اإلنفوجرافيك المعلوماتي ‪(Informational Infographic):‬‬ ‫ُيستخدم لشرح موضوع أو مفهوم بشكل موجز‪.‬يعتمد على النصوص الموجزة‬ ‫‪o‬‬ ‫والصور التوضيحية البسيطة لتوضيح فكرة أو عملية معينة‪.‬‬ ‫‪.4‬اإلنفوجرافيك التفاعلي ‪(Interactive Infographic):‬‬ ‫‪5‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫يسمح للمستخدم بالتفاعل مع المحتوى‪ ،‬مثل النقر أو التحريك ًلستكشاف‬ ‫‪o‬‬ ‫البيانات أو المفاهيم بشكل أعمق‪ُ.‬يستخدم غالباً في المواقع اإللكترونية‪.‬‬ ‫‪.5‬اإلنفوجرافيك الجغرافي ‪(Geographical Infographic):‬‬ ‫ُيستخدم لعرض المعلومات المتعلقة بالجغرافيا أو المواقع‪ ،‬مثل الخرائط والرسوم‬ ‫‪o‬‬ ‫البيانية المرتبطة بالمواقع الجغرافية‪.‬‬ ‫‪.6‬اإلنفوجرافيك الهرمي ‪(Hierarchical Infographic):‬‬ ‫ُيستخدم لتوضيح التسلسل الهرمي أو التنظيمي لموضوع معين‪ ،‬مثل تسلسل‬ ‫‪o‬‬ ‫هرمي للشركات أو مراحل عملية معينة‪.‬‬ ‫ استخدامات تصميم المعلومات البصرية‬ ‫تتنوع استخدامات اإلنفوجرافيك وتطبيقاته في عدة مجاًلت‪:‬‬ ‫‪.1‬التعليم‪:‬‬ ‫يمكن استخدام اإلنفوجرافيك في تبسيط المفاهيم التعليمية المعقدة‪ ،‬مثل المفاهيم‬ ‫‪o‬‬ ‫العلمية أو الرياضية‪.‬من خالل الرسومات البصرية‪ ،‬يمكن تحويل البيانات إلى‬ ‫محتوى تعليمي مشوق وسهل الفهم‪.‬‬ ‫‪.2‬التسويق‪:‬‬ ‫الشركات تعتمد على اإلنفوجرافيك لتقديم منتجاتها وخدماتها بطريقة جذابة‪.‬‬ ‫‪o‬‬ ‫اإلنفوجرافيك في التسويق يساعد في توصيل الرسائل اإلعالنية‪ ،‬وتحليل‬ ‫السوق‪ ،‬وتوضيح فوائد المنتج بطريقة ملخصة وجذابة‪.‬‬ ‫‪.3‬وسائل التواصل االجتماعي‪:‬‬ ‫‪6‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫ُيعد اإلنفوجرافيك من أكثر أنواع المحتويات مشاركة على منصات التواصل‬ ‫‪o‬‬ ‫اًلجتماعي‪ ،‬حيث يجذب المستخدمين بسبب طبيعته البصرية السريعة وسهولة‬ ‫استيعابه‪.‬‬ ‫‪.4‬البحث العلمي‪:‬‬ ‫في مجال البحث‪ُ ،‬يستخدم اإلنفوجرافيك لعرض نتائج األبحاث أو لتبسيط‬ ‫‪o‬‬ ‫المفاهيم المعقدة في المقاًلت العلمية‪.‬‬ ‫ تطور تصميم المعلومات البصرية‬ ‫على مر السنوات‪ ،‬تطور تصميم المعلومات البصرية بشكل كبير مع ظهور التقنيات الحديثة‬ ‫وبرامج التصميم المتقدمة‪.‬في البداية‪ ،‬كانت المعلومات البصرية تعتمد على المخططات‬ ‫اليدوية والرسوم التوضيحية البسيطة‪ ،‬ولكن مع تطور التكنولوجيا‪ ،‬أصبح بإمكان المصممين‬ ‫استخدام أدوات قوية لتحسين الدقة والجاذبية البصرية لإلنفوجرافيك‪.‬‬ ‫ أدوات وبرمجيات لتصميم المعلومات البصرية‬ ‫تسهل على المصممين إنتاج اإلنفوجرافيك بجودة عالية‪.‬من‬ ‫يوجد العديد من األدوات التي ّ‬ ‫بين أبرز األدوات المستخدمة‪:‬‬ ‫‪Adobe Illustrator:.1‬‬ ‫أداة احترافية تُستخدم لتصميم الرسومات التوضيحية والمخططات‪.‬تتميز‬ ‫‪o‬‬ ‫بالقدرة على التعامل مع الرسومات المتجهة )‪ (Vectors‬والتي تضمن دقة‬ ‫وجودة عالية للتصميم‪.‬‬ ‫‪Canva:.2‬‬ ‫‪7‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫أداة تصميم تعتمد على السحب واإلفالت‪ ،‬وتعتبر مثالية للمبتدئين‪.‬تحتوي‬ ‫‪o‬‬ ‫على قوالب جاهزة إلنشاء تصاميم إنفوجرافيك بسهولة‪.‬‬ ‫‪Piktochart:.3‬‬ ‫أداة سهلة اًلستخدام مصممة خصيصاً إلنشاء اإلنفوجرافيك‪.‬توفر خيارات‬ ‫‪o‬‬ ‫واسعة من القوالب واألدوات لتحويل البيانات إلى تصاميم بصرية‪.‬‬ ‫‪Infogram:.4‬‬ ‫منصة إلنشاء الرسوم البيانية واإلنفوجرافيك التفاعلي بسهولة‪.‬تُستخدم بشكل‬ ‫‪o‬‬ ‫واسع في اإلعالم ومجاًلت التحليل والبحث‪.‬‬ ‫ تحديات تصميم المعلومات البصرية‬ ‫على الرغم من الفوائد الكبيرة ًلستخدام اإلنفوجرافيك‪ ،‬هناك عدة تحديات يجب على المصمم‬ ‫مواجهتها‪:‬‬ ‫‪.1‬تحويل البيانات المعقدة ‪:‬قد يكون من الصعب تحويل البيانات المعقدة إلى تصاميم‬ ‫بصرية بسيطة بدون فقدان المعنى األساسي‪.‬‬ ‫‪.2‬التوازن بين البساطة والتفاصيل ‪:‬يجب على المصمم أن يوازن بين تبسيط المعلومات‬ ‫وضمان تقديم التفاصيل الكافية لفهم الموضوع‪.‬‬ ‫‪.3‬اختيار األلوان والخطوط المناسبة ‪:‬قد يؤثر اًلختيار غير المناسب لأللوان والخطوط‬ ‫على وضوح الرسالة أو جاذبية التصميم‪.‬‬ ‫فعال ‪:‬يجب أن يكون اإلنفوجرافيك قاد اًر على توصيل الرسالة‬ ‫‪.4‬إيصال الرسالة بشكل ّ‬ ‫المستهدفة بسرعة ودون تعقيد‪ ،‬وهو ما يتطلب تفكي اًر دقيقاً في تخطيط التصميم‪.‬‬ ‫‪8‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫ الفوائد النفسية والمعرفية لتصميم المعلومات البصرية‬ ‫للتصميم البصري تأثيرات معرفية ونفسية إيجابية على المتلقي‪ ،‬ويستند هذا التأثير إلى كيفية‬ ‫معالجة الدماغ البشري للمعلومات البصرية والنصية‪.‬‬ ‫‪.1‬التعلم البصري ‪:‬يعتبر جزء كبير من الناس "متعلمين بصريين"‪ ،‬حيث يستوعبون‬ ‫المعلومات ويفهمونها بشكل أفضل عند تمثيلها بصرًيا‪.‬اإلنفوجرافيك يساعد هؤًلء‬ ‫المتعلمين على استيعاب األفكار من خالل الرسوم واأللوان بدًلً من اًلعتماد فقط‬ ‫على النصوص‪.‬‬ ‫‪.2‬اإلدراك المعرفي ‪:‬التفاعل مع التصاميم البصرية ُيحفز اإلدراك المعرفي من خالل‬ ‫إشراك أجزاء مختلفة من الدماغ لمعالجة األلوان واألشكال واألنماط‪.‬هذه العملية تسرع‬ ‫من الفهم وتبسط استيعاب المعلومات‪.‬‬ ‫‪.3‬الذاكرة البصرية ‪:‬أثبتت الدراسات أن المعلومات التي يتم تقديمها بصرًيا تزيد من‬ ‫احتمالية تذكرها ًلحًقا‪.‬وذلك ألن الدماغ يعالج الصور بسرعة وبدقة أكبر من‬ ‫النصوص‪ ،‬مما يعزز استدعاء المعلومات بسهولة‪.‬‬ ‫‪.4‬التفاعل العاطفي ‪:‬األلوان والعناصر البصرية تؤثر على المشاعر والسلوكيات‪.‬‬ ‫التصميم الفعال يمكن أن ُيحفز استجابات عاطفية معينة من الجمهور‪ ،‬مما يعزز‬ ‫التأثير الفعلي للمحتوى‪.‬‬ ‫ المبادئ األساسية لتصميم المعلومات البصرية‬ ‫إلنشاء تصميم معلومات بصري ناجح‪ ،‬يجب على المصمم اًللتزام بمجموعة من المبادئ‬ ‫األساسية التي تساعد في تحسين جاذبية التصميم وتوصيل الرسالة بفعالية‪:‬‬ ‫‪9‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫أ‪.‬الوضوح والبساطة‬ ‫الوضوح هو المفتاح األول لنجاح اإلنفوجرافيك‪.‬يجب أن يكون التصميم بسي ً‬ ‫طا ويتيح‬ ‫ ‬ ‫للمستخدمين استيعاب الرسالة بسرعة‪.‬تجنب التعقيد الزائد في األلوان والعناصر‬ ‫الرسومية‪ ،‬والتركيز على النقاط األساسية‪.‬‬ ‫ب‪.‬التسلسل الهرمي البصري‬ ‫التسلسل الهرمي البصري ُيشير إلى ترتيب العناصر في التصميم بحيث يتمكن‬ ‫ ‬ ‫بدءا من األهم إلى األقل أهمية‪.‬‬ ‫المستخدم من قراءة المعلومات بالترتيب الصحيح‪ً ،‬‬ ‫يجب أن يتدرج النص أو الصور بطريقة تجذب العين نحو األجزاء الحيوية أوًلً‪.‬‬ ‫ج‪.‬االتساق في التصميم‬ ‫يجب أن تكون كل عناصر التصميم متناسقة في الشكل‪ ،‬الخطوط‪ ،‬األلوان‪ ،‬واألنماط‪.‬‬ ‫ ‬ ‫شعور بالتناغم ويجعل من السهل على الجمهور متابعة المحتوى‪.‬‬ ‫ًا‬ ‫هذا يمنح التصميم‬ ‫اتساق العناصر يعزز من وضوح الرسالة ويزيد من سهولة الفهم‪.‬‬ ‫د‪.‬استخدام المساحات البيضاء‬ ‫المساحات البيضاء )‪(Whitespace‬هي األجزاء الفارغة من التصميم التي ًل‬ ‫ ‬ ‫تحتوي على أي نص أو عناصر بصرية‪.‬هذه المساحات تساعد في فصل األجزاء‬ ‫المختلفة من التصميم وتعطي المشاهدين استراحة بصرية‪ ،‬مما يساهم في جعل‬ ‫تنظيما وسهولة في القراءة‪.‬‬ ‫ً‬ ‫المعلومات أكثر‬ ‫‪10‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫هـ‪.‬اختيار األلوان والخطوط المناسبة‬ ‫حيويا في جذب اًلنتباه وتوصيل الرسائل العاطفية‪.‬يجب اختيار‬ ‫دور ً‬‫األلوان تلعب ًا‬ ‫ ‬ ‫األلوان بعناية لضمان أن تكون جذابة ومتناسبة مع موضوع اإلنفوجرافيك‪.‬األلوان‬ ‫الزاهية قد تكون جذابة في بعض التصاميم‪ ،‬بينما األلوان الهادئة قد تناسب أنواع‬ ‫أخرى من الرسائل‪.‬‬ ‫أيضا يجب أن تكون واضحة ومقروءة‪ ،‬مع تجنب الخطوط الزخرفية أو غير‬ ‫الخطوط ً‬ ‫ ‬ ‫التقليدية التي قد تصعب على الجمهور قراءة المعلومات‪.‬‬ ‫و‪.‬التناسب والتوازن‬ ‫التوازن في التصميم يضمن أن تكون العناصر موزعة بشكل متناغم‪.‬يمكن تحقيق‬ ‫ ‬ ‫التوازن باستخدام توزيع جيد لأللوان واألحجام والمكونات النصية والمرئية‪.‬‬ ‫ز‪.‬التباين‬ ‫التباين ُيشير إلى اًلختالف بين العناصر في التصميم مثل األلوان أو األحجام أو‬ ‫ ‬ ‫األشكال‪.‬من خالل التباين‪ ،‬يمكن إبراز بعض األجزاء عن غيرها‪ ،‬مما يساعد في‬ ‫توجيه انتباه المشاهد إلى األجزاء المهمة‪.‬‬ ‫ تصميم اإلنفوجرافيك والقصص البصرية‬ ‫أحد أهم المبادئ في تصميم المعلومات البصرية هو قدرته على سرد القصص البصرية‬ ‫‪(Visual Storytelling).‬هذه التقنية تُستخدم لنقل المعلومات في سياق قصة مترابطة‪ ،‬مما‬ ‫يساعد الجمهور على تذكر المعلومات وفهمها بشكل أفضل‪.‬‬ ‫‪11‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫السرد القصصي ُيعزز من تفاعل الجمهور مع التصميم‪ ،‬ألنه يرتبط بالحالة البشرية‬ ‫ ‬ ‫األساسية لفهم المعلومات في سياق زمني أو تسلسلي‪.‬القصص تُحّفز الخيال‪،‬‬ ‫وتساعد في تحويل المعلومات المجردة إلى مفاهيم يمكن ربطها بتجارب واقعية‪.‬‬ ‫في اإلنفوجرافيك‪ ،‬يمكن سرد قصة باستخدام التسلسل الزمني‪ ،‬أو التدرج في عرض‬ ‫ ‬ ‫المعلومات من مشكلة إلى حل‪ ،‬أو تقديم تحليالت معقدة بطريقة بسيطة ومتصلة‪.‬‬ ‫أهمية السرد القصصي البصري‪:‬‬ ‫‪.1‬التفاعل العاطفي ‪:‬القصص البصرية تثير المشاعر وتخلق تفاعالً أكبر مع الجمهور‪.‬‬ ‫‪.2‬التسلسل الزمني ‪:‬يسهل على الجمهور فهم الترتيب الزمني لألحداث أو المعلومات‪.‬‬ ‫‪.3‬التذكر ‪:‬القصص تُعزز من تذكر المعلومات لفترات طويلة بسبب سهولة ربط األفكار‬ ‫بترتيب منطقي‪.‬‬ ‫‪.4‬الجاذبية ‪:‬القصص البصرية تضفي عامل الجذب للتصميم‪ ،‬مما يزيد من فرصة‬ ‫تفاعل الجمهور معه‪.‬‬ ‫ أمثلة عملية على تصميم المعلومات البصرية‬ ‫أ‪.‬اإل نفوجرافيك الطبي‬ ‫في المجال الطبي‪ ،‬يتم استخدام اإلنفوجرافيك لشرح الحاًلت الصحية‪ ،‬األمراض‪،‬‬ ‫ ‬ ‫سهل على المرضى فهم المعلومات الطبية‬ ‫العالجات‪ ،‬أو اإلجراءات الجراحية‪.‬هذا ُي ّ‬ ‫المعقدة‪.‬‬ ‫‪12‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫ب‪.‬اإلنفوجرافيك التعليمي‬ ‫في التعليم‪ُ ،‬يستخدم اإلنفوجرافيك لتبسيط المفاهيم العلمية مثل الفيزياء أو الكيمياء‪.‬‬ ‫ ‬ ‫على سبيل المثال‪ ،‬تصميم يوضح كيفية حدوث عملية التمثيل الضوئي أو‬ ‫المخططات الزمنية لألحداث التاريخية‪.‬‬ ‫ج‪.‬اإلنفوجرافيك في التسويق‬ ‫الشركات تستخدم اإلنفوجرافيك لتوصيل ميزات المنتجات أو الخدمات بطريقة مرئية‬ ‫ ‬ ‫مثال‪ ،‬استخدام مخطط دائري لتوضيح نسبة رضا العمالء أو رسم بياني‬ ‫سريعة‪ً.‬‬ ‫إلظهار معدل نمو األرباح‪.‬‬ ‫د‪.‬اإلنفوجرافيك البيئي‬ ‫ُيستخدم اإلنفوجرافيك البيئي لزيادة الوعي حول قضايا مثل تغير المناخ‪ ،‬الحفاظ على‬ ‫ ‬ ‫مثال‪ ،‬تصميم يظهر التأثير البيئي‬ ‫الموارد الطبيعية‪ ،‬أو تقليل اًلنبعاثات الكربونية‪ً.‬‬ ‫لألنشطة الصناعية‪.‬‬ ‫ ‪:‬االتجاهات الحديثة في تصميم المعلومات البصرية‬ ‫وفعال‪ ،‬ظهرت بعض اًلتجاهات‬ ‫مع تطور التكنولوجيا وتزايد الحاجة إلى تواصل سريع ّ‬ ‫الحديثة في تصميم اإلنفوجرافيك‪:‬‬ ‫‪.1‬اإلنفوجرافيك التفاعلي ‪:‬الذي يسمح للمستخدم بالتفاعل مع المحتوى عبر اإلنترنت‪،‬‬ ‫مثل النقر على األجزاء المختلفة من التصميم ًلكتشاف معلومات إضافية‪.‬‬ ‫‪13‬‬ ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫‪.2‬تصاميم ثالثية األبعاد ‪ (3D):‬لزيادة جاذبية التصميم وإضافة طبقات من العمق‬ ‫والوضوح للعناصر‪.‬‬ ‫‪.3‬التصاميم المتحركة ‪ (Motion Infographics):‬حيث يتم تحويل اإلنفوجرافيك‬ ‫إلى فيديو أو رسوم متحركة قصيرة لشرح المعلومات بشكل أكثر ديناميكية‪.‬‬ ‫‪14‬‬ ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫الوحدة الثانية‬ ‫مبادئ التصميم‬ ‫البصري‬ ‫‪15‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫مبادئ التصميم البصري‬ ‫مبادئ التصميم البصري )‪ (Visual Design Principles‬هي األساس الذي ُيبنى عليه أي‬ ‫تقديميا‪.‬تعتمد‬ ‫ً‬ ‫عرضا‬ ‫إلكترونيا‪ ،‬أو حتى ً‬ ‫ً‬ ‫موقعا‬ ‫افيا‪ً ،‬‬ ‫تصميما إنفوجر ً‬ ‫ً‬ ‫تصميم ناجح‪ ،‬سواء كان‬ ‫هذه المبادئ على كيفية توجيه انتباه الجمهور إلى المعلومات الرئيسية وضمان تحقيق‬ ‫تفصيليا للمفاهيم األساسية‬ ‫ً‬ ‫التوازن والجاذبية البصرية في التصاميم‪.‬تشمل هذه الوحدة ً‬ ‫شرحا‬ ‫فعالة وواضحة‪.‬‬ ‫التي يجب على المصمم اًللتزام بها لتحقيق تصميمات ّ‬ ‫ ما هي مبادئ التصميم البصري؟‬ ‫مبادئ التصميم البصري هي مجموعة من القواعد التي تساعد في تنظيم وترتيب العناصر‬ ‫وضوحا وجاذبية للمشاهد‪.‬هذه المبادئ ليست قوانين‬ ‫ً‬ ‫البصرية بطريقة تجعل التصميم أكثر‬ ‫صارمة‪ ،‬ولكنها إرشادات ُيستند إليها لتحقيق اًلتزان والتأثير المطلوبين في أي تصميم‪.‬‬ ‫ لماذا نحتاج إلى مبادئ التصميم؟‬ ‫تضمن المبادئ أن يكون التصميم متسًقا وسهل الفهم‪.‬‬ ‫ ‬ ‫تساعد في توجيه انتباه الجمهور إلى النقاط المهمة‪.‬‬ ‫ ‬ ‫تساهم في خلق توازن بصري يمنع الشعور بالفوضى‪.‬‬ ‫ ‬ ‫تعزز من جاذبية التصميم‪ ،‬مما يحسن من التفاعل مع المحتوى‪.‬‬ ‫ ‬ ‫المبادئ األساسية للتصميم البصري‬ ‫‪16‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫أ‪.‬االتزان)‪(Balance‬‬ ‫متساويا للوزن البصري عبر‬ ‫ً‬ ‫يعا‬ ‫اًلتزان هو ترتيب العناصر البصرية بطريقة تُحدث توز ً‬ ‫التصميم‪.‬يمكن تحقيق هذا التوازن بعدة طرق‪ ،‬إما باستخدام األلوان‪ ،‬األحجام‪ ،‬األشكال‪ ،‬أو‬ ‫التباين‪.‬‬ ‫التوازن المتماثل ‪ (Symmetrical Balance):‬يحدث عندما تكون العناصر‬ ‫ ‬ ‫إحساسا‬ ‫ً‬ ‫متساوية على جانبي المحور المركزي‪.‬هذا النوع من التوازن ُيعطي‬ ‫باًلستقرار والثبات‪.‬‬ ‫التوازن غير المتماثل ‪ (Asymmetrical Balance):‬يعتمد على توزيع العناصر‬ ‫ ‬ ‫نوعا من التوازن الديناميكي‪.‬هذا النوع من‬ ‫متساو ولكن بطريقة تُحدث ً‬‫ٍ‬ ‫بشكل غير‬ ‫إحساسا بالحرية واإلبداع‪.‬‬ ‫ً‬ ‫التوازن يعطي‬ ‫التوازن الشعاعي ‪ (Radial Balance):‬يتم فيه توزيع العناصر حول نقطة مركزية‬ ‫ ‬ ‫مشعا‪.‬‬ ‫بحيث تكون جميع العناصر متجهة نحو هذا المركز‪ ،‬مما يخلق ًا‬ ‫تأثير دائرًيا أو ً‬ ‫ب‪.‬التباين)‪(Contrast‬‬ ‫التباين هو الفرق بين العناصر المختلفة في التصميم‪ ،‬سواء من حيث األلوان‪ ،‬األشكال‪،‬‬ ‫األحجام‪ ،‬أو حتى الخطوط‪.‬التباين يزيد من وضوح العناصر ويساعد في توجيه اًلنتباه إلى‬ ‫األجزاء األكثر أهمية في التصميم‪.‬‬ ‫التباين اللوني ‪:‬استخدام ألوان متناقضة (مثل األسود واألبيض) لجعل العناصر بارزة‬ ‫ ‬ ‫وواضحة‪.‬‬ ‫التباين في الحجم ‪:‬يجعل األحجام المختلفة للعناصر تساعد في إبراز األجزاء األكثر‬ ‫ ‬ ‫أهمية‪.‬‬ ‫‪17‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫وتنوعا‪.‬‬ ‫ً‬ ‫التباين في الشكل ‪:‬استخدام أشكال متنوعة لجعل التصميم أكثر ديناميكية‬ ‫ ‬ ‫ج‪.‬الوحدة)‪(Unity‬‬ ‫الوحدة تعني تحقيق تناغم بين جميع عناصر التصميم لتبدو كأنها جزء من كل متكامل‪.‬‬ ‫يمكن تحقيق الوحدة من خالل اًلتساق في األلوان‪ ،‬الخطوط‪ ،‬واألنماط‪.‬التصميم الذي‬ ‫يحتوي على عناصر مترابطة يجذب انتباه المشاهد ُ‬ ‫ويسهل فهم الرسالة‪.‬‬ ‫د‪.‬اإليقاع)‪(Rhythm‬‬ ‫اإليقاع في التصميم البصري ُيشير إلى التكرار المنتظم أو المتناوب للعناصر في التصميم‪.‬‬ ‫يشبه اإليقاع في الموسيقى‪ ،‬حيث يؤدي إلى تدفق سلس للمعلومات ويساعد في توجيه العين‬ ‫بشكل طبيعي عبر التصميم‪.‬‬ ‫اإليقاع المنتظم ‪ (Regular Rhythm):‬تكرار العناصر بنفس الحجم والفاصل‬ ‫ ‬ ‫الزمني بينهما‪.‬‬ ‫اإليقاع المتناوب ‪ (Alternating Rhythm):‬تكرار العناصر بأحجام أو ألوان‬ ‫ ‬ ‫مختلفة‪.‬‬ ‫اإليقاع التدرجي ‪ (Progressive Rhythm):‬تكرار العناصر مع تغيير تدريجي‬ ‫ ‬ ‫في الحجم أو اللون أو الشكل‪.‬‬ ‫هـ‪.‬التسلسل الهرمي البصري)‪(Visual Hierarchy‬‬ ‫التسلسل الهرمي البصري هو ترتيب العناصر في التصميم بحيث يتمكن المستخدم من قراءة‬ ‫أو استيعاب المعلومات بترتيب معين‪.‬عادةً ما يتم تحقيق التسلسل الهرمي من خالل حجم‬ ‫النص‪ ،‬التباين‪ ،‬أو األلوان‪.‬‬ ‫‪18‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫بروز‪.‬‬ ‫الحجم ‪:‬النص األكبر أو العناصر األكبر تكون ً‬ ‫دائما أكثر ًا‬ ‫ ‬ ‫الموقع ‪:‬العناصر التي توجد في الجزء العلوي أو الوسط من التصميم عادة ما تُعتبر‬ ‫ ‬ ‫أكثر أهمية‪.‬‬ ‫اللون والتباين ‪:‬األلوان الزاهية أو المتناقضة تُساعد في توجيه العين نحو العناصر‬ ‫ ‬ ‫المهمة‪.‬‬ ‫و‪.‬التناسب)‪(Proportion‬‬ ‫التناسب هو العالقة بين حجم العناصر المختلفة في التصميم‪.‬الحفاظ على نسب متناسقة‬ ‫إحساسا باًلتزان والترتيب‪.‬إذا كانت النسب غير متوازنة‪ ،‬يمكن أن‬ ‫ً‬ ‫بين العناصر ُيعطي‬ ‫يشعر الجمهور باًلرتباك أو الفوضى البصرية‪.‬‬ ‫ز‪.‬المساحة البيضاء)‪(Whitespace‬‬ ‫المساحة البيضاء‪ ،‬أو المساحات السلبية‪ ،‬هي المساحات التي ًل تحتوي على أي عناصر‬ ‫إحساسا بالوضوح وتجنب الفوضى‪.‬‬ ‫ً‬ ‫بصرية‪.‬تُستخدم المساحات البيضاء إلعطاء التصميم‬ ‫أيضا في توجيه اًلنتباه إلى األجزاء المهمة من التصميم‪.‬‬ ‫هذه المساحات تساعد ً‬ ‫ح‪.‬المحاذاة)‪(Alignment‬‬ ‫المحاذاة هي ترتيب العناصر بطريقة تجعلها تبدو منسجمة ومنظمة‪.‬يمكن أن تكون المحاذاة‬ ‫أفقية أو عمودية‪ ،‬ويجب أن تُستخدم بعناية لضمان اًلتساق البصري‪.‬عندما يتم محاذاة‬ ‫النصوص والصور بطريقة متناسقة‪ُ ،‬يعزز هذا من جمالية التصميم وسهولة قراءته‪.‬‬ ‫‪19‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫ط‪.‬الحركة)‪(Movement‬‬ ‫المقصود بالحركة في التصميم هو كيفية توجيه العين من جزء إلى آخر داخل التصميم‪.‬يتم‬ ‫توجيه العين عبر التصميم باستخدام العناصر البصرية مثل الخطوط‪ ،‬األشكال‪ ،‬والتدرجات‬ ‫اللونية‪.‬هذا المبدأ يساهم في خلق تجربة تفاعلية مع التصميم ويضمن توجيه المشاهد إلى‬ ‫المعلومات األساسية‪.‬‬ ‫ تطبيق مبادئ التصميم في اإلنفوجرافيك‬ ‫أ‪.‬استخدام التباين إلبراز البيانات‬ ‫في اإلنفوجرافيك‪ُ ،‬يعتبر التباين أحد األدوات األساسية لجعل البيانات بارزة وواضحة‪.‬على‬ ‫سبيل المثال‪ ،‬يمكن استخدام التباين اللوني بين النص والخلفية لتسهيل قراءة المعلومات أو‬ ‫استخدام التباين في الحجم إلبراز البيانات الرئيسية مثل األرقام واإلحصاءات‪.‬‬ ‫ب‪.‬التسلسل الهرمي لتوجيه العين‬ ‫التسلسل الهرمي في اإلنفوجرافيك يساعد في توجيه القارئ بشكل منطقي عبر المعلومات‪.‬‬ ‫بروزا‪ ،‬يمكن للقارئ معرفة النقاط الرئيسية‬ ‫من خالل جعل العناوين الرئيسية أكبر وأكثر ً‬ ‫بسرعة قبل التعمق في التفاصيل‪.‬‬ ‫ج‪.‬الوحدة واالتساق البصري‬ ‫متماسكا‪ ،‬يجب الحفاظ على الوحدة البصرية‪.‬يمكن تحقيق‬ ‫ً‬ ‫لضمان أن يكون اإلنفوجرافيك‬ ‫ذلك من خالل استخدام ألوان متناسقة في جميع األجزاء‪ ،‬واستخدام نفس نوع الخطوط عبر‬ ‫التصميم‪.‬‬ ‫‪20‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫د‪.‬المساحة البيضاء لزيادة الوضوح‬ ‫تُساعد المساحات البيضاء في تجنب ازدحام التصميم بالعناصر والمعلومات‪ُ.‬يفضل ترك‬ ‫مساحة كافية بين النصوص والرسوم البيانية لضمان أن يكون اإلنفوجرافيك و ً‬ ‫اضحا وسهل‬ ‫القراءة‪.‬‬ ‫ األخطاء الشائعة في تصميم المعلومات البصرية‬ ‫أ‪.‬اإلفراط في استخدام األلوان‬ ‫على الرغم من أن األلوان تُعتبر وسيلة فعالة لجذب اًلنتباه‪ ،‬إًل أن اإلفراط في استخدامها‬ ‫مزدحما‪.‬يجب استخدام لوحة ألوان متناسقة‬ ‫ً‬ ‫تشوشا بصرًيا ويجعل التصميم‬ ‫ً‬ ‫يمكن أن يسبب‬ ‫ومحددة تضمن التوازن بين الجاذبية والوضوح‪.‬‬ ‫ب‪.‬عدم وجود تسلسل هرمي بصري‬ ‫إذا كان التصميم يفتقر إلى التسلسل الهرمي الواضح‪ ،‬فقد يواجه المشاهد صعوبة في تحديد‬ ‫النقاط األكثر أهمية‪.‬هذا قد يؤدي إلى فقدان الرسالة أو المعلومات األساسية التي يسعى‬ ‫التصميم إلى إيصالها‪.‬‬ ‫ج‪.‬ازدحام التصميم‬ ‫إضافة الكثير من المعلومات أو العناصر البصرية في مكان واحد يمكن أن ُيربك المشاهد‪.‬‬ ‫يجب الحفاظ على التوازن بين النصوص والرسوم البيانية والعناصر البصرية األخرى لضمان‬ ‫تجربة مشاهدة مريحة‪.‬‬ ‫‪21‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫د‪.‬عدم محاذاة العناصر بشكل مناسب‬ ‫فوضويا وغير منظم‪.‬يجب على‬ ‫ً‬ ‫المحاذاة غير الصحيحة للعناصر قد تجعل التصميم يبدو‬ ‫المصمم أن يحرص على محاذاة العناصر بشكل دقيق لضمان التناسق والتناغم‪.‬‬ ‫ أمثلة عملية على تطبيق مبادئ التصميم البصري‬ ‫أ‪.‬تطبيق التباين في تصميم الملصقات‬ ‫في تصميم ملصق إعالني‪ ،‬يمكن استخدام التباين بين النص والخلفية لجعل العنوان الرئيسي‬ ‫اضحا‪.‬على سبيل المثال‪ ،‬استخدام خلفية داكنة مع نص أبيض كبير يجذب اًلنتباه‬ ‫بارز وو ً‬ ‫ًا‬ ‫بسرعة إلى المحتوى‪.‬‬ ‫ب‪.‬تحقيق التوازن في تصميم المواقع اإللكترونية‬ ‫في تصميم موقع إلكتروني‪ُ ،‬يستخدم التوازن غير المتماثل ً‬ ‫غالبا لتوفير تجربة مستخدم‬ ‫ديناميكية‪.‬يمكن وضع الصور الكبيرة على جانب والنصوص على الجانب اآلخر لتحقيق‬ ‫توازن بصري دون الحاجة إلى التماثل‪.‬‬ ‫ج‪.‬استخدام اإليقاع في تصميم الرسوم المتحركة‬ ‫في الرسوم المتحركة أو التصميمات الديناميكية‪ُ ،‬يستخدم اإليقاع لتوجيه المشاهد عبر‬ ‫التسلسل الزمني لألحداث أو المعلومات‪ ،‬مثل تكرار حركة عنصر معين بطريقة تجعل العين‬ ‫تتحرك مع التصميم‪.‬‬ ‫ مبادئ متقدمة في التصميم البصري‬ ‫‪22‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫أ‪.‬التناغم البصري)‪(Visual Harmony‬‬ ‫التناغم البصري هو القدرة على خلق ترابط بين جميع عناصر التصميم بطريقة‬ ‫ ‬ ‫متناسقة ومتكاملة‪.‬يحدث التناغم عندما تتفاعل العناصر المختلفة بشكل طبيعي‬ ‫ومنظما‪.‬‬ ‫ً‬ ‫موحدا‬ ‫ً‬ ‫وسلس‪ ،‬مما يجعل التصميم يبدو‬ ‫كيف يتحقق التناغم؟‬ ‫ ‬ ‫‪.1‬استخدام األلوان المتناسقة ‪:‬األلوان التي تأتي من نفس لوحة األلوان أو تحمل‬ ‫تناغما بصرًيا‪.‬‬ ‫ً‬ ‫تدرجات متشابهة يمكن أن تُحدث‬ ‫‪.2‬التوافق في الخطوط ‪:‬استخدام نفس نوع الخط أو خطوط متقاربة من حيث‬ ‫األسلوب يعزز من الوحدة البصرية‪.‬‬ ‫‪.3‬التكرار المنظم ‪:‬تكرار عناصر مثل األشكال أو الرموز في التصميم يعزز من‬ ‫الترابط واًلتساق‪.‬‬ ‫ب‪.‬التوازن البصري الديناميكي)‪(Dynamic Balance‬‬ ‫التوازن الديناميكي هو نوع من التوازن الذي يجمع بين العناصر غير المتماثلة ولكنه‬ ‫ ‬ ‫يخلق توازًنا بصرًيا عبر التصميم‪.‬يستخدم هذا التوازن في التصميمات الحديثة لجعل‬ ‫العمل يبدو أكثر جرأة وحيوية‪.‬‬ ‫كيف يتم تحقيق التوازن الديناميكي؟‬ ‫ ‬ ‫‪.1‬استخدام األحجام المتفاوتة ‪:‬عناصر كبيرة بجانب عناصر صغيرة‪ ،‬ولكنها‬ ‫مرتبة بطريقة تجعلها متوازنة‪.‬‬ ‫‪.2‬التباين اللوني ‪:‬استخدام ألوان متناقضة لخلق توازن بصري‪.‬‬ ‫دور في موازنة‬ ‫‪.3‬استخدام الفراغات ‪:‬المساحات البيضاء أو السلبية تلعب ًا‬ ‫العناصر الثقيلة بصرًيا‪.‬‬ ‫‪23‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫ج‪.‬التأكيد)‪(Emphasis‬‬ ‫التأكيد هو المبدأ الذي يوجه العين نحو جزء معين من التصميم‪ ،‬والذي يكون األهم‬ ‫ ‬ ‫بروز باستخدام‬ ‫جذبا لالنتباه‪.‬يتم ذلك عادة عن طريق جعل العنصر أكثر ًا‬ ‫أو األكثر ً‬ ‫التباين‪ ،‬الحجم‪ ،‬أو اللون‪.‬‬ ‫كيف يتم إنشاء التأكيد؟‬ ‫ ‬ ‫‪.1‬استخدام األلوان الزاهية ‪:‬استخدام لون مميز لعناصر محددة يبرزها عن بقية‬ ‫التصميم‪.‬‬ ‫‪.2‬زيادة الحجم ‪:‬العناصر الكبيرة تجذب اًلنتباه بشكل طبيعي‪.‬‬ ‫‪.3‬التباين الشكلي ‪:‬استخدام شكل مميز أو غير مألوف ضمن تصميم يحتوي‬ ‫على أشكال تقليدية‪.‬‬ ‫د‪.‬تدفق الحركة البصرية)‪(Visual Flow‬‬ ‫بدءا من نقطة إلى أخرى‪.‬‬ ‫ي‬ ‫التدفق البصر هو كيفية تحريك العين عبر التصميم‪ً ،‬‬ ‫ ‬ ‫المصمم الناجح يمكنه توجيه الحركة البصرية للمشاهد عبر العناصر المختلفة‬ ‫باستخدام عناصر مثل الخطوط‪ ،‬التكرار‪ ،‬أو التدرجات‪.‬‬ ‫كيف يتم التحكم في تدفق الحركة البصرية؟‬ ‫ ‬ ‫‪.1‬الخطوط ‪:‬استخدام خطوط أو أسهم توجه العين نحو نقطة معينة‪.‬‬ ‫‪.2‬التدرج اللوني ‪:‬اًلنتقال من لون فاتح إلى داكن يوجه العين نحو نقطة تركيز‪.‬‬ ‫‪.3‬التكرار ‪:‬تكرار العناصر بشكل تسلسلي يخلق تدفًقا بصرًيا يمكن العين من‬ ‫اًلنتقال بسالسة عبر التصميم‪.‬‬ ‫‪24‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫هـ‪.‬العمق واإلدراك المكاني)‪(Depth and Spatial Perception‬‬ ‫العمق البصري هو اإلحساس باألبعاد الثالثية داخل تصميم ثنائي األبعاد‪ُ.‬يستخدم‬ ‫ ‬ ‫إلضافة الواقعية أو جعل التصميم أكثر جاذبية‪.‬العمق يجعل العناصر تبدو أقرب أو‬ ‫أبعد‪ ،‬مما يعزز من تجربتهم البصرية‪.‬‬ ‫كيف يتم إضافة العمق؟‬ ‫ ‬ ‫إحساسا بالعمق‪.‬‬ ‫ً‬ ‫‪.1‬الظالل والتدرجات ‪:‬استخدام الظالل خلف العناصر يخلق‬ ‫‪.2‬الطبقات المتعددة ‪:‬وضع عناصر أمامية وخلفية يمكن أن يجعل التصميم يبدو‬ ‫وكأنه له أبعاد متعددة‪.‬‬ ‫‪.3‬التضاؤل التدريجي ‪ (Perspective):‬استخدام تقنيات المنظور لجعل‬ ‫العناصر البعيدة تبدو أصغر واألقرب تبدو أكبر‪.‬‬ ‫ االستدامة البصرية)‪(Sustainability in Visual Design‬‬ ‫االستدامة البصرية في التصميم تشير إلى القدرة على إنشاء تصميمات تستمر في‬ ‫ ‬ ‫جذب اًلنتباه وًل تفقد جاذبيتها بمرور الوقت‪.‬الهدف هو تحقيق توازن بين الجاذبية‬ ‫اآلنية وقابلية اًلستخدام الطويلة األجل‪.‬‬ ‫ كيف يتم تحقيق االستدامة البصرية؟‬ ‫‪.1‬تصميم مرن ‪:‬يتيح التصميم المرن التكيف مع التغييرات المستقبلية دون الحاجة إلى‬ ‫إعادة تصميم كامل‪.‬‬ ‫‪.2‬استخدام ألوان وخطوط دائمة ‪:‬األلوان والخطوط التي ًل تخرج عن الموضة بسرعة‬ ‫تجعل التصميم يستمر لفترة أطول‪.‬‬ ‫‪25‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫‪.3‬االعتماد على المبادئ الكالسيكية ‪:‬استخدام مبادئ التصميم التقليدية مثل التوازن‬ ‫والتناسب يجعل التصميم مقبوًًل على المدى الطويل‪.‬‬ ‫ األلوان ودورها في التصميم البصري المتقدم‬ ‫أ‪.‬سيكولوجية األلوان)‪(Color Psychology‬‬ ‫األلوان لها تأثيرات قوية على اإلدراك العاطفي والنفسي لإلنسان‪ ،‬وتعتبر األداة األقوى‬ ‫ ‬ ‫في يد المصمم‪.‬فهم سيكولوجية األلوان يساعد في توجيه مشاعر الجمهور وزيادة‬ ‫فعالية الرسالة‪.‬‬ ‫أمثلة على سيكولوجية األلوان‪:‬‬ ‫ ‬ ‫أحيانا التحذير‪.‬‬ ‫‪.1‬األحمر ‪ُ :‬يستخدم إلثارة الشعور بالطاقة والحيوية‪ ،‬و ً‬ ‫وغالبا ما ُيستخدم في تصميمات الشركات‪.‬‬ ‫ً‬ ‫‪.2‬األزرق ‪ُ :‬يرتبط بالهدوء والثقة‪،‬‬ ‫‪.3‬األصفر ‪ُ :‬يعبر عن الفرح والتفاؤل‪ ،‬ولكنه قد يكون مز ً‬ ‫عجا إذا تم استخدامه‬ ‫بكثرة‪.‬‬ ‫ب‪.‬الدالالت الثقافية لأللوان‬ ‫الدًلًلت الثقافية لأللوان تختلف من مجتمع آلخر‪ ،‬مما يجعل من الضروري مراعاة‬ ‫ ‬ ‫الثقافات المستهدفة في التصميم‪.‬على سبيل المثال‪ ،‬اللون األبيض ُيعتبر ًا‬ ‫رمز للنقاء‬ ‫في الغرب ولكنه يرتبط بالحزن والموت في بعض الثقافات اآلسيوية‪.‬‬ ‫ أدوات وتقنيات متقدمة في التصميم البصري‬ ‫‪26‬‬ ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫أ‪.‬التصميم الرقمي ثالثي األبعاد)‪(3D Design‬‬ ‫جدا في العديد من المجاًلت مثل اإلعالنات‪،‬‬ ‫شائعا ً‬ ‫التصميم ثالثي األبعاد أصبح ً‬ ‫ ‬ ‫األفالم‪ ،‬واأللعاب‪.‬هذه التقنية تتيح للمصممين إنشاء نماذج ومناظر واقعية تضيف‬ ‫طبقات من العمق والجاذبية‪.‬‬ ‫التطبيقات العملية للتصميم ثالثي األبعاد‪:‬‬ ‫ ‬ ‫‪.1‬في اإلعالنات ‪:‬تقديم المنتجات بطريقة تفاعلية وواقعية‪.‬‬ ‫‪.2‬في التعليم ‪:‬توضيح المفاهيم العلمية والهندسية بشكل ملموس‪.‬‬ ‫‪.3‬في الهندسة المعمارية ‪:‬إنشاء نماذج ثالثية األبعاد للمباني والمواقع‪.‬‬ ‫ب‪.‬التصميم المتجاوب)‪(Responsive Design‬‬ ‫التصميم المتجاوب هو األسلوب الذي يجعل التصميمات تتكيف مع جميع أحجام‬ ‫ ‬ ‫الشاشات واألجهزة‪.‬هذه التقنية ضرورية لضمان تجربة مستخدم ممتازة على الهواتف‬ ‫الذكية‪ ،‬الحواسيب اللوحية‪ ،‬وأجهزة الكمبيوتر‪.‬‬ ‫كيفية تحقيق التصميم المتجاوب‪:‬‬ ‫ ‬ ‫بدًل من القيم الثابتة في قياسات‬ ‫‪.1‬النسبة والتناسب ‪:‬استخدام الوحدات النسبية ً‬ ‫العناصر‪.‬‬ ‫اضحا‬ ‫مقروءا وو ً‬ ‫ً‬ ‫‪.2‬التحكم في المحتوى ‪:‬تقليل أو تغيير ترتيب المحتوى ليظل‬ ‫على الشاشات الصغيرة‪.‬‬ ‫‪.3‬اختبارات التوافق ‪:‬التأكد من أن التصميم يعمل بكفاءة على مختلف األجهزة‬ ‫واألنظمة‪.‬‬ ‫‪27‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫ج‪.‬الرسوم المتحركة)‪(Motion Graphics‬‬ ‫تقدما والتي تُستخدم إلضفاء‬ ‫الرسوم المتحركة هي واحدة من األدوات البصرية األكثر ً‬ ‫ ‬ ‫الحيوية على التصاميم الثابتة‪.‬تُستخدم على نطاق واسع في التسويق اإللكتروني‬ ‫واإلعالنات‪ ،‬وتعتبر أداة فعالة لجذب اًلنتباه وتوضيح األفكار المعقدة‪.‬‬ ‫فوائد الرسوم المتحركة‪:‬‬ ‫ ‬ ‫‪.1‬جذب االنتباه ‪:‬تجعل المحتوى أكثر تفاعلية وجاذبية‪.‬‬ ‫‪.2‬توضيح المعلومات المعقدة ‪:‬يمكن للرسوم المتحركة أن توضح العمليات أو‬ ‫األفكار التي يصعب توضيحها باستخدام النصوص والصور الثابتة‪.‬‬ ‫‪.3‬تعزيز التسويق ‪:‬الرسوم المتحركة تعزز من نجاح اإلعالنات والفيديوهات‬ ‫الترويجية بفضل طبيعتها الديناميكية‪.‬‬ ‫ أمثلة متقدمة على تطبيق مبادئ التصميم البصري‬ ‫أ‪.‬تصميم اإلنفوجرافيك العلمي‬ ‫في اإلنفوجرافيك العلمي‪ُ ،‬يستخدم التوازن البصري بشكل رئيسي لضمان توزيع‬ ‫ ‬ ‫المعلومات والرسومات العلمية بشكل منظم‪.‬على سبيل المثال‪ ،‬في تصميم يشرح‬ ‫عملية التمثيل الضوئي‪ ،‬يجب ترتيب العناصر بصرًيا بحيث توضح تسلسل األحداث‬ ‫معقدا‪.‬‬ ‫مزدحما أو ً‬ ‫ً‬ ‫دون أن يكون التصميم‬ ‫‪28‬‬ ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫ب‪.‬تطبيق مبدأ الوحدة في تصميم الويب‬ ‫عند تصميم مواقع الويب‪ُ ،‬يستخدم مبدأ الوحدة لخلق تجربة متكاملة للمستخدم‪.‬عبر‬ ‫ ‬ ‫استخدام ألوان وخطوط متسقة في جميع الصفحات‪ ،‬يشعر المستخدم بأن الموقع‬ ‫متكامل وسهل التصفح‪ ،‬مما يعزز من تجربة المستخدم ويرفع من معدًلت التفاعل‪.‬‬ ‫ ‪:‬استراتيجيات التصميم المتقدم‬ ‫أ‪.‬استخدام المصفوفات)‪(Grids‬‬ ‫فعالة لتنظيم المحتوى داخل التصميم‪.‬توفر المصفوفات‬ ‫المصفوفات هي طريقة ّ‬ ‫ ‬ ‫منظما ومتسًقا‪.‬‬ ‫ً‬ ‫هيكال يساعد في تحقيق التوازن والتناغم‪ ،‬مما يجعل التصميم يبدو‬ ‫ً‬ ‫كيف يتم استخدام المصفوفات؟‬ ‫ ‬ ‫‪.1‬تحديد مناطق التصميم ‪:‬تقسيم التصميم إلى مناطق مختلفة باستخدام‬ ‫المصفوفات يساعد في تحديد أماكن النصوص والصور‪.‬‬ ‫‪.2‬تحسين القابلية للقراءة ‪:‬المصفوفات تعزز من وضوح المعلومات وتسهيل‬ ‫عملية القراءة‪.‬‬ ‫‪.3‬تيسير التكيف مع األجهزة المختلفة ‪:‬باستخدام المصفوفات‪ ،‬يمكن تحسين‬ ‫التصميمات لتناسب أحجام الشاشات المختلفة بسهولة‪.‬‬ ‫ب‪.‬استخدام التعلم اآللي في التصميم‬ ‫التعلم اآللي والتقنيات الذكية أصبحت أدوات مهمة في تحسين التصميمات‪.‬يمكن‬ ‫ ‬ ‫استخدام الذكاء اًلصطناعي لتحليل تصميمات سابقة وتقديم توصيات لتصميمات‬ ‫جديدة‪ ،‬مما يساعد في تحقيق فعالية أكبر‪.‬‬ ‫‪29‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫أمثلة على استخدام الذكاء االصطناعي‪:‬‬ ‫ ‬ ‫‪.1‬تحليل التفاعل ‪:‬استخدام أدوات مثل ‪ Google Analytics‬لتحليل كيفية‬ ‫تفاعل الزوار مع العناصر المختلفة في التصميم‪.‬‬ ‫‪.2‬تخصيص المحتوى ‪:‬بناء تصميمات مخصصة وفًقا لتفضيالت المستخدمين‬ ‫وتحليالت البيانات‪.‬‬ ‫ج‪.‬التصميم القائم على البيانات)‪(Data-Driven Design‬‬ ‫التصميم القائم على البيانات يعتمد على تحليل البيانات لفهم سلوك الجمهور‬ ‫ ‬ ‫وتفضيالتهم‪.‬هذه اًلستراتيجية تعزز من فعالية التصميم من خالل تقديم محتوى‬ ‫مالئم للجمهور المستهدف‪.‬‬ ‫كيفية استخدام التصميم القائم على البيانات‪:‬‬ ‫ ‬ ‫‪.1‬جمع البيانات ‪:‬استخدام أدوات مثل استبيانات المستخدمين‪ ،‬تحليل الويب‪،‬‬ ‫ووسائل التواصل اًلجتماعي لفهم تفضيالت الجمهور‪.‬‬ ‫‪.2‬تطبيق النتائج ‪:‬استخدام النتائج المستخلصة من البيانات في تصميم واجهات‬ ‫جديدة أو تحسين التصميمات الحالية‪.‬‬ ‫ التصميم الشامل)‪(Universal Design‬‬ ‫أ‪.‬مفهوم التصميم الشامل‬ ‫التصميم الشامل يهدف إلى إنشاء تصميمات تكون قابلة لالستخدام من قبل أكبر‬ ‫ ‬ ‫عدد ممكن من األشخاص‪ ،‬بما في ذلك ذوي اإلعاقات‪.‬يعتبر هذا النوع من التصميم‬ ‫أساسيا لضمان الوصول للجميع‪.‬‬ ‫ً‬ ‫‪30‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫ب‪.‬عناصر التصميم الشامل‬ ‫سهولة االستخدام ‪:‬التأكد من أن التصميم سهل اًلستخدام للجميع‪ ،‬بغض النظر عن‬ ‫ ‬ ‫العمر أو القدرة الجسدية‪.‬‬ ‫المرونة ‪:‬تصميم يتكيف مع احتياجات المستخدمين المختلفة‪.‬‬ ‫ ‬ ‫الوصول البصري ‪:‬استخدام ألوان وخطوط تسهل القراءة وتكون متاحة لذوي اإلعاقات‬ ‫ ‬ ‫البصرية‪.‬‬ ‫ج‪.‬أمثلة على التصميم الشامل‬ ‫نصوصا كبيرة‪ ،‬ألو ًانا عالية التباين‪ ،‬وخيارات‬ ‫ً‬ ‫تصميم المواقع اإللكترونية الذي يشمل‬ ‫ ‬ ‫للتفاعل مثل األزرار الكبيرة‪.‬‬ ‫إنشاء إنفوجرافيك يحتوي على نصوص بديلة للصور لتكون متاحة لألشخاص ذوي‬ ‫ ‬ ‫اإلعاقات البصرية‪.‬‬ ‫ التصميم التفاعلي)‪(Interactive Design‬‬ ‫أ‪.‬أهمية التصميم التفاعلي‬ ‫التصميم التفاعلي يركز على كيفية تفاعل المستخدمين مع التصميمات‪ُ.‬يعتبر هذا‬ ‫ ‬ ‫حيويا في تطوير التطبيقات ومواقع الويب لضمان تجربة مستخدم‬ ‫النوع من التصميم ً‬ ‫وفعالة‪.‬‬ ‫سلسة ّ‬ ‫ب‪.‬عناصر التصميم التفاعلي‬ ‫االستجابة ‪:‬تأكيد سريع على تفاعالت المستخدمين مثل الضغط على األزرار‪.‬‬ ‫ ‬ ‫‪31‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫التحفيز ‪:‬تحفيز المستخدمين على اتخاذ إجراءات معينة من خالل التفاعالت‬ ‫ ‬ ‫المبتكرة‪.‬‬ ‫بناء على سلوك المستخدم‬ ‫تخصيص التجربة ‪:‬توفير تجربة مستخدم مخصصة ً‬ ‫ ‬ ‫وتفضيالته‪.‬‬ ‫ج‪.‬أمثلة على التصميم التفاعلي‬ ‫تصميم موقع إلكتروني يتيح للمستخدمين التفاعل مع العناصر المختلفة (مثل السحب‬ ‫ ‬ ‫واإلفالت) وتغيير المحتوى بشكل ديناميكي‪.‬‬ ‫إنشاء تطبيقات تعتمد على تفاعالت المستخدم‪ ،‬مثل األلعاب أو أدوات التعليم‪.‬‬ ‫ ‬ ‫ التصميم القائم على السرد)‪(Narrative Design‬‬ ‫أ‪.‬مفهوم التصميم القائم على السرد‬ ‫التصميم القائم على السرد يهدف إلى سرد قصة من خالل التصميم‪ ،‬مما ُيضفي‬ ‫ ‬ ‫إضافيا على العناصر البصرية‪.‬‬ ‫ً‬ ‫عمًقا ومعنى‬ ‫ب‪.‬أهمية السرد في التصميم‬ ‫يساهم السرد في جذب انتباه الجمهور‪ ،‬مما يسهل عليهم استيعاب المعلومات بشكل‬ ‫ ‬ ‫أعمق‪.‬‬ ‫السرد يخلق تجربة غامرة للمستخدمين‪ ،‬مما ُيعزز من التواصل العاطفي مع المحتوى‪.‬‬ ‫ ‬ ‫ج‪.‬كيفية تحقيق التصميم القائم على السرد‬ ‫‪.1‬التسلسل الزمني ‪:‬ترتيب المعلومات بطريقة تسرد األحداث بشكل منطقي‪.‬‬ ‫‪32‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫‪.2‬استخدام العناصر البصرية ‪:‬دمج الرسوم التوضيحية‪ ،‬الصور‪ ،‬والفيديوهات لتعزيز‬ ‫القصة‪.‬‬ ‫‪.3‬إنشاء شخصيات ‪:‬استخدام شخصيات تمثل الجمهور المستهدف لتسهيل فهم الرسالة‪.‬‬ ‫ تطوير مهارات التصميم‬ ‫أ‪.‬التعليم المستمر‬ ‫المصممون يجب أن يسعوا لتعلم مهارات جديدة ومواكبة اًلتجاهات الحديثة في عالم‬ ‫ ‬ ‫التصميم‪ ،‬مثل استخدام األدوات الجديدة والتقنيات المتطورة‪.‬‬ ‫ب‪.‬ممارسة التصميم‬ ‫من المهم ممارسة التصميم بانتظام‪ ،‬سواء من خالل مشاريع شخصية‪ ،‬أو من خالل‬ ‫ ‬ ‫التحديات والمنافسات‪.‬‬ ‫ج‪.‬التفاعل مع مجتمع المصممين‬ ‫اًلنضمام إلى مجتمعات تصميمية عبر اإلنترنت أو في الحياة الواقعية يمكن أن‬ ‫ ‬ ‫فرصا للتعلم من اآلخرين‪.‬‬ ‫ويوفر لك ً‬ ‫ُيعزز من مهاراتك ُ‬ ‫ أمثلة تطبيقية متقدمة على التصميم البصري‬ ‫‪33‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫أ‪.‬تطبيق مبادئ التصميم في الحمالت اإلعالنية‬ ‫الحمالت اإلعالنية الناجحة تستخدم المبادئ األساسية مثل التباين والتأكيد لجذب‬ ‫ ‬ ‫انتباه الجمهور‪.‬على سبيل المثال‪ ،‬استخدام ألوان زاهية لنشر إعالن منتج جديد مع‬ ‫صور كبيرة وبارزة تعكس مزايا المنتج‪.‬‬ ‫ب‪.‬تصميم تطبيقات الهواتف الذكية‬ ‫في تصميم التطبيقات‪ ،‬تُستخدم مبادئ مثل التسلسل الهرمي والتدفق البصري لتوجيه‬ ‫ ‬ ‫المستخدمين عبر الواجهات بطريقة سلسة‪.‬هذا يشمل استخدام األزرار الكبيرة وسهلة‬ ‫الوصول‪ ،‬والتدرجات اللونية لتسهيل التنقل‪.‬‬ ‫ج‪.‬إنشاء محتوى تعليمي‬ ‫في المحتوى التعليمي مثل الدورات عبر اإلنترنت‪ ،‬يجب أن يتم تصميم المواد بحيث‬ ‫ ‬ ‫تكون واضحة وسهلة الفهم‪.‬يمكن تحقيق ذلك من خالل استخدام الرسوم التوضيحية‪،‬‬ ‫الفيديوهات‪ ،‬والمحتوى النصي بتنسيقات مرنة تساعد على استيعاب المعلومات‪.‬‬ ‫تعتبر مبادئ التصـ ـ ــميم البصـ ـ ــري أداة قوية في يد المصـ ـ ــممين لتحقيق تأثيرات بص ـ ـ ـرية رائعة‬ ‫فعال‪ ،‬يمكن للمص ـ ـ ـ ـ ــممين إنش ـ ـ ـ ـ ــاء‬ ‫ومؤثرة‪.‬من خالل فهم كيفية تطبيق هذه المبادئ بش ـ ـ ـ ـ ــكل ّ‬ ‫تص ـ ــميمات تحس ـ ــن من تجربة المس ـ ــتخدم وتعزز من فعالية الرس ـ ــالة المراد توص ـ ــيلها‪.‬كما أن‬ ‫اًلبتكار واًلســتفادة من التقنيات الحديثة‪ ،‬مثل الذكاء اًلصــطناعي والتفاعل الرقمي‪ ،‬ســيســاهم‬ ‫في تحسين مهارات التصميم وتقديم تصميمات متميزة تتجاوز توقعات الجمهور‪.‬‬ ‫‪34‬‬ ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫الوحدة الثالثة‬ ‫تحليل البيانات‬ ‫والمحتوى البصرى‬ ‫‪35‬‬  ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫تحليل البيانات والمحتوى البصري‬ ‫تحليل البيانات والمحتوى البصري هو عملية ضرورية لفهم كيفية استخدام العناصر البصرية‬ ‫للتواصل بفعالية مع الجمهور‪.‬من خالل تحليل العناصر البصرية‪ ،‬يمكننا استخالص رؤى‬ ‫قيمة تؤثر على تصميم المعلومات ونجاح الرسائل البصرية‪.‬تشمل هذه الوحدة مجموعة من‬ ‫مرور بأدوات التحليل‪ ،‬وصوًلً إلى أساليب‬ ‫بدءا من أنواع البيانات البصرية‪ً ،‬ا‬ ‫الموضوعات‪ً ،‬‬ ‫جمع البيانات والتصور المرئي‪.‬‬ ‫ أنواع البيانات البصرية‬ ‫أ‪.‬البيانات الكمية)‪(Quantitative Visual Data‬‬ ‫إحصائيا‪.‬تشمل‬ ‫ً‬ ‫التعريف ‪:‬تمثل األرقام واإلحصائيات التي يمكن قياسها وتحليلها‬ ‫ ‬ ‫الرسوم البيانية‪ ،‬المخططات‪ ،‬وغيرها من العناصر التي تعبر عن المعلومات بطريقة‬ ‫عددية‪.‬‬ ‫أمثلة‪:‬‬ ‫ ‬ ‫الرسوم البيانية العمودية التي تعرض مبيعات المنتجات على مر الزمن‪.‬‬ ‫‪o‬‬ ‫مخططات الدائرة التي تظهر النسب المئوية لفئات مختلفة‪.‬‬ ‫‪o‬‬ ‫ب‪.‬البيانات النوعية)‪(Qualitative Visual Data‬‬ ‫التعريف ‪:‬تشير إلى البيانات التي تتعلق بالجوانب الجمالية أو التفسيرية للمحتوى‬ ‫ ‬ ‫وغالبا ما تكون مرتبطة بالعناصر‬ ‫ً‬ ‫البصري‪.‬تُعبر عن اآلراء والمشاعر والتجارب‪،‬‬ ‫التصويرية‪.‬‬ ‫أمثلة‪:‬‬ ‫ ‬ ‫‪36‬‬ ‫أ‪.‬د منى عبدالمنعم فرهود‬ ‫تصميم المعلومات البصرية وإنتاجها (اإلنفوجرافيك التعليمى)‬ ‫الصور التي تظهر ردود فعل العمالء على منتج جديد‪.‬‬ ‫‪o‬‬ ‫التصاميم الجرافيكية التي تمثل الثقافة أو الهوية‪.‬‬ ‫‪o‬‬ ‫ج‪.‬البيانات السلوكية)‪(Behavioral Data‬‬ ‫التعريف ‪:‬تتعلق بكيفية تفاعل الجمهور مع المحتوى البصري‪.‬تشمل بيانات التفاعل‬ ‫ ‬ ‫مثل النقرات‪ ،‬والمرور بالماوس‪ ،‬والوقت المستغرق في مشاهدة المحتوى‪.‬‬ ‫أمثلة‪:‬‬ ‫ ‬ ‫تحليل السلوك عبر المواقع اإللكترونية باستخدام أدوات مثل ‪Google‬‬ ‫‪o‬‬ ‫‪Analytics.‬‬ ‫تتبع حركات العين لفهم كيفية قراءة المحتوى البصري‪.‬‬ ‫‪o‬‬ ‫ أدوات تحليل البيانات والمحتوى البصري‬ ‫أ‪.‬أدو