‫تيبوجرافي‬Typography
ٍ‫انًت‬ ‫تظًيى‬-2
‫عطية‬ ‫احمد‬ ‫دكتور‬
‫المحاضرة‬‫الثالثة‬
‫االولي‬ ‫السنة‬–‫وتغليف‬ ‫ونشر‬ ‫طباعة‬
2016-2017
‫التطبيقية‬ ‫للفنون‬ ‫العالي‬ ‫المعهد‬–‫الخامس‬ ‫التجمع‬
‫انخطوط‬ ‫استخذاياث‬
•‫والفرعية‬ ‫الرئيسية‬ ‫العناوين‬ ‫في‬ ‫تستخدم‬.
•‫النصوص‬ ‫وتحرير‬ ‫كتابة‬ ‫تستخدم‬.
•‫الخطوط‬ ‫بواسطة‬ ‫التصميم‬ ‫يتم‬ ‫حيث‬ ‫التصميم‬ ‫في‬ ‫تستخدم‬.
•‫والبوسترات‬ ‫اللوجوهات‬ ‫في‬ ‫ابتكاري‬ ‫كتصميم‬ ‫استخدامه‬ ‫يتم‬.
•‫علي‬ ‫تقديمها‬ ‫ويتم‬ ‫القراءة‬ ‫سهولة‬ ‫يراعي‬ ‫االستخدامات‬ ‫كل‬ ‫في‬
‫التصميم‬ ‫في‬ ‫الجمالية‬ ‫الناحية‬.
‫االَقرائيت‬
‫واالتظال‬ ‫انتظًيى‬ ‫في‬ ‫انخط‬ ‫استخذاو‬
‫ابذاػيت‬ ‫بطريقت‬ ‫انخط‬ ‫استخذاو‬
‫انتظًيى‬ ‫في‬ ‫انخط‬ ‫استخذاو‬ ‫ػُذ‬ ‫خاطت‬ ‫اػتباراث‬
•‫قرائته‬ ‫سهولة‬ ‫يتم‬ ‫بحيث‬ ‫استخدامه‬ ‫يتم‬ ‫الخطوط‬ ‫أي‬.
•‫ووي‬‫و‬‫معن‬ ‫وون‬‫و‬‫ع‬ ‫وور‬‫و‬‫تعب‬ ‫ووث‬‫و‬‫بحي‬ ‫ووتخدامها‬‫و‬‫اس‬ ‫وون‬‫و‬‫يمك‬ ‫وووط‬‫و‬‫الخط‬ ‫أي‬
‫النص‬.
•‫والعناوين؟‬ ‫المتن‬ ‫بها‬ ‫يتم‬ ‫التي‬ ‫التنسيق‬ ‫كيفية‬.
•‫األكثر‬ ‫علي‬ ‫الخطوط‬ ‫من‬ ‫نوعين‬ ‫استخدام‬.
•‫ووط‬‫و‬‫الخ‬ ‫ووراءة‬‫و‬‫ق‬ ‫وون‬‫و‬‫م‬ ‫وون‬‫و‬‫تمك‬ ‫ووي‬‫و‬‫الت‬ ‫ووبة‬‫و‬‫المناس‬ ‫وووان‬‫و‬‫األل‬ ‫ووتخدام‬‫و‬‫اس‬
‫ويسر‬ ‫بسهولة‬.
•‫مائل؟‬ ‫أم‬ ‫أسود‬ ‫أم‬ ‫ابيض‬ ‫للخط‬ ‫المناسب‬ ‫النمط‬ ‫استخدام‬.
How annoying is this?
Can you read this ok?
What about this combo?
‫لالستخدام‬ ‫المناسبة‬ ‫األلوان‬ ‫أي‬
‫طفحت‬ ‫اخراج‬ ‫في‬ ‫انخطوط‬ ٍ‫ي‬ ٍ‫َوػي‬ ‫استخذاو‬
ٍ‫بي‬ ‫واضح‬ ٍ‫تباي‬ ‫نؼًم‬ ‫انخط‬ ‫حجى‬ ‫خاطيت‬ ‫استخذاو‬
ٍ‫وانًت‬ ٌ‫انؼُوا‬
‫خاطت‬ ‫يؼهويت‬ ‫نتأكيذ‬ ٌ‫انهو‬ ‫استخذاو‬
‫بانُض‬ ‫خاص‬ ‫انخطوط‬ ٍ‫ي‬ ‫ثاَي‬ ‫َوع‬ ‫استخذاو‬
ٍ‫وانًت‬ ‫واحذ‬ ‫بخط‬ ‫انجاَبي‬ ٌ‫انؼُوا‬ ‫يغ‬ ‫انرئيسي‬ ٌ‫انؼُوا‬
‫يختهف‬ ‫خط‬ ‫بُوع‬
‫باستخدام‬ ‫المتن‬ ‫تنسيق‬(‫الشبكات‬)
Grids
‫انتُسيق‬ ‫في‬ ‫انشبكاث‬ ‫َظاو‬ ‫استخذاو‬ ‫يًيزاث‬
•‫للمصمم‬ ‫الوقت‬ ‫من‬ ‫الكثير‬ ‫يوفر‬.
•‫وور‬‫و‬‫عناص‬ ‫ووي‬‫و‬‫عل‬ ‫وواحات‬‫و‬‫المس‬ ‫وويم‬‫و‬‫تقس‬ ‫ووي‬‫و‬‫ف‬ ‫وومم‬‫و‬‫المص‬ ‫وول‬‫و‬‫عم‬ ‫ووهل‬‫و‬‫يس‬
‫لونية‬ ‫ومساحات‬ ‫ورسومات‬ ‫وصور‬ ‫متن‬ ‫من‬ ‫التصميم‬.
•‫األمثل‬ ‫االستخدام‬ ‫المساحات‬ ‫استخدام‬ ‫من‬ ‫المصمم‬ ‫يمكن‬.
•‫للعين‬ ‫مريح‬.
•‫قصير‬ ‫وقت‬ ‫في‬ ‫للمصمم‬ ‫ومتنوعة‬ ‫كثيرة‬ ‫اختيارات‬ ‫يعطي‬.
•‫مختلفة‬ ‫لتصميمات‬ ‫مرات‬ ‫عدة‬ ‫الشبكي‬ ‫التقسيم‬ ‫استخدام‬ ‫يمكن‬.
•‫المطبوعات‬ ‫كل‬ ‫تصميم‬ ‫في‬ ‫استخدامها‬ ‫يمكن‬.
•‫التصميم‬ ‫برامج‬ ‫كل‬ ‫في‬ ‫متاحة‬.
Grid-based Design
Grid-based Design
‫داخهيا‬ ‫انظفحت‬ ‫تقسيى‬
•‫وهي‬ ‫اساسية‬ ‫مكونات‬ ‫عدة‬ ‫إلي‬ ً‫ا‬‫داخلي‬ ‫الصفحة‬ ‫تنقسم‬:-
•‫داخلي‬ ‫هامش‬Margin‫أو‬ ‫صور‬ ‫بها‬ ‫يوجد‬ ‫وقد‬ ‫نصوص‬ ‫أي‬ ‫بها‬ ‫يوجد‬ ‫ال‬ ً‫ا‬‫غالب‬ ‫مساحة‬ ‫وهي‬
‫لونية‬ ‫مساحات‬.
•‫أعمدة‬Column:-‫إمكانية‬ ‫يتيح‬ ‫وذلك‬ ‫أعمدة‬ ‫عدة‬ ‫أو‬ ‫واحد‬ ‫لعمود‬ ‫الصفحة‬ ‫تقسيم‬ ‫ويتم‬
‫تيسر‬ ‫وهي‬ ‫اللونية‬ ‫والمساحات‬ ‫والصور‬ ‫والعناوين‬ ‫النصوص‬ ‫بين‬ ‫الصفحة‬ ‫مساحات‬ ‫تقسيم‬
‫للمصمم‬ ‫ذلك‬.
•‫ووضوح‬ ‫األعمدة‬ ‫بين‬ ‫التمييز‬ ‫سهولة‬ ‫يضمن‬ ‫بما‬ ‫األعمدة‬ ‫بين‬ ‫مناسبة‬ ‫مساحات‬ ‫ترك‬ ‫يتم‬
‫تسمي‬ ‫المسافة‬ ‫وهذه‬ ‫المقابل‬ ‫للعمود‬ ‫باالنتقال‬ ‫للعين‬ ‫خاطئة‬ ‫حركة‬ ‫حدوث‬ ‫وعدم‬ ‫القراءة‬
Gutter.
•‫زائدة‬ ‫مساحة‬ ‫إضافة‬ ‫يتم‬ ‫الصفحة‬ ‫لحدود‬ ‫تصل‬ ‫لونية‬ ‫مساحة‬ ‫أو‬ ‫صورة‬ ‫وجود‬ ‫حالة‬ ‫في‬
‫تسمي‬Bleed‫بين‬ ‫ما‬ ‫تتراوح‬ ‫وهي‬3‫الي‬5‫عملية‬ ‫أثناء‬ ‫الصفحة‬ ‫لمستحة‬ ‫تضاف‬ ‫وهي‬ ‫مم‬
‫القص‬ ‫عمليات‬ ‫اجراء‬ ‫بعد‬ ‫المطبوع‬ ‫المنتج‬ ‫في‬ ‫مشكلة‬ ‫حدوث‬ ‫عدم‬ ‫تضمن‬ ‫وهي‬ ‫الطبع‬
‫والتعريش‬.
‫تقسيى‬‫داخهيا‬ ‫انظفحت‬
‫انظفحت‬ ‫نُفس‬ ‫يتؼذدة‬ ‫تقسيًاث‬
‫أػًذة‬ ‫اني‬ ‫انظفحاث‬ ‫تقسيى‬
‫أػًذة‬ ‫اني‬ ‫انظفحاث‬ ‫تقسيى‬

Typography المحاضرة الثالثة تيبوجرافي

  • 1.
    ‫تيبوجرافي‬Typography ٍ‫انًت‬ ‫تظًيى‬-2 ‫عطية‬ ‫احمد‬‫دكتور‬ ‫المحاضرة‬‫الثالثة‬ ‫االولي‬ ‫السنة‬–‫وتغليف‬ ‫ونشر‬ ‫طباعة‬ 2016-2017 ‫التطبيقية‬ ‫للفنون‬ ‫العالي‬ ‫المعهد‬–‫الخامس‬ ‫التجمع‬
  • 2.
    ‫انخطوط‬ ‫استخذاياث‬ •‫والفرعية‬ ‫الرئيسية‬‫العناوين‬ ‫في‬ ‫تستخدم‬. •‫النصوص‬ ‫وتحرير‬ ‫كتابة‬ ‫تستخدم‬. •‫الخطوط‬ ‫بواسطة‬ ‫التصميم‬ ‫يتم‬ ‫حيث‬ ‫التصميم‬ ‫في‬ ‫تستخدم‬. •‫والبوسترات‬ ‫اللوجوهات‬ ‫في‬ ‫ابتكاري‬ ‫كتصميم‬ ‫استخدامه‬ ‫يتم‬. •‫علي‬ ‫تقديمها‬ ‫ويتم‬ ‫القراءة‬ ‫سهولة‬ ‫يراعي‬ ‫االستخدامات‬ ‫كل‬ ‫في‬ ‫التصميم‬ ‫في‬ ‫الجمالية‬ ‫الناحية‬.
  • 3.
  • 4.
    ‫واالتظال‬ ‫انتظًيى‬ ‫في‬‫انخط‬ ‫استخذاو‬
  • 5.
  • 6.
    ‫انتظًيى‬ ‫في‬ ‫انخط‬‫استخذاو‬ ‫ػُذ‬ ‫خاطت‬ ‫اػتباراث‬ •‫قرائته‬ ‫سهولة‬ ‫يتم‬ ‫بحيث‬ ‫استخدامه‬ ‫يتم‬ ‫الخطوط‬ ‫أي‬. •‫ووي‬‫و‬‫معن‬ ‫وون‬‫و‬‫ع‬ ‫وور‬‫و‬‫تعب‬ ‫ووث‬‫و‬‫بحي‬ ‫ووتخدامها‬‫و‬‫اس‬ ‫وون‬‫و‬‫يمك‬ ‫وووط‬‫و‬‫الخط‬ ‫أي‬ ‫النص‬. •‫والعناوين؟‬ ‫المتن‬ ‫بها‬ ‫يتم‬ ‫التي‬ ‫التنسيق‬ ‫كيفية‬. •‫األكثر‬ ‫علي‬ ‫الخطوط‬ ‫من‬ ‫نوعين‬ ‫استخدام‬. •‫ووط‬‫و‬‫الخ‬ ‫ووراءة‬‫و‬‫ق‬ ‫وون‬‫و‬‫م‬ ‫وون‬‫و‬‫تمك‬ ‫ووي‬‫و‬‫الت‬ ‫ووبة‬‫و‬‫المناس‬ ‫وووان‬‫و‬‫األل‬ ‫ووتخدام‬‫و‬‫اس‬ ‫ويسر‬ ‫بسهولة‬. •‫مائل؟‬ ‫أم‬ ‫أسود‬ ‫أم‬ ‫ابيض‬ ‫للخط‬ ‫المناسب‬ ‫النمط‬ ‫استخدام‬.
  • 7.
    How annoying isthis? Can you read this ok? What about this combo? ‫لالستخدام‬ ‫المناسبة‬ ‫األلوان‬ ‫أي‬
  • 8.
    ‫طفحت‬ ‫اخراج‬ ‫في‬‫انخطوط‬ ٍ‫ي‬ ٍ‫َوػي‬ ‫استخذاو‬
  • 9.
    ٍ‫بي‬ ‫واضح‬ ٍ‫تباي‬‫نؼًم‬ ‫انخط‬ ‫حجى‬ ‫خاطيت‬ ‫استخذاو‬ ٍ‫وانًت‬ ٌ‫انؼُوا‬
  • 10.
    ‫خاطت‬ ‫يؼهويت‬ ‫نتأكيذ‬ٌ‫انهو‬ ‫استخذاو‬
  • 11.
    ‫بانُض‬ ‫خاص‬ ‫انخطوط‬ٍ‫ي‬ ‫ثاَي‬ ‫َوع‬ ‫استخذاو‬
  • 12.
    ٍ‫وانًت‬ ‫واحذ‬ ‫بخط‬‫انجاَبي‬ ٌ‫انؼُوا‬ ‫يغ‬ ‫انرئيسي‬ ٌ‫انؼُوا‬ ‫يختهف‬ ‫خط‬ ‫بُوع‬
  • 13.
  • 14.
    ‫انتُسيق‬ ‫في‬ ‫انشبكاث‬‫َظاو‬ ‫استخذاو‬ ‫يًيزاث‬ •‫للمصمم‬ ‫الوقت‬ ‫من‬ ‫الكثير‬ ‫يوفر‬. •‫وور‬‫و‬‫عناص‬ ‫ووي‬‫و‬‫عل‬ ‫وواحات‬‫و‬‫المس‬ ‫وويم‬‫و‬‫تقس‬ ‫ووي‬‫و‬‫ف‬ ‫وومم‬‫و‬‫المص‬ ‫وول‬‫و‬‫عم‬ ‫ووهل‬‫و‬‫يس‬ ‫لونية‬ ‫ومساحات‬ ‫ورسومات‬ ‫وصور‬ ‫متن‬ ‫من‬ ‫التصميم‬. •‫األمثل‬ ‫االستخدام‬ ‫المساحات‬ ‫استخدام‬ ‫من‬ ‫المصمم‬ ‫يمكن‬. •‫للعين‬ ‫مريح‬. •‫قصير‬ ‫وقت‬ ‫في‬ ‫للمصمم‬ ‫ومتنوعة‬ ‫كثيرة‬ ‫اختيارات‬ ‫يعطي‬. •‫مختلفة‬ ‫لتصميمات‬ ‫مرات‬ ‫عدة‬ ‫الشبكي‬ ‫التقسيم‬ ‫استخدام‬ ‫يمكن‬. •‫المطبوعات‬ ‫كل‬ ‫تصميم‬ ‫في‬ ‫استخدامها‬ ‫يمكن‬. •‫التصميم‬ ‫برامج‬ ‫كل‬ ‫في‬ ‫متاحة‬.
  • 15.
  • 16.
  • 17.
    ‫داخهيا‬ ‫انظفحت‬ ‫تقسيى‬ •‫وهي‬‫اساسية‬ ‫مكونات‬ ‫عدة‬ ‫إلي‬ ً‫ا‬‫داخلي‬ ‫الصفحة‬ ‫تنقسم‬:- •‫داخلي‬ ‫هامش‬Margin‫أو‬ ‫صور‬ ‫بها‬ ‫يوجد‬ ‫وقد‬ ‫نصوص‬ ‫أي‬ ‫بها‬ ‫يوجد‬ ‫ال‬ ً‫ا‬‫غالب‬ ‫مساحة‬ ‫وهي‬ ‫لونية‬ ‫مساحات‬. •‫أعمدة‬Column:-‫إمكانية‬ ‫يتيح‬ ‫وذلك‬ ‫أعمدة‬ ‫عدة‬ ‫أو‬ ‫واحد‬ ‫لعمود‬ ‫الصفحة‬ ‫تقسيم‬ ‫ويتم‬ ‫تيسر‬ ‫وهي‬ ‫اللونية‬ ‫والمساحات‬ ‫والصور‬ ‫والعناوين‬ ‫النصوص‬ ‫بين‬ ‫الصفحة‬ ‫مساحات‬ ‫تقسيم‬ ‫للمصمم‬ ‫ذلك‬. •‫ووضوح‬ ‫األعمدة‬ ‫بين‬ ‫التمييز‬ ‫سهولة‬ ‫يضمن‬ ‫بما‬ ‫األعمدة‬ ‫بين‬ ‫مناسبة‬ ‫مساحات‬ ‫ترك‬ ‫يتم‬ ‫تسمي‬ ‫المسافة‬ ‫وهذه‬ ‫المقابل‬ ‫للعمود‬ ‫باالنتقال‬ ‫للعين‬ ‫خاطئة‬ ‫حركة‬ ‫حدوث‬ ‫وعدم‬ ‫القراءة‬ Gutter. •‫زائدة‬ ‫مساحة‬ ‫إضافة‬ ‫يتم‬ ‫الصفحة‬ ‫لحدود‬ ‫تصل‬ ‫لونية‬ ‫مساحة‬ ‫أو‬ ‫صورة‬ ‫وجود‬ ‫حالة‬ ‫في‬ ‫تسمي‬Bleed‫بين‬ ‫ما‬ ‫تتراوح‬ ‫وهي‬3‫الي‬5‫عملية‬ ‫أثناء‬ ‫الصفحة‬ ‫لمستحة‬ ‫تضاف‬ ‫وهي‬ ‫مم‬ ‫القص‬ ‫عمليات‬ ‫اجراء‬ ‫بعد‬ ‫المطبوع‬ ‫المنتج‬ ‫في‬ ‫مشكلة‬ ‫حدوث‬ ‫عدم‬ ‫تضمن‬ ‫وهي‬ ‫الطبع‬ ‫والتعريش‬.
  • 18.
  • 19.
  • 20.
  • 21.