فن التايبوجرافي وتصميم العناصر النمطية
14 Questions
2 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

ما هو تعريف "التايبوغرافية"؟

التايبوغرافية هي فن وعلم الهيئات المطبوعة و يقصد بها الوحدات الطباعية التي تتكون من العناصر الطباعية المختلفة، كالحوف بمختلف أشكالها وأنواعها و استخداماتها  )حروف المتون وحروف العناوين و أنواعها ) و بمختلف طرق إنتاجها ( خطوط يدوية، و خطوط آلية إضافة إلي الصور الظلية و الخطية وعناصر الفصل الجداول، و الفواصل و الإطارات)…….. الخ

ما هي بعض أنواع التايبوغرافية؟ (اختر كل ما ينطبق)

  • Serif (correct)
  • Script (correct)
  • Blackletter (correct)
  • Slab Serif (correct)
  • Decorative (correct)
  • Sans-Serif (correct)
  • Display (correct)
  • يشير مصطلح Serif إلى نمط حروف بدون زوائد

    False

    أي من الخطوط التالية يُعد من نوع Slab Serif؟

    <p>American</p> Signup and view all the answers

    ما هي بعض الشركات التي استخدمت نوع Script في تصميم اللوجو الخاص بها؟

    <p>Coca-Cola, Cadbury, Instagram, Cadillac</p> Signup and view all the answers

    يُستخدم نوع Blackletter لجميع أنواع النصوص.

    <p>False</p> Signup and view all the answers

    ما هو نوع التايبوغرافية الذي يُستخدم بشكلٍ كبير في تصميم الشعارات؟

    <p>Display</p> Signup and view all the answers

    ما هي بعض الشركات التي استخدمت نوع Display في تصميم اللوجو الخاص بها؟

    <p>Disney</p> Signup and view all the answers

    ما هو تعبير "Alignment"؟

    <p>يشير Alignment إلى ترتيب النص حسب مركز النص على الصفحة بشكل أكثر دقة، ويتيح للناظر فهم النص بسهولة أكثر, ويُمكن Alignment إضافة إلى حجم الخط و نوعه و شكل Alignment يمكن أن يصبح أكثر وضوحاً , و يمكن استخدام Alignment بشكل اختياري, خاصة في نوع المظهر المختلف عن الأخرى, ويجب أن يكون كل عرف من دون اختلاف</p> Signup and view all the answers

    ما هو تعبير "Hierarchy"؟

    <p>يُسمى التسلسل الهرمي، وهو يساعدنا في خلق إهتمام بصري وتوجيه لعين المشاهد عبر النص، مما يجعل عملية استيعاب النص أسهل وأكثر بديهية. إن الطريقة الأكثر سهولة التي تمكننا من إنشاء تسلسل هرمي واضح هي أن تكون معلومات النص مكتوبة بأحجام مختلفة من الخط. يمكننا أيضاً فعل ذلك عن طريق تعديل حرف أو تباعد الأسطر أو عن طريق ضبط حجم الخط. يمكننا أيضاً مزج أنماط الخط أو الألوان أو استخدام أحرف خاصة في النص الخاص بنا.</p> Signup and view all the answers

    ما هو تعبير "Kerning"؟

    <p>يشير Kerning إلى التباعد الأفقي بين حرفين فرديين متتاليين، حيث يؤدي ضبط المسافة بين الحروف الفردية إلى إنشاء مظهر التماثل و تقليل فجوات مسافة الفراغ بين أحرف معينة. فأحياناً، قد لا نحتاج إلى تطبيق ال Tracking لكنن نحتاج لتطبيق ال Kerning بنفس الوقت، وذلك لتعديل المسافة بين حرفين فرديين فقط، وأغلب هذه الحروف هي T-V-W-A)</p> Signup and view all the answers

    تُقلل حركة العين من سرعة قراءة النص.

    <p>False</p> Signup and view all the answers

    تُعد حركة العين من عوامل Readability.

    <p>True</p> Signup and view all the answers

    ما هي العوامل التي تُؤثر في Readability؟ (اختر كل ما ينطبق)

    <p>شكل الحروف</p> Signup and view all the answers

    Study Notes

    تصميم العناصر التيبوغرافية

    • تشمل خصائص الخط المسافة بين السطور، المسافة بين الكلمات، والمحاذاة.
    • يشمل التصميم الصحف والمجلات.

    مفهوم العناصر التيبوغرافية

    • التيبوغرافيا هي علم وفن الهيئات المطبوعة.
    • تشمل الوحدات الطباعية، مثل الحروف بمختلف أشكالها وأنواعها واستخداماتها (حروف المتون، وحروف العناوين، وأنواعها).
    • تشمل طرق الإنتاج (اليدوية، الآلية)، والصور الظلية والخطوط، وعناصر الفصل، والجداول، والفواصل، والإطارات).

    ما هو فن التايبوجرافي

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

    أنواع التايبوجرافي

    • الفرق بين Font و Typeface:
      • Font يصف نمطاً معيناً من الحروف (مثل Tajawal, Almarai).
      • Typeface يشير إلى مظاهر مختلفة من الخط (مثل Bold, Regular, light).
      • Font جزء من Typeface.
      • Typeface يشتمل على مجموعة من Font لكلٍّ منها وزن ونمط وحجم معينين، ومستويات مختلفة من الكثافة وميلان الأحرف.

    Serif

    • تعني الزيادة
    • نهايات الحروف بها جزء زائد.
    • تُعرف أيضاً باسم roman.
    • تتميز بالوضوح وسهولة القراءة.
    • تُستخدم للأغراض العامة تقريبًا.
    • أمثلة: Times new roman, Georgia, Garamond.
    • شركات تستخدمها: Yale, Gap, The New York Time.

    Slab Serif

    • ظهر في أوائل القرن التاسع عشر.
    • يُعرف أيضاً باسم Square Serif.
    • يُشبه Serif لكن زوائدها على شكل كتلة قصيرة مربعة.
    • أقل وضوحاً من Serif و sans serif.
    • نهايات قوية ومربعة الشكل.
    • تُستخدم في عناوين الإعلانات، والعناوين الفرعية، والأحرف الأولى من الفقرات.
    • أمثلة: Museo slab, Rockwell, American.

    Sans-Serif

    • كلمة sans تعني بدون.
    • لا تحتوي نهايات الحروف على زوائد.
    • ظهر لأول مرة في عام 1816.
    • يتميز بالصفاء والوضوح وسهولة القراءة.
    • أٌفضل الأنواع المستخدمة في تصــاميم الشاشة.
    • أمثلة: Linkedin, Chanel, Microsoft, Nike, Evian.

    Display

    • ليس له قاعدة عامة محددة.
    • يُستخدم في العناوين الرئيسية وشعارات الشركات.
    • يُستخدم لإضفاء تأثير خاص على المشاهد.
    • أمثلة:Broadway, Cooper Black, Curlz, Bombing, Gigi, Jokerman.
    • شركات تستخدمه: Disney, Fanta, Lego, Tropicana.

    Script

    • من أنواع ال Display.
    • يُحاكي كتابة اليد.
    • يُستخدم في الدعوات والمعايدات، وأحياناً في الإعلانات.
    • أمثلة: Parisian, Printer.
    • شركات تستخدمه: Coca-Cola, Cadbury, Instagram, Cadillac.

    Blackletter

    • نوع من ال Display.
    • يُعرف أيضاً باسم Old English.
    • أسلوب كتابة أو نمط نصي استخدم خلال العصور الوسطى في أوروبا.
    • مُستخدم في ألمانيا حتى الحرب العالمية الثانية.
    • يُعتبر مزخرفاً ومعقداً وصعباً القراءة.
    • يُستخدم في الدعوات والشهادات، والأحرف الأولى في الفقرات.
    • أمثلة: Goudy Text, Monmouth, Engravers Old English.

    Decorative

    • نوع من ال Display.
    • أحرف فريدة ومُزخرفة.
    • يُستخدم في العناوين الرئيسية، والعروض الإعلانية.
    • شركات تستخدمه: Toys R Us, Lego, Fanta.

    قواعد وأساسيات فن التايبوجرافي - Alignment

    • ترتيب جسم النص على الصفحة.
    • تنسيق حواف النص مع حواف الصفحة.
    • يوجد أنواع مختلفة من Alignment لكل نوع مظهر مختلف.

    Hierarchy

    • يساعد في توجيه نظر المشاهد.
    • يُسهل عملية استيعاب النص.
    • يمكن إنشاؤه عن طريق اختلاف أحجام الخطوط وتعديلها.
    • إضافة تباين في الخط أو الألوان أو الأحرف.

    Kerning

    • التباعد الأفقي بين حرفين.
    • يُؤدي إلى تماثل مظهر الأحرف.
    • يُقلل من الفجوات بين الحروف.

    Tracking

    • ضبط المسافة بين الحروف.
    • يجعل النص يبدو واضحاً ومنفتحاً.
    • يُستخدم لتعديل المسافة بين حرفين لضبط حجم النص.

    Leading

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

    Line length

    • طول السطر الذي تتخذه الكتابة على الصفحة.
    • يُعتبر عاملاً مهماً في يُسر القراءة.
    • طول السطر المُناسب يجعل القراءة سلسة وسهلة.
    • طول السطر الطويل للغاية أو القصير قد يصعب قراءة الصفحة.

    Legibility

    • عوامل تؤثر على الوضوح:
      • شكل الحرف.
      • حجم الحرف.
      • الهوامش.
    • السرعة في القراءة تختلف حسب الوسيط (شاشة الكمبيوتر أو الورق).
    • عوامل مثل Luminance (الإضاءة) وContrast (التباين) تؤثر على الوضوح.

    Typeface, Font Size, Line Length, و Tracking & Leading

    • عوامل تؤثر على يُسر القراءة.
    • يتم من خلال تعديل هذه العوامل تحسين تجربة القراءة.

    حركة العين وإدراك المادة المقروءة

    • في 1879، درس Emile Javal حركات العين أثناء القراءة، واكتشف أن العين تقفز قفزات صغيرة وكبيرة.
    • العين تتوقف للحظات لتُدرك الكلمات، ثم تتحرك مرة أخرى.
    • أكثر من 80% من الحالات تشير الى أن العين تستوعب المعلومة عند قراءة عبارات متتالية.
    • حركة أخرى تُسمى النكوص، حيث تُعيد العين قراءة الكلمات.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    Description

    يتناول هذا الاختبار مفاهيم التايبوجرافي وأنواعها، بالإضافة إلى تصميم العناصر التيبوغرافية. يشمل التعريفات الأساسية والخصائص المختلفة للخط والتنسيقات المستخدمة في الصحف والمجلات.

    More Like This

    Use Quizgecko on...
    Browser
    Browser