تصميم عناصر الطباعة
36 Questions
0 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

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

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

ما هو الفرق بين مصطلحي font و Typeface؟

  • `Font` يشير إلى مظاهر مختلفة من الخط مثل `Bold`, `Regular`, `light` . أما ال `Typeface` يصف نمطاً معيناً من الحروف مثل `Tajawal`, `Almarai` . (correct)
  • لا يوجد فرق، المصطلحان مترادفان.
  • `Font` هو مصطلح عام يصف أي نوع من الخطوط , اما `Typeface` يشير إلى مجموعة معينة من الخطوط .
  • `Typeface` يشير إلى مظاهر مختلفة من الخط مثل `Bold`, `Regular`, `light` . أما ال `Font` يصف نمطاً معيناً من الحروف مثل `Tajawal`, `Almarai` .

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

  • Serif, sans serif, display, script, blackletter
  • sans serif, display, script, blackletter, decorative
  • Serif, Slab serif, sans serif, display, script, blackletter, decorative (correct)
  • serif, sans serif, display

يُستخدم الخط serif بشكل أساسي في عناوين الإعلانات و العناوين الفرعية و الأحرف التي تكون في بداية الفقرات.

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

يُصمم نوع sans serif لأغراض محددة مثل عناوين الرئيسية أو الشعارات.

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

يُصمم نوع script لأغراض محددة مثل التصاميم الجرافيكية .

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

يُصمم نوع blackletter لأغراض محددة مثل عناوين الرئيسية أو الشعارات.

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

ما هي Alignment ؟

<p><code>Alignment</code> هو ترتيب جسم وشكل النص على الصفحة. (C)</p> Signup and view all the answers

ما هو تعريف Hierarchy ؟

<p><code>Hierarchy</code> يساعدنا في خلق إهتمام بصري وتوجيه لعين المشاهد عبر النص، مما يجعل عملية استيعاب النص أسهل وأكثر بديهية.</p> Signup and view all the answers

ما هو تعريف Kerning ؟

<p>تشير <code>Kerning</code> إلى التباعد الأفقي بين حرفين فرديين متتاليين. (B)</p> Signup and view all the answers

ما هي Readability ؟

<p><code>Readability</code> هو سهولة ق (D)</p> Signup and view all the answers

ما هي عوامل Readability ؟

<p><code>Typeface</code> , <code>Font size</code> , <code>Line length</code> (B)</p> Signup and view all the answers

يُعتبر Typeface من أهم العوامل التايبوجرافية التي تؤثر على يُسر قراءة الحروف.

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

يُقاس Font size فقط من أعلى جزء في ال

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

يُشير Line length إلى طول ال

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

يُشير Kerning إلى ال

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

ما هي Legibility ؟

<p><code>Legibility</code> هو شكل ال (A)</p> Signup and view all the answers

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

<p>التيبوغرافيا هي &quot; علم وفن الهيئات المطبوعة و يقصد بها الوحدات الطباعية التي تتكون من العناصر الطباعية المختلفة، كالحروف بمختلف أشكالها وأنواعها و استخداماتها ) حروف المتون وحروف العناوين و أنواعها ) و بمختلف طرق إنتاجها ( خطوط يدوية، و خطوط آلية إضافة إلي الصور الظلية و الخطية وعناصر الفصل الجداول، و الفواصل و الإطارات)......... الخ</p> Signup and view all the answers

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

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

ما هو اسم نوع خطوط لا يوجد له قاعدة عامة يمكننا وصفه بها لأنه متنوع، لكن يمكننا القول بأنه غير مخصص لكتابة النصوص و المواضيع، لكن رائع في كتابة العناوين الرئيسية أو تصميم الشعارات ؟

<p>Display (F)</p> Signup and view all the answers

ما هو اسم نوع الخطوط التي تكون فيها نهايات الحروف بها جزء زائد ، كما تسمّى أيضا بـ roman ؟

<p>Serif (E)</p> Signup and view all the answers

ما هو اسم نوع الخطوط التي يطلق عليها أيضاً Square Serif و يُشبه النوع السابق لكن بدلاً من الزوائد التقليدية يكون مكانها زوائد على شكل كتلة قصيرة مربعة الشكل؟

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

ما هو اسم نوع الخطوط التي تعني باللغة الفرنسية "بدون" ففي هذا النوع لا تحتوى نهايات الحروف على زوائد أبداً؟

<p>Sans-Serif (D)</p> Signup and view all the answers

ما هو اسم نوع الخطوط التي يُقوم بمحاكاة كتابة اليد و أساليب الكتابة التي تتراوح بين المرسومة و المكتوبة و أول من صمم هذا النوع Parisian ؟

<p>Script (E)</p> Signup and view all the answers

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

<p>Blackletter (C)</p> Signup and view all the answers

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

<p>Decorative (D)</p> Signup and view all the answers

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

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

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

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

ما هو تعريف "Grids"؟

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

ما هو تعريف "Readabilty"؟

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

ما الاسم العام للخطوط التي تؤثر على يسر قراءة الحروف ؟

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

ما هو الاسم الذي يُطلق على حجم الخط ؟

<p>Font (F)</p> Signup and view all the answers

ما هو الاسم الذي يُطلق على طول السطر ؟

<p>Leading (F)</p> Signup and view all the answers

ما هو الاسم الذي يُطلق على المسافات بين الكلمات و السطور ؟

<p>Tracking (E)</p> Signup and view all the answers

ما هو تعريف "Legibility"؟

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

ما هو الفرق بين "Readabilty" و "Legibility"؟

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

Flashcards

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

التايبوغرافيا هي علم وفن التعامل مع الحروف المطبوعة، بما في ذلك تصميم الخطوط، وتنظيمها في الصفحات، واختيار أفضل طريقة لعرض النص.

ما هو "Typeface"؟

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

ما هو "Font"؟

Font هو تخصيص للخطّ، مثل bold, regular, light

ما هي الخطوط "Serif"؟

الخطوط "Serif" لها زوائد على نهايات الحروف.

Signup and view all the flashcards

ما هي الخطوط "Slab Serif"؟

الخطوط "Slab Serif" لها زوائد سميكة على نهايات الحروف.

Signup and view all the flashcards

ما هي الخطوط "Sans-Serif"؟

الخطوط "Sans-Serif" لا تمتلك زوائد على نهايات الحروف.

Signup and view all the flashcards

ما هي الخطوط "Display"؟

الخطوط "Display" مناسبة للّوجوهات والعناوين الكبيرة.

Signup and view all the flashcards

ما هي الخطوط "Script"؟

الخطوط "Script" تُحاكي الكتابة اليدويّة.

Signup and view all the flashcards

ما هي الخطوط "Blackletter"؟

الخطوط "Blackletter" تُشبه خطوط العصور الوسطى.

Signup and view all the flashcards

ما هي الخطوط "Decorative"؟

الخطوط "Decorative" مُزخرفة وفريدة من نوعها.

Signup and view all the flashcards

ما هو "Alignment"؟

"Alignment" يشير الى ترتيب النص على الصفحة مثل (المركز، اليسار، اليمين)

Signup and view all the flashcards

ما هو "Hierarchy" ؟

"Hierarchy" يشير الى ترتيب النصّ بطريقة تُلفت األمعان لمُحتوى معين.

Signup and view all the flashcards

ما هو "Kerning"؟

"Kerning" يشير الى ضبط المسافات بين أحرف مُحددة في النص

Signup and view all the flashcards

ما هو "Tracking"؟

"Tracking" يشير الى ضبط المسافات بين األحرف في النص

Signup and view all the flashcards

ما هو "Leading"؟

"Leading" يشير الى ضبط المسافات بين األسطر في النص

Signup and view all the flashcards

ما هي "Grids"؟

"Grids" هي شبكة تساعد على ترتيب النصّ والعناصر في الصّفحة

Signup and view all the flashcards

كيف تُدرك العين الصفحة؟

العين تُدرك الصفحة كحيز مرئي وتتحرّك من اليمين لِليسار في الكتاب العربي وعكس ذلك في الكتاب األجنبي.

Signup and view all the flashcards

ما هو "Readability"؟

"Readability" هو سهولة قراءة النصّ.

Signup and view all the flashcards

ما هو "Typeface"؟

"Typeface" هو شكل الحرف.

Signup and view all the flashcards

ما هو "Font size"؟

"Font size" هو حجم الحرف

Signup and view all the flashcards

ما هو "Line length"؟

"Line length" هو طول السطر

Signup and view all the flashcards

ما هي "Tracking and Leading Kerning"؟

"Tracking and Leading Kerning"    هي  المسافات   بين   الكلمات    و   األسطر   
Signup and view all the flashcards

ما هو "Legibility"؟

"Legibility" هو وضوح النصّ.

Signup and view all the flashcards

ما هو "Legibility" على الشاشة؟

"Legibility" هو وضوح النصّ على الشّاشة

Signup and view all the flashcards

نوع الخط (Typeface)

نوع الخط هو الشكل العام للحرف، مثل Arial أو Times New Roman.

Signup and view all the flashcards

عائلة الخط (Font Family)

عادةً ما تكون عائلات الخطوط محمولة على أجهزة الحاسب الآلي أو يمكن تحميلها من الإنترنت.

Signup and view all the flashcards

تفصيل الخط (Font)

تخصيص لخط معين مثل Bold و Regular و Light التي تختلف في سمك الخط

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

الخط الفارسي

الخط الفارسي  هو خط عربيّ يستخدم في مناطق إيران ومناطق الشرق الأوسط .

Signup and view all the flashcards

الخط الرقعة

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

Signup and view all the flashcards

الخط المغربي

الخط المغربي هو خط عربيّ مستخدم في شمال إفريقيا

Signup and view all the flashcards

الخط الحر

الخط الحر هو خط عربيّ غير مرتبط بقواعد محدده

Signup and view all the flashcards

المسافة بين السطور (Leading)

المسافة بين السطور هي المسافة الرأسية بين سطر وآخر.

Signup and view all the flashcards

المسافة بين الكلمات (Tracking)

المسافة بين الكلمات هي المسافة الأفقية بين كل كلمة وأخرى .

Signup and view all the flashcards

المحاذاة (Alignment)

المحاذاة هي كيفية ترتيب النص على صفحة الكتاب مثل (يمين، يسار، مركز )

Signup and view all the flashcards

الهرميه (Hierarchy)

ترتيب العناصر على صفحه الكتاب يشير الى الهرمية

Signup and view all the flashcards

ضبط المسافة بين الحروف (Kerning)

تُشير الى ضبط المسافات بين الحروف في النص

Signup and view all the flashcards

ضبط المسافات (Tracking)

تُشير الى ضبط المسافات بين أجزاء من النص

Signup and view all the flashcards

حجم الخط (Font Size)

تحديد حجم الخطّ في النصّ .

Signup and view all the flashcards

طول السطر (Line Length)

هو طول السطر في الكتاب .

Signup and view all the flashcards

وضوح النص (Legibility)

هو وضوح النص .

Signup and view all the flashcards

سهولة قراءة النص (Readability)

هو سهولة قراءة النصّ .

Signup and view all the flashcards

وضوح النص على الشاشة (Legibility)

هو وضوح النص على الشاشة

Signup and view all the flashcards

شبكة التنظيم (Grids)

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

Signup and view all the flashcards

خط العناوين (Display)

 يُستخدم في عناوين الكُتب والشعارات

Signup and view all the flashcards

خط الكتابة العادية(Text)

يُستخدم في الكتابة العادية و القراءة

Signup and view all the flashcards

خط ال كتابة ال يدوية (Script)

تُحا كي الكتابة ال يدوية

Signup and view all the flashcards

خطوط ال كتب الأقدم (Blackletter)

  يُستخدم في ال كتب و ال مخطوطات

Signup and view all the flashcards

Study Notes

typography Elements Design

  • Typography design involves font type, line spacing, word spacing, and alignment.
  • Newspaper and magazine design are examples of where typography is used.

Typography Elements Meaning

  • Typography is the art and science of arranging printed material. It includes letters, headings, and various typographic elements.
  • It covers different production methods, including handwriting, mechanical typesetting, and graphic/line art components, as well as tables and separators.

Typography Art

  • Typography art is the arrangement and styling of text in a design.
  • This covers resizing, altering spacing between letters and lines, choosing different fonts, and modifying the style of these fonts in a visual aesthetic.
  • It aims to effectively communicate a message in the design, whether written, hand-drawn, or digitally created using design software.

Types of Typography

  • The difference between "font" and "typeface":
    • "Font" refers to a specific style of a typeface, such as Bold, Regular, Light.
    • "Typeface" encompasses multiple font variations with different weights, styles, sizes, and degrees of slant.

Serif Typography

  • "Serif" indicates additional elements that extend from the ends of letters.
  • It's also called "roman" and is known for clarity and ease of reading.
  • Common examples include Times New Roman, Georgia, Garamond.

Slab Serif Typography

  • Developed in the early 19th century.
  • Known as "Square Serif", resembling the previous type but has block-shaped extensions instead of traditional serifs.
  • Less distinct compared to serif and sans-serif typography.
  • Often used for headings, subheadings, and paragraph introductions to draw attention.
  • Common examples include Museo slab, Rockwell, American, typewriter.

Sans-Serif Typography

  • "Sans" means "without" in French; it has no extensions at the ends of the letters.
  • It emerged in 1816 but gained widespread recognition a century later.
  • Known for clarity, simplicity, and readability.
  • Primarily utilized in digital displays due to its effectiveness.
  • Common examples include LinkedIn, Chanel, Microsoft, Nike, Evian.

Display Typography

  • Not explicitly defined by a clear set of rules but is diverse and widely applicable. It is not designed for general text but is exceptionally suited for creating headings and logos.
  • It is used to create specific visual effects and evoke a particular feeling in the viewer.
  • Common examples include Disney, Broadway, Cooper Black, Curlz, Bombing, Gigi, Jokerman, Fanta, Lego, Tropicana.

Script Typography

  • Emulates handwriting styles.
  • Often used for invitations, greetings, or occasional advertisements.
  • Common examples include Parisian, Coca-Cola, Cadbury, Instagram, Cadillac.

Blackletter Typography

  • Often associated with the old English language.
  • Also known as "Old English," the script was widely used in the Middle Ages in various parts of the world.
  • It is notably intricate and detailed, thus making it rather difficult to read.
  • Used primarily for specific purposes, like invitations and formal documentation.
  • Common examples include Goudy Text, Monmouth, Engravers Old English.

Decorative Typography

  • Often characterized by intricate designs and uniqueness.
  • Ideally suited for conveying significant messages or main headers in advertisements.
  • Common examples include Toys R Us, Lego, Fanta.

Alignment

  • Refers to the position of text within the layout, specifically aligning the text edges to the page's borders.
  • It creates uniformity and alignment within the page.

Hierarchy

  • A method of visually organizing elements in the layout to direct the viewer's gaze.
  • Utilizing different font sizes is a primary method for creating hierarchy.

Kerning

  • Fine-tuning the horizontal spacing among consecutive pairs of letters.
  • Results in improved visual harmony and minimized gaps.

Tracking

  • Adjusting consistent spacing among all characters within the text.
  • Essential for creating clear and readable texts.

Leading

  • Adjusting spacing between lines within a text block.
  • Ensures visual appeal and readability by preventing the close proximity of lines.

Grids

  • Essential for enhancing clarity and organization within the layout.
  • Enables more efficient arrangement of page elements.

legibility

  • Choosing appropriate font types, sizes, and spacing significantly influences readability.
  • Considering page margins and spacing between lines is crucial for creating a well-organized and understandable text.

typeface

  • Font design is crucial for creating a visually appealing and easily understood experience.
  • Factors such as paper quality, ink type, and printing procedures also impact the overall appearance.

font size

  • Font size is calculated based on "points," encompassing regions from the upper to lower parts of the characters. Also, include ascender and descender.

Line length

  • Line length greatly impacts reading experience, with optimal length ensuring ease of reading.

spacing

  • Proper spacing between words prevents overlapping and improves reader comprehension.

readability

  • Clear and legible font choices are critical to conveying messages effectively.
  • Factors such as font style, size, spacing, page margins, and contrast influence the overall clarity. Studies show that screen readability is ~20-30% slower than paper.

Eye Movement and Comprehension

  • Eye movement is critical to understanding the text. The text suggests that the human eye skips across words and phrases, fixating on key areas for comprehension. Specific studies by Emile Javal (1879) and J.M. Cattell (1885) show that the comprehension rate can be high (80%) but this can be affected by how the words/text are displayed.

Studying That Suits You

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

Quiz Team

Related Documents

Typography Principles PDF

Description

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

More Like This

Poster Design Principles and Elements
12 questions
Key Elements of Post Design
16 questions

Key Elements of Post Design

PropitiousLaboradite avatar
PropitiousLaboradite
Design Gráfico: Elementos e Tipos
5 questions
Use Quizgecko on...
Browser
Browser