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

1. ‫تيبوجرافي‬Typography
ٍ‫انًت‬ ‫تظًيى‬-2
‫عطية‬ ‫احمد‬ ‫دكتور‬
‫المحاضرة‬‫الثالثة‬
‫االولي‬ ‫السنة‬–‫وتغليف‬ ‫ونشر‬ ‫طباعة‬
2016-2017
‫التطبيقية‬ ‫للفنون‬ ‫العالي‬ ‫المعهد‬–‫الخامس‬ ‫التجمع‬

2. ‫انخطوط‬ ‫استخذاياث‬
•‫والفرعية‬ ‫الرئيسية‬ ‫العناوين‬ ‫في‬ ‫تستخدم‬.
•‫النصوص‬ ‫وتحرير‬ ‫كتابة‬ ‫تستخدم‬.
•‫الخطوط‬ ‫بواسطة‬ ‫التصميم‬ ‫يتم‬ ‫حيث‬ ‫التصميم‬ ‫في‬ ‫تستخدم‬.
•‫والبوسترات‬ ‫اللوجوهات‬ ‫في‬ ‫ابتكاري‬ ‫كتصميم‬ ‫استخدامه‬ ‫يتم‬.
•‫علي‬ ‫تقديمها‬ ‫ويتم‬ ‫القراءة‬ ‫سهولة‬ ‫يراعي‬ ‫االستخدامات‬ ‫كل‬ ‫في‬
‫التصميم‬ ‫في‬ ‫الجمالية‬ ‫الناحية‬.

3. ‫االَقرائيت‬

4. ‫واالتظال‬ ‫انتظًيى‬ ‫في‬ ‫انخط‬ ‫استخذاو‬

5. ‫ابذاػيت‬ ‫بطريقت‬ ‫انخط‬ ‫استخذاو‬

6. ‫انتظًيى‬ ‫في‬ ‫انخط‬ ‫استخذاو‬ ‫ػُذ‬ ‫خاطت‬ ‫اػتباراث‬
•‫قرائته‬ ‫سهولة‬ ‫يتم‬ ‫بحيث‬ ‫استخدامه‬ ‫يتم‬ ‫الخطوط‬ ‫أي‬.
•‫ووي‬‫و‬‫معن‬ ‫وون‬‫و‬‫ع‬ ‫وور‬‫و‬‫تعب‬ ‫ووث‬‫و‬‫بحي‬ ‫ووتخدامها‬‫و‬‫اس‬ ‫وون‬‫و‬‫يمك‬ ‫وووط‬‫و‬‫الخط‬ ‫أي‬
‫النص‬.
•‫والعناوين؟‬ ‫المتن‬ ‫بها‬ ‫يتم‬ ‫التي‬ ‫التنسيق‬ ‫كيفية‬.
•‫األكثر‬ ‫علي‬ ‫الخطوط‬ ‫من‬ ‫نوعين‬ ‫استخدام‬.
•‫ووط‬‫و‬‫الخ‬ ‫ووراءة‬‫و‬‫ق‬ ‫وون‬‫و‬‫م‬ ‫وون‬‫و‬‫تمك‬ ‫ووي‬‫و‬‫الت‬ ‫ووبة‬‫و‬‫المناس‬ ‫وووان‬‫و‬‫األل‬ ‫ووتخدام‬‫و‬‫اس‬
‫ويسر‬ ‫بسهولة‬.
•‫مائل؟‬ ‫أم‬ ‫أسود‬ ‫أم‬ ‫ابيض‬ ‫للخط‬ ‫المناسب‬ ‫النمط‬ ‫استخدام‬.

7. How annoying is this?
Can you read this ok?
What about this combo?
‫لالستخدام‬ ‫المناسبة‬ ‫األلوان‬ ‫أي‬

8. ‫طفحت‬ ‫اخراج‬ ‫في‬ ‫انخطوط‬ ٍ‫ي‬ ٍ‫َوػي‬ ‫استخذاو‬

9. ٍ‫بي‬ ‫واضح‬ ٍ‫تباي‬ ‫نؼًم‬ ‫انخط‬ ‫حجى‬ ‫خاطيت‬ ‫استخذاو‬
ٍ‫وانًت‬ ٌ‫انؼُوا‬

10. ‫خاطت‬ ‫يؼهويت‬ ‫نتأكيذ‬ ٌ‫انهو‬ ‫استخذاو‬

11. ‫بانُض‬ ‫خاص‬ ‫انخطوط‬ ٍ‫ي‬ ‫ثاَي‬ ‫َوع‬ ‫استخذاو‬

12. ٍ‫وانًت‬ ‫واحذ‬ ‫بخط‬ ‫انجاَبي‬ ٌ‫انؼُوا‬ ‫يغ‬ ‫انرئيسي‬ ٌ‫انؼُوا‬
‫يختهف‬ ‫خط‬ ‫بُوع‬

13. ‫باستخدام‬ ‫المتن‬ ‫تنسيق‬(‫الشبكات‬)
Grids

14. ‫انتُسيق‬ ‫في‬ ‫انشبكاث‬ ‫َظاو‬ ‫استخذاو‬ ‫يًيزاث‬
•‫للمصمم‬ ‫الوقت‬ ‫من‬ ‫الكثير‬ ‫يوفر‬.
•‫وور‬‫و‬‫عناص‬ ‫ووي‬‫و‬‫عل‬ ‫وواحات‬‫و‬‫المس‬ ‫وويم‬‫و‬‫تقس‬ ‫ووي‬‫و‬‫ف‬ ‫وومم‬‫و‬‫المص‬ ‫وول‬‫و‬‫عم‬ ‫ووهل‬‫و‬‫يس‬
‫لونية‬ ‫ومساحات‬ ‫ورسومات‬ ‫وصور‬ ‫متن‬ ‫من‬ ‫التصميم‬.
•‫األمثل‬ ‫االستخدام‬ ‫المساحات‬ ‫استخدام‬ ‫من‬ ‫المصمم‬ ‫يمكن‬.
•‫للعين‬ ‫مريح‬.
•‫قصير‬ ‫وقت‬ ‫في‬ ‫للمصمم‬ ‫ومتنوعة‬ ‫كثيرة‬ ‫اختيارات‬ ‫يعطي‬.
•‫مختلفة‬ ‫لتصميمات‬ ‫مرات‬ ‫عدة‬ ‫الشبكي‬ ‫التقسيم‬ ‫استخدام‬ ‫يمكن‬.
•‫المطبوعات‬ ‫كل‬ ‫تصميم‬ ‫في‬ ‫استخدامها‬ ‫يمكن‬.
•‫التصميم‬ ‫برامج‬ ‫كل‬ ‫في‬ ‫متاحة‬.

15. Grid-based Design

16. Grid-based Design

17. ‫داخهيا‬ ‫انظفحت‬ ‫تقسيى‬
•‫وهي‬ ‫اساسية‬ ‫مكونات‬ ‫عدة‬ ‫إلي‬ ً‫ا‬‫داخلي‬ ‫الصفحة‬ ‫تنقسم‬:-
•‫داخلي‬ ‫هامش‬Margin‫أو‬ ‫صور‬ ‫بها‬ ‫يوجد‬ ‫وقد‬ ‫نصوص‬ ‫أي‬ ‫بها‬ ‫يوجد‬ ‫ال‬ ً‫ا‬‫غالب‬ ‫مساحة‬ ‫وهي‬
‫لونية‬ ‫مساحات‬.
•‫أعمدة‬Column:-‫إمكانية‬ ‫يتيح‬ ‫وذلك‬ ‫أعمدة‬ ‫عدة‬ ‫أو‬ ‫واحد‬ ‫لعمود‬ ‫الصفحة‬ ‫تقسيم‬ ‫ويتم‬
‫تيسر‬ ‫وهي‬ ‫اللونية‬ ‫والمساحات‬ ‫والصور‬ ‫والعناوين‬ ‫النصوص‬ ‫بين‬ ‫الصفحة‬ ‫مساحات‬ ‫تقسيم‬
‫للمصمم‬ ‫ذلك‬.
•‫ووضوح‬ ‫األعمدة‬ ‫بين‬ ‫التمييز‬ ‫سهولة‬ ‫يضمن‬ ‫بما‬ ‫األعمدة‬ ‫بين‬ ‫مناسبة‬ ‫مساحات‬ ‫ترك‬ ‫يتم‬
‫تسمي‬ ‫المسافة‬ ‫وهذه‬ ‫المقابل‬ ‫للعمود‬ ‫باالنتقال‬ ‫للعين‬ ‫خاطئة‬ ‫حركة‬ ‫حدوث‬ ‫وعدم‬ ‫القراءة‬
Gutter.
•‫زائدة‬ ‫مساحة‬ ‫إضافة‬ ‫يتم‬ ‫الصفحة‬ ‫لحدود‬ ‫تصل‬ ‫لونية‬ ‫مساحة‬ ‫أو‬ ‫صورة‬ ‫وجود‬ ‫حالة‬ ‫في‬
‫تسمي‬Bleed‫بين‬ ‫ما‬ ‫تتراوح‬ ‫وهي‬3‫الي‬5‫عملية‬ ‫أثناء‬ ‫الصفحة‬ ‫لمستحة‬ ‫تضاف‬ ‫وهي‬ ‫مم‬
‫القص‬ ‫عمليات‬ ‫اجراء‬ ‫بعد‬ ‫المطبوع‬ ‫المنتج‬ ‫في‬ ‫مشكلة‬ ‫حدوث‬ ‫عدم‬ ‫تضمن‬ ‫وهي‬ ‫الطبع‬
‫والتعريش‬.

18. ‫تقسيى‬‫داخهيا‬ ‫انظفحت‬

19. ‫انظفحت‬ ‫نُفس‬ ‫يتؼذدة‬ ‫تقسيًاث‬

20. ‫أػًذة‬ ‫اني‬ ‫انظفحاث‬ ‫تقسيى‬

21. ‫أػًذة‬ ‫اني‬ ‫انظفحاث‬ ‫تقسيى‬