تيبوجرافيا typography - introduction - arabic
TRANSCRIPT
![Page 1: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/1.jpg)
Typographyتيبوخرافي
تصوين الحروف
دكتور احمد عطية وتغليفطباعة ونشر –السنة االولي
تمهيدية -المحاضرة األولي
2016 - 2017
التجمع الخامس –المعهد العالي للفنون التطبيقية
![Page 2: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/2.jpg)
هقذهة تاريخية عي التيبوخرافيا
يعتبر علم التيبوجرافيا من العلوم التاريخية القديمة ومن االمثلة •
التاريخيةةةةة لاةةةة ا العلةةةةم يةةةةو اللعةةةةة الايرو لي يةةةةة ع ةةةةد ةةةةدما
.المصريين
ويعتبةةر يةة ا ال ةةول مةةن اللعةةا والتعبيةةر بالريةةم مقدمةةة تاريخيةةة •
لعلةةةةةةةةةم متيةةةةةةةةةور افن فةةةةةةةةة التصةةةةةةةةةميم ويعةةةةةةةةةر بايةةةةةةةةةم
Pictographs.
ويتم ايتخدامه ف تصميم ظم داخلية خاصة بكل مكان ويعتمد •
علةة االرةةارا ولةةيا الكتابةةة الصةةريمة ويةةتم تصةةميمه تبعةةا
.لثقافة وتعليم المجتمع ال ي ييتخدمه
![Page 3: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/3.jpg)
Image Source: http://bit.ly/6gAvue
![Page 4: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/4.jpg)
2-هقذهة تاريخية عي التيبوخرافيا
ية ة 1000المرو االول ف اللعة الالتي ية وتةم ايةتخداماا •
مةةر وال تمتةةوي علةة 22 بةةل المةةيالد وكا ةة عبةةار عةةن
Early Alphabetsالمةةةةةةةةةرو اليةةةةةةةةةاك ة وييلةةةةةةةةة علياةةةةةةةةةا Phoenician.
.ال ي يتم ايتخدامه افن Phoneticsوم اا جا مصيلح
![Page 5: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/5.jpg)
![Page 6: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/6.jpg)
3-هقذهة تاريخية عي التيبوخرافيا
ف عاد المملكة اليو ا ية تم ايتمداث اللعة الالتي ية وتم اضافة •
المرو المتمركة وتم ايتمداث القرا من الييار ال اليمين
.وايضا القرا من اعل ال اي ل
![Page 7: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/7.jpg)
4-هقذهة تاريخية عي التيبوخرافيا
فةةةةةة عاةةةةةةد االمبرايوريةةةةةةة •
الروما يةةة تةةم ايةةتمداث اللعةةة
الالتي يةةةة المديثةةةة والمعروفةةةة
بركلاا المةال وتةم ايةتمداث
م اةةةةةةوم المةةةةةةرو الكبيةةةةةةر
والصةةةةعير وابتكةةةةار ارةةةةكال
.اكثر مرو ة للمرو
![Page 8: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/8.jpg)
5-هقذهة تاريخية عي التيبوخرافيا
تةةةةةةم اكترةةةةةةا اليباعةةةةةةة •
بوايةةية يوم ةةا جةةوت بر
فةة القةةرن الخةةاما عرةةر
وتةةم صةة اعة .. المةةيالدي
المةةةةرو يةةةةدويا وكا ةةةة
تصةة ع مةةن يةةبيكة معد يةةة
وتلص عل الب خرةب
خةةاب باةةا و ةةد كدي لةة
لزياد معةدل ا تةا الكتةب
.وخاصة اال جيل
![Page 9: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/9.jpg)
![Page 10: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/10.jpg)
![Page 11: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/11.jpg)
فيلم تاريخي تسجيلي
![Page 12: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/12.jpg)
![Page 13: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/13.jpg)
![Page 14: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/14.jpg)
تعريف التيبوجرافيا
![Page 15: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/15.jpg)
تعريف التيبوخرافيا
هي عملية فن اعداد وترتيب الحروف بطريقة تقنيةة بغةرا اسةتخدامها •
في عملية الطبع وذلك حتي يمكن قرائتها بوضوح مع الحفاظ علي القيم
.الجمالية للمطبوع
هي عملية تصميم وترتيب للحروف بطريقةة فنيةة علةي بعةدين فةي حالةة •
.الطبع وعلي ثالثة أبعاد في حالة التصميم الرقمي
فةةي الوقةةح الحلةةي هةةي مسةةئولية مصةةمم الجرافيةةك مةةع مصةةمم المنةةت •
.الطباعي
![Page 16: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/16.jpg)
![Page 17: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/17.jpg)
وظيفة العصر التيبوخرافي
يقوم الع صر التيبوجراف بايصال معلومة ال المتلق كيا كان •
. ول الميبول
الم تج الميبول يتم ا تاجه يبقا لم ظومة لاا واعد واضمة •
ويتم ايتخدام التيبوجرافيا فياا ضمن ي ه الم ظومة مع
-:الممافظة عل وظي تين كياييتين ويما
.الوظي ة المعلوماتية وي تع ياولة القرا بال يبة للمتلق -
.الوظي ة الجمالية-
الوثيقة الت يتم ايتخدام التيبوجرافيا فياا يتم ب ا يا وفقا -
-:لم ظومة تعتمد عل مكو ا كيايية وي
![Page 18: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/18.jpg)
وظيفة العصر التيبوخرافي
.مرو •
.كلما •
.جمل•
.فقرا •
.مقايع•
.جز •
ا ا الوثيقة يتم ب اؤيا وفقا لم اوم كو م ظومة يتم اعداديا ميبقا • .بتيبي فواعد وكيا ممدد
-:ي ه الم اييم ت قيم ال جزئين ويما•
.الم اوم الب ائ للمؤل •
.الم اوم الب ائ للقارئ•
![Page 19: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/19.jpg)
الم اوم الب ائ .للمؤل
الم اوم الب ائ .للقارئ
![Page 20: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/20.jpg)
هصون الوتح –وظيفة الوصون الدرافيكي
ووظي ة المصمم ي الجمع بين الم اومين عن يري عمل •
تصميم ب ائ للوثيقة ييتييع من خالله الربي بين الم اومين
ميث ان يريقة عرض الممتوي تيايم بركل فعال ف ايصال
األفكار والم اييم للمتلق وميث ان الميبول وييلة اتصال
فالبد وان يياعد التصميم عل .. بين المؤل و المتلق .ايصال الريالة بكل وضوح ودون لبا كو موض
![Page 21: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/21.jpg)
الم اوم الب ائ .للمؤل
الم اوم الب ائ .للقارئ
هصون الوتح –دور الوصون الدرافيكي
![Page 22: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/22.jpg)
أواع اللغات الوستخذهة
.اللعة العربية -1•
–االيبا ية –ال ر يية –اال جليزية )اللعة الالتي ية -2• (.الخ.. االلما ية –االييالية
![Page 23: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/23.jpg)
تعريف الخط العربي
هططفل ططتلملم ططكتالالفي ططلل طط لاخياططيلالا طط لاليطط لالخططالالبي طط ل•
ميكتزلالفي للالبي تلل ففنهط لاي طاللاكط ل. مسيبكللالحيمفلالبي تل
أشف للهندستللاخيافللاتلخالللالكدلماليجط لالكيس بليجباه لق الل
.مالييكتبماليزميللماليش كلماليداخللماالسيدارةل
![Page 24: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/24.jpg)
أواع الخطوط العربية
.الكوفي•
.الثلث•
.النسخ•
.الفارسي•
.الرقعة•
.الديواني•
![Page 25: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/25.jpg)
الخط الكوفي
![Page 26: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/26.jpg)
خط السخ
![Page 27: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/27.jpg)
خط السخ
![Page 28: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/28.jpg)
خط الثلث
![Page 29: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/29.jpg)
خط الرقعة
![Page 30: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/30.jpg)
خط الرقعة
![Page 31: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/31.jpg)
الخط الذيواي
![Page 32: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/32.jpg)
الفارسيالخط
![Page 33: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/33.jpg)
الخط الذيواي
![Page 34: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/34.jpg)
أدوات الكتابة للخطوط العربية
![Page 35: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/35.jpg)
وارج لتصويوات بالخط العربي
![Page 36: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/36.jpg)
![Page 37: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/37.jpg)
![Page 38: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/38.jpg)
وارج ألواع هي الخطوط التي تستخذم في الكتابة
بالكوبيوتر
![Page 39: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/39.jpg)
أواع الخطوط االدليسية
.Sans Serifخيوي بدون زوائد -1•
. Serifخيوي بزوائد -2•
.خيوي تجمع بين االث ين -3•
.خيوي مزخرفة -4•
![Page 40: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/40.jpg)
.Sans Serifخطوط بذوى زوائذ
![Page 41: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/41.jpg)
Serifخطوط بسوائذ
![Page 42: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/42.jpg)
![Page 43: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/43.jpg)
Script Font خط زخرفي
![Page 44: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/44.jpg)
وارج للواقشة توضح أهوية ودور الوصون
![Page 45: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/45.jpg)
![Page 46: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/46.jpg)
![Page 47: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/47.jpg)
![Page 48: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/48.jpg)
Contrast by weight samples
![Page 49: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/49.jpg)
استخذام الخط في التصوين الدرافيكي واألعوال الفية
![Page 50: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/50.jpg)
![Page 51: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/51.jpg)
![Page 52: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/52.jpg)
![Page 53: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/53.jpg)
![Page 54: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/54.jpg)
![Page 55: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/55.jpg)
![Page 56: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/56.jpg)
![Page 58: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/58.jpg)
![Page 59: تيبوجرافيا Typography - Introduction - Arabic](https://reader034.vdocuments.us/reader034/viewer/2022051521/586e100c1a28ab8a588b5153/html5/thumbnails/59.jpg)
الوراخع الوستخذهة
blogspot.com0://albalwihttp./ -البلوي عبدالرحمن علي - الخط العربي•
ليف فوسوت بليدين –ثصميم الك جاب واهجاجه –ماهر محمد قطب –محسن شاكر • ولي –دار الوشر للجامعات المصرية –ثا
الطبعة ال
– 1989.
• Better Typography – Mark Boulen - markboulton.co.uk - markboultondesign.com
• mailto:[email protected]
Slides and resources at: http://www.markboulton.co.uk/present/web2berlin/