وحدة 4 / 11

تصميم الشرائح والإنتاج المرئي: التخطيط واللون والأيقونات ومرئيات الذكاء الاصطناعي

المكاسب:

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

يضيع المحتوى الصحيح في التصميم الخاطئ. خط صغير، ألوان متضاربة، محاذاة فوضوية؛ إنه يضعف حتى أفضل الرسائل. في هذه الوحدة، سنستخدم الذكاء الاصطناعي في وظيفتين: (1) كمستشار بشأن قرارات تخطيط الشريحة واللون والطباعة؛ (2) إنتاج الصور والأيقونات والخلفيات التي تحتاجها باستخدام الذكاء الاصطناعي المولد للبصر. الهدف هو إنتاج شرائح متسقة وقابلة للقراءة، حتى بدون مصمم.

ثلاث ركائز للتصميم: التخطيط واللون والطباعة

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

قواعد البدء العملية:

  • المحاذاة: محاذاة العناصر في شبكة افتراضية؛ لا تدعها تتأرجح يمينًا أو يسارًا.
  • التباين: نص داكن على خلفية فاتحة أو العكس. لا يوجد رمادي على رمادي.
  • الطباعة: ما يصل إلى خطين؛ العنوان كبير وعريض، والجسم ذو حجم قابل للقراءة (≥24 نقطة هي قاعدة جيدة في الصالون).
  • اللون: 1 لون رئيسي + 1-2 لون هايلايت + ألوان محايدة. إذا كان لديك لون العلامة التجارية، فالتزم به.
  • التكرار: نفس العناصر في نفس المكان وبنفس التنسيق في كل شريحة.

المبدأ

سوء التطبيق

التطبيق الصحيح

التباين

نص أبيض على خلفية رمادية فاتحة

نص أبيض على خلفية زرقاء داكنة

عدد الألوان

7 ألوان مختلفة نابضة بالحياة

1 رئيسي + 2 تسليط الضوء + نغمات رمادية

الطباعة

4 خطوط مختلفة

1 عنوان + 1 خط أساسي

الفضاء

شريحة كاملة من الحافة إلى الحافة

الهوامش وغرفة التنفس

تحذير: عمى الألوان شائع (حوالي 8% من الرجال). لا تقم فقط بفصل المعلومات إلى اللون الأحمر/الأخضر؛ أضف أيضًا أشكالًا أو تسميات أو مواد.

استشارات التصميم بالذكاء الاصطناعي

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

دورك: مستشار تصميم العروض التقديمية. اللون الأساسي للعلامة التجارية: [#عرافة أو "كحلي داكن"]. القطاع: [... ].النغمة: [مؤسسي / دافئ / تكنولوجي]. المهمة:1) اقتراح لوحة ألوان يمكن الوصول إليها: 1 رئيسي، 2 تمييز، 2 محايد (رمز سداسي عشري لكل منها ومكان استخدامه). 2) اقتراح خطين متوافقين للعنوان + النص (مشترك، مجاني). 3) وصف تخطيط بسيط لـ "شريحة المحتوى" (أين العنوان، أين الصورة، أين النص). تأكد من أن نسب التباين قابلة للقراءة.

لنقد شريحة جاهزة (عن طريق تحميل لقطة شاشة):

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

صورة توليد الذكاء الاصطناعي: لماذا وكيف؟

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

إنتاج صورة غلاف العرض التقديمي. الموضوع: التكنولوجيا في الزراعة المستدامة. النمط: بسيط، حديث، رسم توضيحي مسطح، تصوير غير واقعي. التكوين: اترك مساحة فارغة على الجانب الأيمن (سيكون نص العنوان هناك). اللون: درجات اللون الأخضر والأرضي، هادئة. النسبة: 16:9 أفقيًا. إضافة نص/نص (سأضع النص).

بالنسبة لمجموعة الأيقونات:

قم بإنشاء فكرة مجموعة أيقونات متماسكة للعرض التقديمي. الحاجة: السرعة، الأمان، التوفير، الفريق، الأتمتة (5 مفاهيم). قم بوصف أيقونة بسيطة على شكل خط وأحادية اللون لكل منها. دعهم جميعًا بنفس اللغة البصرية والسمك.

نصيحة: لا تضع نصًا على الصورة. غالبًا ما يكون النص الموجود في الصور المنتجة مشوهًا/خاطئًا. يمكنك إضافة النص في برنامج الشرائح.

حدود وأخلاقيات الإنتاج البصري

  • مظهر مزيف حقيقي: تقديم صورة مصنعة على أنها "صورة حقيقية/شخص حقيقي" يعد أمرًا مضللاً. الأخبار ليست بديلا عن الأدلة أو الشهادة.
  • حقوق الطبع والنشر والعلامة التجارية: يمكن أن يؤدي قول "تقليد" شعار علامة تجارية حالية أو شخصيتها أو أسلوب فنان معين إلى مشكلات تتعلق بحقوق الطبع والنشر والعلامات التجارية.
  • صورة الشخص: من غير الأخلاقي إنتاج صورة تشبه الشخص الحقيقي وجعله يقول شيئاً من فمه.
  • الدقة: "البيانات المرئية" المنتجة ليست بيانات فعلية؛ لا يحل محل الرسومات. بالنسبة للرسم البياني، استخدم قطعة الأرض المنتجة ببيانات حقيقية (الوحدات التالية).

ثلاث حالات صغيرة

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

الحالة 2 - أيقونات متسقة. كان فريق المنتج يستخدم 9 أنماط مختلفة من الأيقونات في العرض التقديمي (بعضها مملوء وبعضها مُسطَّر). لقد جعل الذكاء الاصطناعي يصف مجموعة بأسلوب واحد؛ تم إحضارها جميعًا إلى نمط الخط. تلقى العرض التقديمي ردود فعل "يبدو احترافيًا"، على الرغم من عدم تعيين مصمم.

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

موجه ضعيف / موجه قوي

ضعيف:

إنتاج خلفية عرض تقديمي جميلة.

لا يوجد أسلوب، ولا نسبة، ولا لون، ولا مساحة، ولا غرض؛ والنتيجة عشوائية وغير مجدية في كثير من الأحيان.

قوي:

إنشاء خلفية العرض 16:9. الموضوع: النمو المالي. النمط: الحد الأدنى، هندسي تجريدي، لون خالص. اللون: أزرق داكن، لمسات ذهبية، تفاصيل قليلة جدًا. اترك الثلث الأيسر فارغًا (سينتقل النص إلى هناك). إضافة نص/أرقام. احصل على خلفية عالية التباين وقابلة للقراءة النصية.

والثاني يعطي تفاصيل مهمة مثل النسبة والمساحة الحرة واللون و"إدراج النص"؛ يمكن استخدام الإخراج مباشرة.

الأخطاء الشائعة

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

باختصار

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

مهمة التطبيق

حدد إحدى الشرائح الخاصة بك. (1) اطلب من الذكاء الاصطناعي إنشاء لوحة ألوان يمكن الوصول إليها (1 رئيسي + 2 تمييز + محايد) وخطين. (2) قم بتصوير الشريحة وانتقاد التباين/المحاذاة وتطبيق تصحيحين على الأقل. (3) إنشاء صورة مفاهيمية باستخدام الذكاء الاصطناعي المولد للصور؛ ضع قواعد المعدل و"إضافة نص" في الموجه.

قائمة مرجعية

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