Poster design basics

1. ‫تصمٌم‬ ‫ومعاٌٌر‬ ‫اسس‬
‫االعالنٌه‬ ‫الملصقات‬
Making decisions :: Making meaning
1

2. ‫المقدمة‬

‫تارٌخها‬ ‫و‬ ‫الملصقات‬
‫بأنها‬ ‫عام‬ ‫بشكل‬ ‫الملصمات‬ ‫تعرٌف‬ ‫ٌمكننا‬
‫و‬ ‫معٌن‬ ‫لغرض‬ ‫مصممة‬ ‫مطبوعة‬ ‫ورقة‬ ‫أي‬
‫محتوى‬ ‫عن‬ ‫معلومات‬ ‫القارئ‬ ‫ٌستنبط‬ ‫أن‬ ‫منها‬ ‫الهدف‬ ‫و‬ ،‫الحائط‬ ‫على‬ ‫إلصاقها‬ ‫ٌمكن‬
‫سرٌع‬ ‫بشكل‬ ‫الملصق‬
.
ً‫الفرنس‬ ‫للمؤرخ‬ َ‫ا‬‫تبع‬ ‫و‬
“
‫جالو‬ ‫ماكس‬
”
‫عام‬ ً‫مابت‬ ‫لبل‬ ‫الملصمات‬ ‫فكرة‬ ‫إستخدام‬ ‫تم‬ ‫فمد‬ ،
‫دعم‬ ‫أجل‬ ‫من‬ ‫العالم‬ ‫من‬ ‫مختلفة‬ ‫أماكن‬ ً‫ف‬ ‫إلصالها‬ ‫تم‬ ‫و‬ ،‫الثانٌة‬ ‫العالمٌة‬ ‫الحرب‬ ‫أثناء‬
‫المثال‬ ‫سبٌل‬ ‫على‬ ‫اإلنتخابٌة‬ ‫الحمالت‬ ‫بعض‬
.
،‫ذلن‬ ‫من‬
‫الملصمات‬ ‫فكرة‬ ‫أن‬ ‫لنا‬ ‫ٌتضح‬
،‫ألجلها‬ ‫صمم‬ُ‫ت‬ ً‫الت‬ ‫األهداف‬ ‫تنوعت‬ ‫و‬ ‫إستخدامها‬ ‫تطور‬ ‫الزمن‬ ‫مرور‬ ‫مع‬ ‫و‬ ،ً‫ا‬‫جد‬ ‫لدٌمة‬
،َ‫ا‬‫واحد‬ ً‫الربٌس‬ ‫هدفها‬ ‫ٌبمى‬ ،‫لكن‬ ‫و‬
‫ملفت‬ ‫و‬ ‫جذاب‬ ‫بشكل‬ ‫معٌنة‬ ‫فكرة‬ ‫إٌصال‬
.

‫الملصقات‬ ‫أنواع‬
‫هنالن‬
‫عدٌدة‬ ً‫ا‬‫أغراض‬ ‫تخدم‬ ً‫الت‬ ‫الملصمات‬ ‫من‬ ‫العدٌد‬
“
‫و‬ ‫العلمٌة‬ ‫الملصمات‬ ‫غٌر‬
‫األكادٌمٌة‬
”
‫الملصمات‬ ‫من‬ ‫النوع‬ ‫هذا‬ ‫و‬ ،
‫كالملصمات‬ ‫للتصمٌم‬ ‫معٌنة‬ ‫شروط‬ ‫له‬ ‫ٌوجد‬ ‫ال‬
‫ٌهم‬ ‫ال‬ ‫و‬ ‫األلوان‬ ‫و‬ ‫الصور‬ ‫إستخدام‬ ‫فٌها‬ ‫ٌكثر‬ ‫الملصمات‬ ‫من‬ ‫األنواع‬ ‫فهذة‬ ،‫العلمٌة‬
‫شًء‬ ‫عن‬ ‫اإلعالن‬ ‫و‬ ‫الجمهور‬ ‫أنظار‬ ‫خطف‬ ‫منها‬ ‫الهدف‬ ‫ألن‬ ‫وذلن‬ ،‫أماكنها‬ ‫ترتٌب‬
‫للٌلة‬ ‫تكون‬ ‫فٌها‬ ‫المستخدمة‬ ‫النصوص‬ ‫حتى‬ ،‫معٌن‬
2

3. ‫الدعائٌة‬ ‫و‬ ‫اإلعالنٌة‬ ‫الملصقات‬
3
‫إلى‬ ‫الناس‬ ‫عامة‬ ‫أو‬ ‫الزبابن‬ ‫إنتباه‬ ‫لفت‬ ‫بهدف‬ ،‫مختلفة‬ ‫بأحجام‬ ‫الصور‬ ‫و‬ ‫المستخدمة‬ ‫األلوان‬ ‫الملصمات‬ ‫من‬ ‫النوع‬ ‫هذا‬ ً‫ف‬ ‫ٌكثر‬
‫السفرٌات‬ ‫مكاتب‬ ‫بعض‬ ‫ٌنظمها‬ ً‫الت‬ ‫كتلن‬ ‫للرحالت‬ ‫حتى‬ ‫أو‬ ،‫معٌن‬ ‫منتج‬ ‫أو‬ ،‫عنه‬ ‫لإلعالن‬ ‫معٌن‬ ‫حدث‬
.
‫السٌاسٌة‬ ‫الملصقات‬
‫عن‬ ‫التعبٌر‬ ‫أو‬ ،‫له‬ ‫المصوتٌن‬ ‫من‬ ‫العدٌد‬ ‫جذب‬ ‫و‬ ‫معٌن‬ ‫لمرشح‬ ‫للتسوٌك‬ ‫معٌنة‬ ‫إنتخابٌة‬ ‫حمالت‬ ‫عن‬ ‫اإلعالن‬ ‫منها‬ ‫الهدف‬ ‫ٌكون‬
‫الحروب‬ ‫و‬ ‫كاإلحتالل‬ ‫معٌنة‬ ‫فكرة‬ ‫ضد‬ ‫الغضب‬
.
‫لهذا‬ ‫الدراسات‬ ‫بعض‬ ‫تطرلت‬
‫تأثٌرها‬ ‫مدى‬ ‫لدراسة‬ ،‫الملصمات‬ ‫من‬ ‫النوع‬
(
‫كاألثر‬
‫الناس‬ ‫على‬ ً‫النفس‬
)
‫االعالنٌه‬ ‫الملصقات‬ ‫انواع‬
‫التعلٌمٌة‬ ‫الملصقات‬
‫والتوزان‬ ‫األلوان‬ ‫إستخدام‬ ‫وللة‬ ‫والوضوح‬ ‫البساطة‬ ‫طابع‬ ‫علٌها‬ ‫ٌطغى‬ ‫لذلن‬ ،‫تعلٌمٌة‬ ‫ألغراض‬ ‫الملصمات‬ ‫من‬ ‫النوع‬ ‫هذا‬ ‫تصمٌم‬ ‫ٌتم‬
‫والصور‬ ‫المستخدمة‬ ‫النصوص‬ ‫مابٌن‬
.
‫جٌد‬ ‫بشكل‬ ‫التلخٌص‬ ‫لذلن‬ ،‫مشروع‬ ‫أو‬ ‫معٌنة‬ ‫بحث‬ ‫لفكرة‬ ‫تلخٌص‬ ‫هو‬ َ‫ا‬‫أساس‬ ً‫التعلٌم‬ ‫فالملصك‬
،‫عمله‬ ‫أو‬ ‫بحثه‬ ً‫ف‬ ‫الموة‬ ‫نماط‬ ‫و‬ ‫للجمهور‬ ‫واضح‬ ‫بشكل‬ ‫الفكرة‬ ‫البوستر‬ ‫صاحب‬ ‫أو‬ ‫الباحث‬ ‫أو‬ ‫الطالب‬ ‫ٌظهر‬ ‫حتى‬ ‫مهارة‬ ‫ٌتطلب‬
(
‫و‬
‫لادم‬ ‫ممال‬ ً‫ف‬ ‫ذلن‬ ‫عن‬ ‫التفاصٌل‬ ‫من‬ ‫للمزٌد‬ ‫سنتطرق‬
.)
‫وهما‬ ‫ربٌسٌٌن‬ ‫نوعٌن‬ ‫إلى‬ ‫التعلٌمٌة‬ ‫الملصمات‬ ‫تنمسم‬
:
‫التعلٌمٌة‬ ‫الملصمات‬
(
‫العلمٌة‬ ‫غٌر‬
)
‫األكادٌمٌة‬ ‫أو‬ ‫العلمٌة‬ ‫الملصمات‬ ‫و‬
.

4. 4
‫الملصقات‬
‫التعلٌمٌة‬
Classroom Posters)
)
‫غٌر‬
‫العلمٌة‬
‫الملصمات‬
‫على‬ ‫مبكرة‬ ‫مراحل‬ ‫من‬ ‫الطالب‬ ‫تعوٌد‬ ‫ٌتم‬ ‫برٌطانٌا‬ ً‫ف‬ ً‫ال‬‫فمث‬ ،‫المدارس‬ ً‫ف‬ ‫العادة‬ ً‫ف‬ ‫تستخدم‬ ‫الفصول‬ ‫داخل‬ ‫المستخدمة‬
‫تصمٌمها‬ ‫كٌفٌة‬ ‫و‬ ‫العلمٌة‬ ‫الملصمات‬ ‫فكرة‬
.
،‫التصمٌم‬ ‫و‬ ‫التلخٌص‬ ً‫ف‬ ‫عالٌة‬ ‫مهارة‬ ‫عادة‬ ‫األستاذ‬ ‫ٌطلب‬ ‫ال‬ ،‫الملصمات‬ ‫من‬ ‫النوع‬ ‫هذا‬ ً‫ف‬
‫ذلن‬ ،‫كبٌر‬ ‫بشكل‬ ‫البساطة‬ ‫بل‬
‫بحث‬ ‫على‬ ‫أو‬ ‫المواد‬ ‫إحدى‬ ‫من‬ ‫واحد‬ ‫كدرس‬ ‫معٌن‬ ‫موضوع‬ ‫على‬ ‫تحتوي‬ ‫العادة‬ ً‫ف‬ ‫الملصمات‬ ‫هذه‬ ‫أن‬
‫بعمله‬ ‫الطالب‬ ‫ٌكلف‬ ‫صغٌر‬
.
‫ٌمكن‬ ‫بل‬ ،‫المدارس‬ ‫طالب‬ ‫على‬ َ‫ا‬‫حكر‬ ‫لٌس‬ ‫الملصمات‬ ‫من‬ ‫النوع‬ ‫هذا‬ ‫إن‬ ‫بل‬ ،‫فمط‬ ‫هذا‬ ‫لٌس‬
‫كذلن‬ ‫إستخدامه‬
‫الجامعات‬ ً‫ف‬
.
‫فكرة‬ ‫ٌلخصوا‬ ‫حتى‬ ‫ذلن‬ ‫و‬ ،‫األولى‬ ‫أو‬ ‫التأهٌلٌة‬ ‫السنة‬ ‫طالب‬ ‫من‬ ‫ُطلب‬ٌ ‫لد‬ ‫الملصمات‬ ‫من‬ ‫النوع‬ ‫هذا‬ ‫المثال‬ ‫سبٌل‬ ‫على‬
ً‫الدراس‬ ‫الفصل‬ ‫داخل‬ ‫العادة‬ ً‫ف‬ ‫شرحه‬ ‫و‬ ‫عرضه‬ ‫ٌتم‬ ‫و‬ ،‫مختصر‬ ‫بشكل‬ ‫و‬ ‫معٌنة‬ ‫بمادة‬ ‫ٌختص‬ ‫مشروع‬
‫لٌس‬ ‫فهو‬ ،‫محددة‬ ‫لمجموعة‬ ‫أو‬
ً‫ا‬‫عام‬
.
‫األكادٌمٌة‬ ‫العلمٌة‬ ‫المصلقات‬
Research Posters)
)
‫و‬ ،‫الملتمٌات‬ ،‫الجامعات‬ ً‫ف‬ ‫األكادٌمٌٌن‬ ‫و‬ ‫الباحثٌن‬ ‫لبل‬ ‫من‬ ‫بكثرة‬ ً‫األكادٌم‬ ‫أو‬ ً‫العلم‬ ‫الملصك‬ ‫ٌستخدم‬
‫المؤتمرات‬
‫أجل‬ ‫من‬
ً‫علم‬ ‫بشكل‬ ‫مشارٌعهم‬ ‫و‬ ‫أبحاثهم‬ ‫أفكار‬ ‫عرض‬
‫و‬ ‫الباحث‬ ‫بٌن‬ ‫األسبلة‬ ‫و‬ ‫النماش‬ ‫مجال‬ ‫فتح‬ ‫و‬ ‫بٌنهم‬ ‫فٌما‬ ‫الخبرات‬ ‫تبادل‬ ‫و‬
‫الجمهور‬
.
ً‫أكادٌم‬ ‫أو‬ ً‫علم‬ ‫ملصك‬ ‫على‬ ‫مثال‬ ‫هذا‬

5. ‫فهم‬ ‫عند‬
‫ملصك‬ ‫تصمٌم‬ ‫كٌفٌة‬
‫رؤٌة‬ ‫ٌجب‬ ‫أنه‬ ً‫ٌعن‬ ‫مما‬ ‫لألهمٌة‬ ً‫هرم‬ ‫تسلسل‬ ‫ٌوجد‬ ،
ً‫ال‬‫أو‬ ‫أهمٌة‬ ‫األكثر‬ ‫العناصر‬
.
‫كنت‬ ‫إذا‬ ‫ما‬ ‫لمعرفة‬ ‫حٌوٌة‬ ‫مهارة‬ ً‫الهرم‬ ‫التسلسل‬ ‫تطبٌك‬ ‫ٌعد‬
‫واأللوان‬ ‫واألٌمونات‬ ‫األشكال‬ ‫باستخدام‬ ‫ستعمل‬ ‫ألنن‬ ‫بوضوح‬ ‫رسالتن‬ ‫توصٌل‬ ً‫ف‬ ‫ترغب‬
‫والخط‬ ‫والصور‬
.
‫أحسن‬ ً‫ف‬ ‫مختلطة‬ ‫ستكون‬ ‫رسالتن‬ ‫أن‬ ً‫ٌعن‬ ‫صحٌح‬ ‫بشكل‬ ً‫الهرم‬ ‫التسلسل‬ ‫إنشاء‬ ً‫ف‬ ‫الفشل‬
‫األحوال‬ ‫أسوأ‬ ً‫ف‬ ‫كاملة‬ ‫وفوضى‬ ‫األحوال‬
( .
‫فهموا‬ ‫الذٌن‬ ‫لألشخاص‬ ‫أمثلة‬ ‫على‬ ‫للحصول‬
‫ألفضل‬ ‫اختٌارنا‬ ‫راجع‬ ، ‫صحٌح‬ ‫بشكل‬ ‫األمر‬
‫موجود‬ ‫ملصك‬ ‫تصمٌم‬
).
‫بسرعة‬ ‫الرسالة‬ ‫توصٌل‬ ‫إلى‬ ‫ٌحتاج‬ ‫عملن‬ ‫أن‬ ‫إلى‬ ‫اإلشارة‬ ‫تجدر‬ ، ‫الملصمات‬ ‫تصمٌم‬ ‫عند‬
‫المعلومات‬ ‫معالجة‬ ‫من‬ ‫المشاهدون‬ ‫ٌتمكن‬ ً‫لك‬ ٍ‫ثوان‬ ‫بضع‬ ‫سوى‬ ‫توجد‬ ‫ال‬ ‫حٌث‬
.
ً‫نلم‬ ، ‫هنا‬
‫وضع‬ ‫مكان‬ ‫فهم‬ ‫على‬ ‫تساعدن‬ ‫أن‬ ‫ٌجب‬ ً‫والت‬ ‫للملصك‬ ً‫الهرم‬ ‫التسلسل‬ ‫لواعد‬ ‫على‬ ‫نظرة‬
‫أهمٌتها‬ ‫وسبب‬ ‫معٌنة‬ ‫عناصر‬
.
5
‫الملصق‬ ‫تصمٌم‬ ً‫ف‬ ‫البصري‬ ً‫الهرم‬ ‫للتسلسل‬ ‫قواعد‬

6. 6
‫العٌن‬ ‫توجٌه‬ ‫صغٌر‬ ‫إلى‬ ‫كبٌر‬ ‫نوع‬ ‫واألشكال‬ ‫األٌقونات‬ ‫حجم‬
‫الملصق‬ ‫تصمٌم‬ ً‫ف‬ ‫البصري‬ ً‫الهرم‬ ‫للتسلسل‬ ‫قواعد‬
ً‫الهرم‬ ‫التدفق‬ ‫قوانٌن‬
‫الخاتمه‬

7. ‫واألشكال‬ ‫األٌقونات‬ ‫حجم‬
‫الصفحة‬ ‫على‬ ‫صلة‬ ‫األكثر‬ ‫الرموز‬ ‫تبرز‬ ‫أن‬ ‫ٌجب‬
‫أن‬ ‫من‬ ‫التأكد‬ ‫للملصك‬ ً‫الهرم‬ ‫التسلسل‬ ‫لواعد‬ ‫أكبر‬ ‫إحدى‬ ‫تتضمن‬
‫أهمٌتها‬ ‫ٌعكس‬ ‫واألشكال‬ ‫الرموز‬ ‫حجم‬
.
‫أن‬ ‫ٌجب‬ ، ‫آخر‬ ‫بمعنى‬
‫الصفحة‬ ‫على‬ ‫صلة‬ ‫األكثر‬ ‫الرموز‬ ‫تبرز‬
.
‫الناس‬ ‫معظم‬ ‫أن‬ ‫تذكر‬
‫ضخم‬ ‫سهم‬ ‫لدٌن‬ ‫كان‬ ‫إذا‬ ‫؛‬ ‫بعد‬ ‫عن‬ ‫الملصمات‬ ‫سوى‬ ‫ٌرون‬ ‫ال‬
‫معرفة‬ ً‫ف‬ ‫المشاهدون‬ ‫سٌرغب‬ ، ‫المثال‬ ‫سبٌل‬ ‫على‬ ‫ملصك‬ ‫على‬
‫فاحصة‬ ‫نظرة‬ ‫إلماء‬ ‫إلى‬ ‫الفضول‬ ‫هذا‬ ‫ٌدفعهم‬ ‫ولد‬ ‫السبب‬
.
‫األلوان‬ ‫استخدام‬ ‫خالل‬ ‫من‬ ً‫ه‬ ‫العٌن‬ ‫لجذب‬ ‫أخرى‬ ‫طرٌمة‬
.
‫ٌمتصر‬ ‫ال‬
ً‫ف‬ ‫ا‬ً‫ض‬ٌ‫أ‬ ‫ٌساعد‬ ‫بل‬ ، ‫فحسب‬ ‫المشاعر‬ ‫إثارة‬ ‫على‬ ‫اللون‬ ‫دور‬
‫صلة‬ ‫ذي‬ ‫غٌر‬ ‫هو‬ ‫وما‬ ‫مهم‬ ‫هو‬ ‫ما‬ ‫بٌن‬ ‫التمٌٌز‬
.
‫تصمٌم‬ ‫مع‬
ً‫ف‬ ‫والجرٌبة‬ ‫الزاهٌة‬ ‫األلوان‬ ‫استخدام‬ ‫األفضل‬ ‫من‬ ، ‫الملصك‬
ً‫وبالتال‬ ‫نحوها‬ ‫العٌن‬ ‫جذب‬ ‫إلى‬ ‫ذلن‬ ‫سٌؤدي‬ ‫حٌث‬ ‫مهمة‬ ‫مٌزة‬
‫التصمٌم‬ ً‫ف‬ ‫محوري‬ ‫عنصر‬ ‫أنها‬ ‫ضمان‬
.
7

8. ‫صغٌر‬ ‫إلى‬ ‫كبٌر‬ ‫نوع‬
‫ستجذب‬ ‫زاهٌة‬ ‫وألوان‬ ‫كبٌرة‬ ‫رموز‬ ‫إضافة‬ ‫أن‬ ‫من‬ ‫الرغم‬ ‫على‬
‫مهم‬ ‫الملصك‬ ‫وراء‬ ‫الكامن‬ ‫المنطك‬ ‫أن‬ ‫إال‬ ، ‫شن‬ ‫بال‬ ‫االنتباه‬
‫ا‬ً‫ض‬ٌ‫أ‬
.
‫ا‬ً‫ن‬‫ألوا‬ ‫ا‬ً‫تمٌز‬ ‫األكثر‬ ‫الملصمات‬ ‫تصمٌمات‬ ‫بعض‬ ‫تضمنت‬
‫التأكد‬ ‫من‬ ‫تمكن‬ ‫المصمم‬ ‫ألن‬ ‫ناجحٌن‬ ‫كانوا‬ ‫لمد‬ ‫؛‬ ‫وأسود‬ ‫أبٌض‬
‫الملصك‬ ً‫بال‬ ‫مع‬ ً‫نسب‬ ‫تباٌن‬ ‫لها‬ ‫أهمٌة‬ ‫األكثر‬ ‫العناصر‬ ‫أن‬ ‫من‬
.
ً‫الفرع‬ ‫والعنوان‬ ‫العنوان‬ ‫طلب‬ ً‫ف‬ ‫بذلن‬ ‫المٌام‬ ‫طرق‬ ‫إحدى‬ ‫تتمثل‬
‫الحجم‬ ‫حسب‬ ‫الملصك‬ ‫على‬ ‫األساسٌة‬ ‫والنسخة‬
.
‫العنوان‬ ‫سٌكون‬
‫على‬ ‫ا‬ً‫ن‬‫مهٌم‬ ‫ٌبدو‬ ‫أن‬ ‫ٌجب‬ ‫لذا‬ ، ‫األشخاص‬ ‫ٌراه‬ ‫ما‬ ‫أول‬ ‫هو‬ ‫ا‬ً‫م‬‫داب‬
‫ملحوظ‬ ‫بخط‬ ‫ًا‬‫ب‬‫مكتو‬ ‫ٌكون‬ ‫وأن‬ ‫الصفحة‬
.
‫أن‬ ‫من‬ ‫الرغم‬ ‫على‬
‫دعم‬ ‫إلى‬ ‫ٌحتاج‬ ‫أنه‬ ‫إال‬ ، ‫أصغر‬ ‫ٌكون‬ ‫أن‬ ‫ٌجب‬ ً‫الفرع‬ ‫العنوان‬
‫العنوان‬
.
‫أصغر‬ ‫األساسٌة‬ ‫النسخة‬ ‫تكون‬ ‫أن‬ ‫إلى‬ ‫تحتاج‬ ، ‫ا‬ً‫أخٌر‬
‫المراءة‬ ‫وسهلة‬ ‫ا‬ً‫م‬‫حج‬
.
8

9. ‫العٌن‬ ‫توجٌه‬
‫من‬ ‫سٌكون‬ ، ‫ممٌز‬ ‫رمز‬ ‫أو‬ ‫نص‬ ‫إنشاء‬ ‫مشكلة‬ ً‫ف‬ ‫الخوض‬ ‫بعد‬
‫الملصك‬ ‫لبمٌة‬ ‫ألل‬ ‫اهتمام‬ ‫إٌالء‬ ‫خالل‬ ‫من‬ ‫مٌزتن‬ ‫تضٌع‬ ‫أن‬ ‫العار‬
.
، ‫الصفحة‬ ‫على‬ ً‫الربٌس‬ ‫الرمز‬ ‫إلى‬ ‫العٌن‬ ‫تنجذب‬ ‫أن‬ ‫بمجرد‬
‫للرمز‬ ‫المجاورة‬ ‫المنطمة‬ ‫إلى‬ ً‫طبٌع‬ ‫بشكل‬ ‫انتباهها‬ ‫ستوجه‬ ‫فإنها‬
.
‫ما‬ ‫شًء‬ ‫إلى‬ ‫ٌشٌر‬ ‫عمالق‬ ‫سهم‬ ‫لدٌن‬ ‫كان‬ ‫إذا‬ ، ‫المثال‬ ‫سبٌل‬ ‫على‬
‫تلن‬ ‫إلى‬ ‫سٌنظرون‬ ‫المشاهدٌن‬ ‫أن‬ ‫الواضح‬ ‫فمن‬ ، ‫الملصك‬ ‫على‬
‫ذلن‬ ‫بعد‬ ‫المساحة‬
.
‫الملصك‬ ‫تصمٌم‬ ً‫ف‬ ‫المشكلة‬ ‫هذه‬ ‫مع‬ ‫التعامل‬ ‫طرق‬ ‫إحدى‬ ‫تتمثل‬
‫للكتاب‬ ‫مشابهة‬ ‫بطرٌمة‬ ‫ُمرأ‬ٌ‫ل‬ ‫بن‬ ‫الخاص‬
.
‫العٌن‬ ‫تكون‬ ‫تكاد‬
‫البشرٌة‬
"
‫مشروطة‬
"
‫لم‬ ‫ثم‬ ، ‫الصفحة‬ ‫ٌسار‬ ‫أعلى‬ ‫من‬ ‫لتبدأ‬
‫هذا‬ ‫اتباع‬ ‫لبل‬ ‫األٌسر‬ ‫الجانب‬ ‫إلى‬ ‫العودة‬ ‫ثم‬ ، ‫الٌمٌن‬ ‫إلى‬ ‫بالتمرٌر‬
‫الصفحة‬ ‫أسفل‬ ‫إلى‬ ‫النمط‬
.
‫من‬ ، ‫االعتبار‬ ً‫ف‬ ‫ذلن‬ ‫وضع‬ ‫مع‬
‫العلوي‬ ‫الجزء‬ ً‫ف‬ ‫االنتباه‬ ‫جذب‬ ‫عنصر‬ ‫لدٌن‬ ‫ٌكون‬ ‫أن‬ ‫الشابع‬
‫حدث‬ ‫أو‬ ‫بمنتج‬ ‫المتعلمة‬ ‫المعلومات‬ ‫وضع‬ ‫مع‬ ‫الصفحة‬ ‫من‬ ‫األٌسر‬
‫األٌمن‬ ً‫السفل‬ ‫الجزء‬ ً‫ف‬
.
.
9

10. ً‫الهرم‬ ‫التدفق‬ ‫قوانٌن‬
‫نهج‬ ‫باتباع‬ ‫النجاح‬ ‫تجد‬ ‫لد‬ ‫أنن‬ ‫من‬ ‫الرغم‬ ‫على‬
"
‫الكتاب‬
"
‫موضح‬ ‫هو‬ ‫كما‬
‫بطرٌمة‬ ‫األشٌاء‬ ‫تتناول‬ ‫تنسى‬ ‫ال‬ ً‫الت‬ ‫الملصمات‬ ‫من‬ ‫العدٌد‬ ‫فإن‬ ، ‫أعاله‬
‫ا‬ً‫م‬‫تما‬ ‫مختلفة‬
.
‫النمطة‬ ‫من‬ ‫المشاهدٌن‬ ‫نمل‬ ‫هو‬ ‫الهدف‬ ‫أن‬ ‫من‬ ‫الرغم‬ ‫على‬
"
‫أ‬
"
‫النمطة‬ ‫إلى‬
"
‫ب‬
"
‫بذلن‬ ‫للمٌام‬ ‫ًا‬‫ب‬ٌ‫تمر‬ ‫لها‬ ‫حصر‬ ‫ال‬ ‫ا‬ً‫ل‬‫طر‬ ‫هنان‬ ‫أن‬ ‫إال‬ ،
.
‫ربما‬
‫اصطحاب‬ ً‫ف‬ ‫ترغب‬ ‫أو‬ ‫وسرٌعة‬ ‫لطٌفة‬ ‫بطرٌمة‬ ‫الرسالة‬ ‫إٌصال‬ ً‫ف‬ ‫ترغب‬
‫النماط‬ ‫عبر‬ ‫رحلة‬ ً‫ف‬ ‫المشاهدٌن‬
C
‫و‬
G
‫و‬
X
‫و‬
Z
ً‫ال‬‫أو‬
.
‫ومع‬
‫رموز‬ ‫كانت‬ ‫إذا‬ ‫ما‬ ‫لتحدٌد‬ ‫التالٌة‬ ‫األسبلة‬ ‫نفسن‬ ‫تسأل‬ ‫أن‬ ‫ٌمكنن‬ ، ‫ذلن‬
‫الذي‬ ‫المكان‬ ‫إلى‬ ‫النهاٌة‬ ً‫ف‬ ‫المشاهدٌن‬ ‫ٌمود‬ ‫ًا‬ٌ‫منطم‬ ‫ا‬ً‫م‬‫تمد‬ ‫تتبع‬ ‫االنتباه‬ ‫جذب‬
‫إلٌه؟‬ ‫ٌذهبوا‬ ‫أن‬ ‫ترٌدهم‬
•
‫االنتباه؟‬ ‫جذب‬ ‫لعنصر‬ ً‫اتجاه‬ ‫اتجاه‬ ‫هنان‬ ‫هل‬
•
‫الملصك؟‬ ‫سٌاق‬ ً‫ف‬ ‫ٌعمل‬ ‫هل‬
•
‫الممدمة؟‬ ً‫ف‬ ‫أم‬ ‫الخلفٌة‬ ً‫ف‬ ‫موجود‬ ‫هو‬ ‫هل‬
•
‫التركٌز؟‬ ً‫ف‬ ‫واضح‬ ‫هو‬ ‫هل‬
•
ً‫الت‬ ‫الطالة‬ ‫نوع‬ ‫ما‬
‫تمتلكها؟‬
10

11. ‫خاتمة‬
‫أن‬ ‫افتراض‬ ‫الخطأ‬ ‫من‬
"
‫لواعد‬
"
‫و‬
"
‫لوانٌن‬
"
‫تعٌمن‬ ‫التصمٌم‬
.
‫لن‬ ‫بالنسبة‬ ‫الممكن‬ ‫من‬ ، ً‫مرب‬ ً‫هرم‬ ‫تسلسل‬ ‫وجود‬ ‫مع‬
‫الخاص‬ ‫الملصك‬ ‫تصمٌم‬ ً‫ف‬ ‫الترتٌب‬ ‫مظاهر‬ ‫بعض‬ ‫إنشاء‬
‫أول‬ ً‫ه‬ ‫أهمٌة‬ ‫األكثر‬ ‫العناصر‬ ‫أن‬ ‫من‬ ‫التأكد‬ ‫خالل‬ ‫من‬ ‫بن‬
‫رؤٌته‬ ‫ٌتم‬ ‫ما‬
.
‫جانبن‬ ‫تدع‬ ‫أن‬ ‫ا‬ً‫م‬‫ح‬ ‫ٌمكنن‬ ، ‫المشاهد‬ ‫عٌن‬ ‫انتباه‬ ‫تجذب‬ ‫أن‬ ‫بمجرد‬
‫ٌندمج‬ ً‫اإلبداع‬
.
‫النمطة‬ ‫من‬ ‫ًا‬ٌ‫منطم‬ ‫ا‬ً‫م‬‫تمد‬ ‫هنان‬ ‫أن‬ ‫طالما‬ A
( ‫االنتباه‬ ‫جذب‬ ‫عنصر‬
)
‫النمطة‬ ‫إلى‬ B ( ً‫ه‬ ‫األخٌرة‬ ‫الرسالة‬
‫الملصك‬ ‫نمطة‬
)
‫المسار‬ ‫على‬ ‫ترٌده‬ ‫ما‬ ‫تصمٌم‬ ‫ٌمكنن‬ ،
‫هنان‬
.
11

12. Table of Contents ‫جدول‬
‫المحتوٌات‬
●
‫التصمٌم‬ ‫أساسٌات‬
ً‫المرب‬
●
‫التصمٌم‬ ‫عناصر‬
●
‫التصمٌم‬ ‫مبادئ‬
●
‫الكلمات‬ ‫استخدام‬
:
‫الخطوط‬
/
‫النص‬
●
‫اعرف‬
‫جمهورن‬
12

13. ً‫المرئ‬ ‫التصمٌم‬ ‫أساسٌات‬
:
‫عناصر‬
‫التصمٌم‬
Visual Design Basics: The Elements of Design
●
‫الخط‬
●
‫اللون‬
●
‫الحجم‬
●
‫الملمس‬
●
‫الفراغ‬
●
‫الشكل‬
●
‫لٌمه‬
13

14. ً‫المرئ‬ ‫التصمٌم‬ ‫أساسٌات‬
:
‫التصمٌم‬ ‫مبادئ‬
Visual Design Basics: The Principles of Design
●
‫انسجام‬
●
‫تدرج‬
●
‫هٌمنة‬
●
‫تكرار‬
●
‫وحدة‬
●
‫التباٌن‬
14

15. 15
Balance: (Contrast + Proximity)
‫التوازن‬
( :
‫التباٌن‬
+
‫القرب‬
)
‫ٌمكنك‬
‫على‬ ‫صفحتك‬ ً‫ف‬ ‫التفكٌر‬ ‫خالل‬ ‫من‬ ‫التوازن‬ ‫لتحقٌق‬ ‫الصفحة‬ ‫على‬ ‫الموجودة‬ ‫الصور‬ ‫معالجة‬
‫معادلة‬ ‫أنها‬
:
‫من‬ ‫البعٌد‬ ‫الجانب‬ ً‫ف‬ ‫صغٌر‬ ‫بشكل‬ ‫المركز‬ ‫من‬ ‫المرٌب‬ ‫الكبٌر‬ ‫الشكل‬ ‫موازنة‬ ‫ٌمكن‬
‫الصفحة‬
.
‫سٌتم‬
‫اللون‬ ‫داكن‬ ‫صغٌر‬ ‫بشكل‬ ‫الكبٌر‬ ‫الفاتح‬ ‫اللون‬ ‫ذو‬ ‫الشكل‬ ‫موازنة‬
.
●
‫كلما‬
‫أثمل‬ ‫الشكل‬ ‫كان‬ ، ‫أغمك‬ ‫الشكل‬ ‫كان‬

16. 16
Thesis Defense
)Gradation ‫التدرج‬
(
●
‫اتجاه‬ ‫واالتجاه‬ ‫الحجم‬ ً‫ف‬ ‫التدرج‬ ‫عن‬ ‫ٌنتج‬
/
ً‫خط‬ ‫منظور‬
.
●
‫ا‬ً‫منظور‬ ‫الضوء‬ ‫إلى‬ ‫الظالم‬ ‫من‬ ‫اللونٌة‬ ‫الدرجة‬ ‫ومن‬ ‫بارد‬ ‫إلى‬ ‫دافا‬ ‫من‬ ‫اللون‬ ‫تدرج‬ ‫عن‬ ‫ٌنتج‬
‫ًا‬ٌ‫جو‬
*(
‫اللونٌة‬ ‫الدرجة‬ ‫أو‬ ‫اللون‬ ‫باستخدام‬ ‫العمك‬ ‫أو‬ ‫المسافة‬ ‫إظهار‬
-
‫أفتح‬ ‫األبعد‬ ‫الشًء‬ ‫سٌبدو‬
)
..
●
‫ٌمكن‬
‫الشكل‬ ‫إلى‬ ‫وحركة‬ ‫ا‬ً‫م‬‫اهتما‬ ‫التدرج‬ ‫ٌضٌف‬ ‫أن‬
.
●
‫التغٌٌر‬ ‫اتجاه‬ ‫متابعة‬ ‫على‬ ‫العٌنٌن‬ ‫التدرج‬ ‫ٌجبر‬
.

17. ‫التكرار‬
(
Repetition
)
17
‫المربعات‬ ‫فإن‬ ، ‫التباٌن‬ ‫تمدٌم‬ ‫ٌتم‬ ‫عندما‬
‫تكون‬ ، ‫تشابهها‬ ‫من‬ ‫الرغم‬ ‫على‬ ، ‫الخمسة‬
‫لم‬ ‫لكن‬ ، ‫إلٌها‬ ‫للنظر‬ ‫لالهتمام‬ ‫إثارة‬ ‫أكثر‬
‫واحدة‬ ‫مرة‬ ‫كلها‬ ‫استٌعابها‬ ‫الممكن‬ ‫من‬ ‫ٌعد‬
.
‫متشابهة‬ ‫كلها‬ ‫أعاله‬ ‫الخمسة‬ ‫المربعات‬
.
‫واحدة‬ ‫مرة‬ ‫ا‬ً‫ع‬ٌ‫جم‬ ‫وفهمهم‬ ‫استٌعابهم‬ ‫ٌمكن‬
‫ٌجب‬ ، ‫اهتمام‬ ‫إنشاء‬ ً‫ف‬ ‫ترغب‬ ‫كنت‬ ‫إذا‬
‫من‬ ‫درجة‬ ‫متكرر‬ ‫عنصر‬ ‫أي‬ ‫ٌتضمن‬ ‫أن‬
‫جذري‬ ‫تغٌٌر‬ ‫من‬ ً‫ال‬‫بد‬ ‫التباٌن‬
.
‫ا‬ً‫مثٌر‬ ‫ا‬ً‫أمر‬ ‫التباٌن‬ ‫مع‬ ‫التكرار‬ ‫ٌعد‬
‫أن‬ ‫ٌمكن‬ ‫التكرار‬ ‫بدون‬ ‫ولكن‬ ، ‫لالهتمام‬
‫ًا‬‫ب‬ٌ‫رت‬ ‫التكرار‬ ‫ٌصبح‬
:

18. 18
‫التباٌن‬
(
Contrast
)
‫المتعارضة‬ ‫العناصر‬ ‫تجاور‬ ‫هو‬ ‫التباٌن‬
(
‫اللون‬
:
‫أحمر‬
/
‫االتجاه‬ ‫؛‬ ‫أخضر‬
:
ً‫أفم‬
/
‫المٌمة‬ ‫أو‬ ‫اللون‬ ‫درجة‬ ‫؛‬ ً‫رأس‬
:
‫فاتح‬
/
‫داكن‬
.)
ً‫ف‬ ‫المنتشر‬ ‫الشدٌد‬ ‫التباٌن‬ ‫ٌؤدي‬ ‫أن‬ ‫ٌمكن‬
‫الصعب‬ ‫من‬ ‫وٌجعل‬ ‫الوحدة‬ ‫تدمٌر‬ ‫إلى‬ ‫الصورة‬ ‫أنحاء‬ ‫جمٌع‬
‫الملصك‬ ‫رؤٌة‬
.

19. 19
‫التناغم‬
(
Harmony
)
‫الصلة‬ ‫وذات‬ ‫المتشابهة‬ ‫العناصر‬ ‫بٌن‬ ‫للجمع‬ ً‫المرب‬ ‫التأثٌر‬ ‫هو‬ ‫الملصك‬ ً‫ف‬ ‫التناغم‬
(
‫ذلن‬ ‫إلى‬ ‫وما‬ ، ‫المتشابهة‬ ‫واألشكال‬ ، ‫األلوان‬ ‫عجلة‬ ‫على‬ ‫المتجاورة‬ ‫األلوان‬
)
.

20. 20
‫الهٌمنه‬
(
Dominance
)
‫االرتبان‬ ‫ٌبطل‬ ‫مما‬ ، ‫ا‬ً‫م‬‫اهتما‬ ‫الملصك‬ ‫الهٌمنة‬ ً‫تعط‬
‫والرتابة‬
.
‫أو‬ ‫واحد‬ ‫عنصر‬ ‫على‬ ‫الهٌمنة‬ ‫تطبٌك‬ ‫ٌمكن‬
‫للتأكٌد‬ ‫أكثر‬
:

21. 21
‫الوحدة‬
(
Unity
)
ً‫ف‬ ‫عنها‬ ‫التعبٌر‬ ‫ٌتم‬ ً‫الت‬ ‫بالفكرة‬ ‫التصمٌم‬ ‫عناصر‬ ‫ربط‬ ‫إن‬
‫عدوانٌة‬ ‫رسالة‬ ‫إٌصال‬ ‫محاولة‬ ‫عند‬ ‫الوحدة‬ ‫مبدأ‬ ‫ٌعزز‬ ‫ملصك‬
، ‫والملمس‬ ، ‫المهٌمن‬ ‫الفوضوي‬ ‫االتجاه‬ ‫مع‬ ‫ذلن‬ ‫بمطابمة‬ ‫لم‬ ،
‫ذلن‬ ‫إلى‬ ‫وما‬ ، ‫والمسار‬
-
‫موضوع‬ ‫توصٌل‬ ‫محاولة‬ ‫عند‬
‫ألل‬ ‫ا‬ً‫ن‬ٌ‫وتبا‬ ‫ناعمة‬ ‫وأنسجة‬ ‫أفمٌة‬ ‫ا‬ً‫ط‬‫خطو‬ ‫استخدم‬ ، ً‫سلب‬
‫لونٌة‬
.

22. 22
‫النص‬
(
Working with Text
)
‫على‬ ‫كلماتن‬ ً‫ف‬ ‫التفكٌر‬ ‫المهم‬ ‫من‬ ، ‫ملصك‬ ‫إنشاء‬ ‫عند‬
‫ا‬ً‫ض‬ٌ‫أ‬ ‫صور‬ ‫أنها‬
.
‫هذا‬ ً‫ف‬ ‫تفكر‬ ‫ال‬ ‫لد‬ ‫أنن‬ ‫من‬ ‫الرغم‬ ‫على‬
، ‫عنها‬ ‫مربٌة‬ ‫اتصال‬ ‫بجودة‬ ‫تتمتع‬ ‫الكلمات‬ ‫أن‬ ‫إال‬ ، ‫ا‬ً‫كثٌر‬
، ‫ًا‬ٌ‫بصر‬ ‫كلماتن‬ ‫تواصل‬ ‫بكٌفٌة‬ ‫دراٌة‬ ‫على‬ ‫كنت‬ ‫وإذا‬
‫أفضل‬ ‫ملصك‬ ‫تجعل‬ ‫أن‬ ‫فٌمكنن‬
.

23. 23
‫االلوان‬ ‫تباٌن‬
(
(Color Contrast
‫انتباهن‬ ‫ٌلفت‬ ‫التباٌن‬
.
‫المهم‬ ‫من‬ ، ‫الملصك‬ ‫تصمٌم‬ ‫عند‬
‫كان‬ ‫إذا‬ ‫وما‬ ، ‫بن‬ ‫الخاص‬ ‫النص‬ ‫جاذبٌة‬ ‫مدى‬ ً‫ف‬ ‫التفكٌر‬
‫ترسلها‬ ً‫الت‬ ‫الرسالة‬ ‫ٌطابك‬ ‫ذلن‬
.
‫أن‬ ‫المفترض‬ ‫من‬ ‫هل‬
‫التباٌن‬ ‫ٌجعل‬ ‫هل‬ ‫للنظر؟‬ ‫ا‬ً‫ت‬‫ملف‬ ‫الشكل‬ ‫بهذا‬ ‫النص‬ ‫ٌكون‬
‫لراءته؟‬ ‫ٌصعب‬ ‫أم‬ ‫المراءة‬ ً‫ف‬ ‫أسهل‬ ‫النص‬

24. 24
‫الخط‬ ‫حجم‬
( Font Size)
‫التباٌن‬ ‫الخط‬ ‫حجم‬ ‫ٌشبه‬
:
‫ممارنة‬ ‫الخط‬ ‫حجم‬ ‫زاد‬ ‫فكلما‬
‫الكبٌر‬ ‫النص‬ ‫أهمٌة‬ ‫زادت‬ ، ‫النص‬ ‫ببمٌة‬
.
‫فكر‬
‫أن‬ ‫ٌجب‬ ‫هل‬ ، ‫بن‬ ‫الخاص‬ ‫النص‬ ‫أهمٌة‬ ‫مدى‬ ً‫ف‬
‫اآلخر؟‬ ‫النص‬ ‫من‬ ‫أصغر‬ ‫أم‬ ‫أكبر‬ ‫ٌكون‬
‫ٌجب‬
‫بالرسالة‬ ‫للنص‬ ً‫الهرم‬ ‫التسلسل‬ ‫ٌرتبط‬ ‫أن‬

25. 25
‫البٌضاء‬ ‫المسافه‬
(White Space )
‫النص‬ ‫أو‬ ‫الصور‬ ‫بٌن‬ ‫الفارغة‬ ‫المسافة‬ ً‫ه‬ ‫البٌضاء‬ ‫المسافة‬
‫بن‬ ‫الخاص‬ ‫الملصك‬ ً‫ف‬ ‫األخرى‬ ‫األشكال‬ ‫أو‬
.
‫تساعد‬
‫المعلومات‬ ‫فصل‬ ‫على‬ ‫المراء‬ ‫البٌضاء‬ ‫المساحة‬
.
‫لاعدة‬
‫لطٌفة‬
:
‫بنسبة‬ ‫بٌضاء‬ ‫مساحة‬ ‫لدٌن‬ ‫ٌكون‬ ‫أن‬ ‫حاول‬
40
٪
.
‫مساحة‬ ‫ٌستخدم‬ ‫ملصك‬ ‫عن‬ ‫عبارة‬ ‫الٌسار‬ ‫على‬ ‫الصورة‬
‫بنسبة‬ ‫بٌضاء‬
40
٪
.

26. 26
Serif vs Sans-Serif
‫أحد‬ ‫أن‬ ‫إلى‬ ‫ٌشٌر‬ ً‫حمٌم‬ ‫دلٌل‬ ‫وجود‬ ‫عدم‬ ‫من‬ ‫الرغم‬ ‫على‬
‫اآلخر‬ ‫من‬ ‫المراءة‬ ً‫ف‬ ‫أسهل‬ ‫الخطوط‬ ‫أنواع‬
…
.
‫لد‬
‫من‬ ‫استخدامه‬ ‫ٌجب‬ ‫الذي‬ ‫النوع‬ ‫اختٌار‬ ‫المهم‬ ‫من‬ ‫ٌكون‬
‫أجل‬
:
‫نص‬
‫بالجملة‬
‫رؤوس‬
‫اسأل‬
‫أفضل‬ ‫بشكل‬ ‫لراءته‬ ‫ٌمكنهم‬ ‫عما‬ ‫ا‬ً‫ض‬ٌ‫أ‬ ‫أصدلاءن‬

27. 27
THANKS