5. Design graphique et typographie

✎Résumé du cours

Démarche de projet

Analyse de la demande (cahier des charges, cible, message) → recherches (croquis, rough) → choix → réalisation → présentation.

Typographie

Familles : avec empattements (serif), sans empattements (sans serif), manuscrites. Hiérarchie : titre, sous-titre, texte ; lisibilité, alignement, interlignage.

Logo et identité

Logotype (texte), pictogramme (image), combinaison ; simplicité, mémorisation, déclinaison sur différents supports.

Affiche

Accroche visuelle, slogan, informations essentielles, contraste et lisibilité à distance.

✎Exemples corrigés

?Teste-toi

Clique sur la bonne réponse.

1. Une police « sans serif » n’a pas…

   a) d’empattementsb) de lettres capitalesc) d’accents
   Réponse

   a) d’empattements — Ex. Arial.

2. Un rough est…

   a) un croquis de rechercheb) un logo finalc) un papier
   Réponse

   a) un croquis de recherche — Esquisse rapide.

3. Une affiche efficace doit être…

   a) lisible de loinb) remplie de texte
   Réponse

   a) lisible de loin — Communication.

✎ملخص الدرس

منهجية المشروع

تحليل الطلب (دفتر التحملات، الفئة المستهدفة، الرسالة) ← البحث (رسوم أولية، rough) ← الاختيار ← الإنجاز ← العرض.

الطباعة (Typographie)

العائلات: بزوائد (serif)، بدون زوائد (sans serif)، يدوية. التراتبية: العنوان، العنوان الفرعي، النص؛ المقروئية، المحاذاة، التباعد بين الأسطر.

الشعار والهوية

شعار نصي (logotype)، رمز تصويري (pictogramme)، تركيب بينهما؛ البساطة، سهولة التذكر، التنويع على دعامات مختلفة.

الملصق

جاذبية بصرية، شعار لفظي، المعلومات الأساسية، التباين والمقروئية عن بعد.

✎أمثلة محلولة

?اختبر نفسك

اضغط على الجواب الصحيح.

1. الخط «sans serif» ليست له…

   أ) زوائدب) حروف كبيرةج) علامات
   الجواب

   أ) زوائد — مثال Arial.

2. الـ rough…

   أ) رسم أولي للبحثب) شعار نهائيج) ورق
   الجواب

   أ) رسم أولي للبحث — مسودة سريعة.

3. يجب أن يكون الملصق الفعال…

   أ) مقروءًا عن بعدب) مليئًا بالنص
   الجواب

   أ) مقروءًا عن بعد — التواصل.