فن التايبوجرافي وتصميم العناصر النمطية
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 (B)

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

<p>American (C), Rockwell (E), Museo Slab (F)</p> Signup and view all the answers

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

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

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

<p>False (B)</p> Signup and view all the answers

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

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

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

<p>Disney (A), Tropicana (B), Lego (C), Fanta (D)</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 (B)</p> Signup and view all the answers

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

<p>True (A)</p> Signup and view all the answers

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

<p>شكل الحروف (A), طول السطر (B), المسافات بين الكلمات و السطور (C), حجم الحروف (D)</p> Signup and view all the answers

Flashcards

التايبوغرافيا

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

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

فن ترتيب وتنسيق الكتابات داخل التصميم، يُستخدم لتوصيل رسالة محددة سواء كانت مكتوبة، مرسومة باليد، أو بالكمبيوتر.

Typeface

نمط معين من الحروف (مثل Tajawal, Almarai).

Font

مظاهر مختلفة من الخط (مثل Bold, Regular, light).

Signup and view all the flashcards

Serif

نوع من أنواع التايبوجرافي تتميز نهايات حروفها بجزء زائد (مثل Times New Roman, Georgia, Garamond).

Signup and view all the flashcards

Slab Serif

نوع من أنواع التايبوجرافي مشابه لـ serif لكن مع زوائد قصيرة مربعة الشكل (مثل Museo Slab, Rockwell, American Typewriter).

Signup and view all the flashcards

Sans-Serif

نوع من أنواع التايبوجرافي لا تحتوي نهايات حروفه على زوائد (مثل Linkedin, Chanel, Microsoft, Nike, Evian).

Signup and view all the flashcards

Display

نوع من أنواع التايبوجرافي غير مخصص لكتابة النصوص والمواضيع، يُستخدم في العناوين الرئيسية أو تصميم الشعارات (مثل Disney, Fanta, Lego, Tropicana).

Signup and view all the flashcards

Script

نوع من أنواع التايبوجرافي يحاكي كتابة اليد ويشمل أساليب متنوعة (مثل Coca-Cola, Cadbury, Instagram, Cadillac).

Signup and view all the flashcards

Blackletter

نوع من أنواع التايبوجرافي يشير إلى اللغة الإنكليزية القديمة، حروف مزخرفة ومعقدة (مثل Goudy Text, Monmouth, Engravers Old English).

Signup and view all the flashcards

Decorative

نوع من أنواع التايبوجرافي يشير إلى حروف جديدة وفريدة ومزخرفة (مثل Toys R Us, Lego, Fanta).

Signup and view all the flashcards

Alignment

يُشير إلى ترتيب شكل النص على الصفحة، تنسيق حواف النص مع حواف الصفحة (للوسط، لليسار، لليمين، او للخارج).

Signup and view all the flashcards

Hierarchy

تسلسل هرمي يُستخدم في خلق إهتمام بصري وتوجيه عين المشاهد عبر النص..

Signup and view all the flashcards

Kerning

التباعد األفقي بين حرفين فرديين متتاليين (مثل T-V-W-A).

Signup and view all the flashcards

Tracking

ضبط المسافة والتباعد المنتظم بين األحرف في الكتابة.

Signup and view all the flashcards

Leading

المسافة بين سطرين متتاليين من النص، وتسمى المسافة البادئة أو تباعد األسطر.

Signup and view all the flashcards

Grids

شبكة تقسم الصفحة لإنشاء تراكيب توجه عين المشاهد.

Signup and view all the flashcards

حركة العين

حركة العين أثناء القراءة، تُظهر أن العين تقفز من نقطة ثابتة إلى أخرى.

Signup and view all the flashcards

إدراك المادة المقروءة

قدرة العين على التقاط المعلومات من الصفحة وتفسيرها .

Signup and view all the flashcards

سهولة القراءة

قدرة القاريء على فهم المادة المطبوعة بسهولة.

Signup and view all the flashcards

شكل الحرف

أحد العوامل التي تؤثر على سهولة القراءة، يشير إلى شكل الحرف .

Signup and view all the flashcards

حجم الحرف

أحد العوامل التي تؤثر على سهولة القراءة، يُقاس بمقياس (points) .

Signup and view all the flashcards

طول السطر

أحد العوامل التي تؤثر على سهولة القراءة، يُشير إلى طول السطر على الصفحة.

Signup and view all the flashcards

المسافات بين الكلمات والسطور

أحد العوامل التي تؤثر على سهولة القراءة، يُشير إلى المسافة بين الكلمات والسطور في النص.

Signup and view all the flashcards

وضوح القراءة

قدرة العين على رؤية النص بشكل واضح.

Signup and view all the flashcards

العوامل التي تؤثر علي وضوح القراءة

العوامل التي تؤثر على وضوح القراءة، مثل شكل الحرف، وحجم الحرف، والمسافات بين الحروف والكلمات والسطور والهوامش .

Signup and view all the flashcards

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

صحف و مجلات المحاضرة السادسة PDF

Description

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

More Like This

Use Quizgecko on...
Browser
Open
Browser
Browser