22
ي ك ي ف ا ر ج ل ا م ي م ص ت ل ا. ك ي ك س مان ث ع ي م را" ا وحة ت ف م ل دس ا ق ل ا عة م ا ج د دي ج لما لا علا ما س ف

التصميم الجرافيكي

Embed Size (px)

Citation preview

Page 1: التصميم الجرافيكي

ا�ل�ج�ر�ا�ف�ي�ك�ي ا�ل�ت�ص�م�ي�م�سكيك . عثمان رامي أ

المفتوحة القدس جامعةالجديد االعالم قسم

Page 2: التصميم الجرافيكي

ا�ل�ج�ر�ا�ف�ي�ك�ي ا�ل�ت�ص�م�ي�م�م�ن مجموع�ة عل�ى واالشتغال المبادئ م�ن مجموع�ة تط�بيق عل�ى الجرافي�ك تص�ميم يقوم

مطبوع�ا شكال ويتخ�ذ الثابت�ة الص�ورة إل�ى يرتك�ز مرئ�ي تواص�لي فن�ي عم�ل لخل�ق العناص�راألبعاد ثنائي سطح على معروضا أو

) المص�مم ) ه�و ديزاين�ر جرافي�ك تس�مية أطل�ق م�ن أول دويغن�ز كان أديس�ون وليام" 1922عام يجم�ع " الذي الشخ�ص ذل�ك بأن�ه الجرافيك�ي المص�مم مص�طلح عرف الذي

)... النظر ) يجذب بشكل واحدة صفحة في ألوان صور، كلمات، المختلفة العناصر بيناللغوي�ة الناحي�ة الجرافيك�ي: م�ن (التص�ميم جراف ) كلم�ة م�ن تعن�ي مشت�ق وه�ي ،

)... ( ) ( ) والبح�ث) ، مطبوع مرس�وم، تص�ويري، تعن�ي فه�ي جرافي�ك كلم�ة أم�ا �، بيان�ي رس�مالفني��ة القوامي��س فمعظ��م تذك��ر ص��عوبة يشك��ل ال األجنبي��ة الكلم��ة هذه معن��ى ع��ن

أ�ن تفي�د التين�ي المتخص�صة الكلم�ة هذه وتعن�ي – أص�ل جرافوس كلم�ة م�ن وه�ي " " : اللغات ف�ي اللف�ظ فأس�تعير ، منس�وخ أ�و مرس�وم أ�و مكتوب خ�ط تعن�ي م�ا ضم�ن

. الفن لهذا ً عالميا ً اسما أصبح ثم منسوخ بخط رسم كل على يطلق لكي األوروبية

Page 3: التصميم الجرافيكي

ا�ل�ج�ر�ا�ف�ي�ك�ي ا�ل�ت�ص�م�ي�م�أخرى مادة أ�ي أ�و المعدني�ة أ�و الخشبي�ة األلواح معالج�ة أ�و حف�ر أ�و قط�ع ف�ن ه�و العام معناه ف�ي الجرافي�ك ف�ن

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

بأنه علميا الجرافيكى التصميم يعرف البصريه و االتصاالت و الخدع فنون من ما .فن فكره عن يعبر الذى

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

.)... واإليقاع ) التوازن، الوحدة، مث�ل معين�ة عالق�ات ضمن

المطلوب و التصميم عن معينه بتفاصيل ينتهى و عامة معلومات بخلق التصميم يبدأ .. عموما

من هو الناجح المصمم التصميم و فى يبدع و بالخيال الواقع مشروعه يمزج عنتماما جديده رؤيه أو للواقع ثانويه رؤيه يحدد ان خالله من يستطيع و

Page 4: التصميم الجرافيكي

ا�ل�ج�ر�ا�ف�ي�ك�ي ا�ل�ت�ص�م�ي�م� ت�ا�ر�ي�خ�الجرافيك�ي االنس�ان التص�ميم قدم والمنحوتات قدي�م الرس�وم خالل م��ن ذل�ك إدراك ونس�تطيع ،

. التاريخ قب�ل ما فترة إلى تعود والتي وصلتنا، التي

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

الفني�ة أعم��الهم ف�ي ً والص�ور مع�برا للتص�ميم العام اإلطار فكان م�ا، رمز ص�ورة لك�ل كان حي�ث. السومري اإلنسان مكنونات عن وبقوة

الطابعات م�ن المتتالي�ة االختراعات خالل وم�ن واالزمن�ة العص�ور ع�بر الجرافيك�ي التص�ميم تطورالخ .. واالنترنت والكمبيوتر

Page 5: التصميم الجرافيكي

ا�ل�ج�ر�ا�ف�ي�ك�ي ا�ل�ت�ص�م�ي�م� ت�ا�ر�ي�خ�أحداث أه�م م�ن كان بح�ق الجرافيك�ي التص�ميم تطور

المفاهي�م م�ن الكثي�ر نج�د والي��وم العشري�ن، القرنهذا وأص��بح الجرافيك��ي، بالتص�ميم الخاص��ة الجديدة

الكثي�ر المجال يدرسف�ي ذات�ه بح�د قائماً علماًالعالمي���ة الجامعات الم����صمم م���ن وأص����بح ،

باالحترام يحظون الذي الناس أكث��ر م��ن الجرافيك��ي ً نظرا الع��الم بل��دان م��ن الكثي�ر ف�ي ف�ي ألهميته�م

به�ا للناسوإقناعه�م معين�ة ص�ورة ع�ن نق�لم�ن جذاب�ة بص�رية عالقات إنشاء ف��ي مهارته�م طري�ق

. والصورة واللون الخط مع التعامل خالل

Page 6: التصميم الجرافيكي

ع�ا�م 16000م�ن�ذ�

الجرافيكي التصميم لتاريخ النماذج بعضالقديم

Page 7: التصميم الجرافيكي

الجرافيكي التصميم لتاريخ النماذج بعضالقديم

Page 8: التصميم الجرافيكي

ا�ل�ش�ع�ا�ر�ا�ت� أ�ش�ه�ر� ت�ا�ر�ي�خ� ع�ن� أ�م�ث�ل�ة�ا�ل�ع�ا�ل�م�ي�ة

1982

عام Adobeأدوبي ) ماكينتوش 1982في :(Apple Macintosh) أبل1976،

1957

Page 9: التصميم الجرافيكي

ا�ل�ج�ر�ا�ف�ي�ك�ي ا�ل�ت�ص�م�ي�م� م�ا�ه�ي�ة�هادف · : التصميم ) كيف: ) األشياء كيفية لتوضيح طريقة إنه المنفعة، إلى التصميم يهدف

كي�ف للزب�ائن، الخدمات أقدم كيف لالنترنت، ً موقعا أتصفح كيف معينة، سلعة أشتري . والمفاهيم، األفك�ار ع�ن يعب�ر التصميم أن ذلك من واألهم أقنعهم كيف بالزبائن، أتصل

. ... : الخ الجنس فئ�ة ال�دخل، فئ�ة العم�ر، فئ�ة مث�ل معين جمهور لفئة وينقلها : إعالمي التصميم · ) الطق�س، ) حال�ة تكون ربما الناس، إلى المعلومات ينقل فالتصميم

. ... الخ الشتاء فصل في االنزالقات من التحذير السير، ح�وادث : ومتسلسلة متعاقبة عملية بتفاصيل التصميم وينتهي عامة معلومات بخلق يبدأ فهو

. ... الخ صحن أو قمر أو شمس عن عبارة بأنها ينتهي قد دائرة بتصميم فالبدء معينة،

Page 10: التصميم الجرافيكي

: األشكال خالل من البصرية العالقات يستخدم التصميم · . إيجابي / شكل سلبي . شكل ساقط / شكل صاعد أمام / شكل خلف

. / ) متوازن ) غير شكل مستقر متوازن مساحة / شكل معتمة مساحةشفافة.

Page 11: التصميم الجرافيكي

ا�س�ت�خ�د�ا�م�ا�ت�هيخت�ص ك�بيرة لفترة الجرافيك�ي التص�ميم كت�ب، ) ظ�ل جرائ�د، مجالت، المطبوع�ة المواد بإنتاج

دعائي��ة، ملص��قات إعالني���ة، نشرات فيزت، بطاقات معامالت، أوراق رس��مية، أوراقمغلفات رس�ائل، مغلفات ش��عارات، أخت��ام، ومباري��ات، حفالت تذاك�ر تهنئ�ة، بطاقات

) ... ، الكثي��ر وغيره��ا ليبالت المعلب���ات، مل���صقات الط���رود، ص���ناديق أ��ن المنتجات، إالالمعلومات ) تكنولوجي��ا مج��ال ف��ي الحاص��ل الكثي�ر( Information Technologyالتط��ور أضاف

إس�م علي�ه أطل�ق ذات�ه بح�د قائ�م فرع هناك فأضح�ى الجرافيك��ي اإلعالمي��ة" للتص�ميم الوس�ائل- ،( Multimediaالمتع��ددة" ) طباعته�ا – إل��ى الحاج��ة ب��دون الكم�بيوتر رس�ومات م�ع يتعام�ل والذي

حرك�ي إطار ف�ي الس�ينمائية ويكونه�ا الص�وتية )كاألفالم التأثيرات اس��تخدام إمكاني��ة م��ع ،Audio )،الت�صميم .) م��ن النوع هذا ف�ي تتعام�ل الت�ي ال�برامج أشه�ر , Flash, & Multimedia Builderوم�ن3D Max, Maya, Macromedia Director, Macromedia)

في ايضا االنترنت ويستخدم صفحات تصميم .مجال

Page 12: التصميم الجرافيكي

ا�ل�ج�ر�ا�ف�ي�ك�ي ا�ل�ت�ص�م�ي�م� :ع�ن�ا�ص�ر�تص�ميم ه�ي الرئيس�ية الجرافي�ك مص�ّمم وظيف�ة لغرضالطباعة إنّ� أ�و اإلنترن�ت ف�يشبك�ة اس�تخدامها يمك�ن مرئي�ة . عناص�ر

) الملص�قات، ) ، المواق�ع مص�ممي قِب�ل م�ن حقيقي�ة مواق�ع إل�ى األحيان أغل�ب ف�ي تحويله�ا يت�م الت�ي المواق�ع مخططات ذل�ك؛ عل�ى كمثال.) والواقع ) اإلنترنت شبكة من كاِل في اإلعالنية الحمالت أو النشرات، الكُتيّبات،

ببساطة تعني الجرافيكي التصميم عناصر الفني إن العم�ل أو الت�صميم التي مكون�ات بطريقة ؛ لتنفيذ تنظم المصمم يعيهافي . الجمالية الناحية إن ما تجاه طبيعي يراه فعل رد اكتساب على الم�شاهد تح�ث بروحية العناصر التصميم تلك ترتي�ب طريقة

: وزناً للتصميم يعطي ما هو

: بها ُملمًّا تكون أن يجب بالتصميم خاّصة عناصر المجموع في توجد

, اللون،� المنظور، الشكل الخط،

الفراغ, , , الجحم القيمة الملمس

Page 13: التصميم الجرافيكي

ا�ل�خ�ط� : ) ا�أل�و�ل� (LINEا�ل�ع�ن�ص�ر�وللخط , • ضيق ش�كل أنه على الخط تعريف ويمكن خط هو أصالً الطبيعة في شيء كل إن

على مقدرة من للخط لما وذلك حول�ه أو الف�راغ داخ�ل بالحركة الحس منها عديدة وظائفاتجه . أينما حركته تتابع العين جعل

فالخطوط • معينة تعبيرات اله�دوء وللخطوط ع�ن تعب�ر الناعم�ة المستقيمةالخطوط واالستقرار عن المتقاطعةأما تعب�ر اتجاهاتها في والمتعاكسة والمتعارضة

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

وهناك ، الوهمية وحاد . الخطوط التصميم في شكلين التق�اء نتيج�ة المتكونة : الخطوط فوائد . - - . - . المساحات - تجزأ الحركات تنشئ األشكال تحدد الفراغ تقسم

Page 14: التصميم الجرافيكي

ل�ل�خ�ط�و�ط ا�ل�ن�ف�س�ي� :ا�ل�ت�أ�ث�ي�ر�بالثبات توحي الرأسية في الخطوط الثقل اتجاه تتبع العين أن ، ذلك وسبب أسفل إلى أعلى من وباتجاه ،

ظ�اهرة . إن الط�ول وبنفس صاعدة بحركة خط لقراءة الالزم المجهود ذلك من أقل مجهودًا تبذل حيث الخط قراءة - - حتى أكبر مجهودا تتطلب مضادة حركة وك�ل الطبيعية الحركة إلحساسنا بالنسبة إذن هي األرضية الجاذبية

. نزوله من مشقة أكثر مائ�ل م�ستوى فصعود ، نتحقق

.. واالستقرار بالهدوء توحي األفقية الخطوط

بالسقوط توحي المائلة الخطوط

الفوضى , واحيانا بالحركة توحي المنكسرة الخطرط

التموج وسالسة بالليونة توحي المنحنية صالبته الخطوط من لتهدئ المستقيم بالخط أحيان�ا تمت�زج الت�ىالزائدة

Page 15: التصميم الجرافيكي

( : ا�ل�ش�ك�ل� ا�ل�ث�ا�ن�ي� SHAPE) ا�ل�ع�ن�ص�ر� ) الهندس��ية ) المنتظم��ة منه��ا عديدة واألشكال ومغل��ق، مكتم��ل خ��ط ع��ن عبارة وه��و

تكوي�ن ويمك��ن الطبيع��ة، ف�ي كثيرة وه�ي المنتظ�م غي�ر ومنه�ا والمثل�ث، والمرب�ع كالدائرة. التصميم داخل الفراغ من مساحة تلوين طريق عن معين شكل

مفهوم األحيان م�ن كثي�ر ف�ي الشك�ل عل�ى ( ويطل�ق (، ق��وة حي�ث التكوي�ن تعتم��دتكوين��ه عل��ى شك��ل التص��ميم ه��و والتكوي��ن او ، العم��ل ف��ي العناص��ر ترتي��ب

: الت���صميم منه���ا اذك���ر عده تكوينات وهناك والمتموج ، والحلزون��ي الهرم��يالك�بيره والدائري االشكال جع�ل ه�ي توزيع�ه وطريق�ة اقواه�ا، الهرم�ي التكوي�ن ويعتب��ر ،

الحج��م ح��سب بالترتي�ب االعل�ى ف�ي الص�غيره االشكال وجع�ل االس�فل ف��ي والثقيل��ه. اللون وفصيلة اللونيه والكثاف�ة

Page 16: التصميم الجرافيكي

: : ا�ل�م�ن�ظ�و�ر� ا�ل�ث�ا�ل�ث� ا�ل�ع�ن�ص�ر� ) إليه�ا ) الناظ�ر لعي�ن تبدو كم�ا ولك�ن الواق�ع، ف�ي ه�ي كم�ا ال اللوح�ة منبس�ط س�طح عل�ى المرئي�ة األجس�ام تمثي�ل وه�و

. . المنظور بقواع�د جهل��ه ع��ن احيان��ا تنش�أ المبتدي�ء المص�مم يرتكبه�ا الت�ي االخطاء م�ن وكثي�ر معين موق�ع م�ن. إليها الناظر موق�ع مع يتناسب تغيير عليها يطرأ واتجاهاتها األجسام فأبعاد

) االلتزام ) المص�مم عل�ى ينبغ�ي ، منظور األبع��اد ثالثي��ة أش��كال عل��ى يحتوي بتص�ميم البدء عن�د: التالية بالقواعد

. األفق خط� على معينة نقطة عند تلتقي المتوازية الخطوط كل ·

. األفق خط� على التالشي نقطة عند تلتقي المائلة الخطوط كل ·

. الناظر عين عن بعدت� كلما العمودية الخطوط تتقارب ·

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

Page 17: التصميم الجرافيكي

ا�ل�م�ن�ظ�و�ر . وهوائي : خطي نوعان والمنظور

الخطي ( 1 والمسافات: المنظور أوض�اعها خ�الل م�ن يتح�دد كما األشياء مظهر الخطي بالمنظور يقصد . بينها فيما المتوازية النسبية األفقية الحديدي�ة، فالخطوط ال�سكة مثل عند ، تلتقي وكأنها تبدو

األف�ق خ�ط عل�ى التالشي المتوازية . نقطة العامودي�ة تبدو الخط�وط الكهرباء أعمدة مثلإليها الناظر عين ع�ن بع�دت األرضكلما من تقترب الخطوط. وكأنها بين التدريجي التقارب وهذا

بعدها– – زاد كلما األشكال حجم ت�ضاؤل ع�ن . الناتج وتماسكها الصورة اإلحساسبعمق إلى يؤدي

الهوائي ( 2 تبدو: المنظور كما األشياء مظهر الهوائي بالمنظور الطبيعي يقصد الجو بحاالت متأثرة . في الهوائي المنظور ويتمثل بها البعيدة المحيط األشياء نعومة وتزايد للضوء التدريجي . الخفوت

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

Page 18: التصميم الجرافيكي

ا�ل�ل�و�ن� : :) ا�ل�ر�ا�ب�ع� (COLORا�ل�ع�ن�ص�ر�األل��وان م�ن رئيس�ين نوعي�ن واألخض�ر الباردةاأللوان: هناك ومشتقات�ه، األزرق وه�ي

األلوان وهناك الب��اردة، األل��وان م��ن واألص��فر الس�اخنةيعت�بر ومشتقات�ه األحم�ر وه�يوم�شتقاته.

. : األزرق األصفر، األحمر، هي ثالثة الرئيسية األل�وان .) ثانوية ) ألوان تسمى والتي األخرى األلوان تنتج بعض م�ع لونين مزج أو درجاتها ومن ) ( ) األلوان ) جمي�ع مزج نتيج�ة يتكون األس�ود واللون ، لون ولي�س أشع�ة ي��سمى األب��يض اللون

األس��ود اللون م�ن مزي�ج إنه�ا الرمادي�ة، األلوان ع�ن البع�ض يتس�اءل وق�د البع�ض، بعضه�ا م�ع. ) واألبيض ) معينة كثافات بدرجات

م�ا عادةً� أن�ه وه�ي معين�ة، أحاس�يس المشاه�د نف�س ف�ي تثي�ر كثيرة حس�ية مدلوالت لأللواناس��تخدام يفض��ل المطع��م منشور تص��ميم فف��ي معي��ن لون موضوع لك��ل اللون يكون

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

. باأللوان الخاص الف�صل ف�ي األل�وان س�يكلوجية عن بالتفصيل وسنتحدث

Page 19: التصميم الجرافيكي

ا�ل�ق�ي�م�ة� : : ا�ل�خ�ا�م�س� VALUEا�ل�ع�ن�ص�ر�التص�ميم ف�ي المضيئ�ة فالمنطق�ة الضوئي�ة، القيم�ة درج�ة أ�و اإلضاء�ة درج�ة ه�ي

أم��ا الملون��ة، اإلعالنات ف�ي هذا المعتم�ة، المنطق�ة م�ن قيم�ة أكث�ر تكون م�ا عادةً�قيم��ة، أعل��ى يشك�ل األ�بيض فإ�ن فق�ط واألس�ود األ�بيض تس�تخدم الت�ي اإلعالنات

. ً ضوءا األقل القيمة نحو تدرجنا قد نكون األسود من اقتربنا وكلما : المنطق���ة أ��ن ف���المعروف وال���ضوء الظ��ل مراعاة يج��ب أن��ه بالذك��ر والجدي��ر

. الظل في اآلخر جانبها يكون للضوء المتعرضة

Page 20: التصميم الجرافيكي

: ا�ل�م�ل�م�س� ا�ل�س�ا�د�س� ا�ل�ع�ن�ص�ر�(TEXTURE:)

الت��صميم ف�ي البص�رية يعن��يوالملم�س الرؤي�ة طري�ق ع�ن ، اإلحس�اسب�ه . عليه�ا يطل�ق الظاهرة هذه إ�ن وتخيلها ال��سطحية بالقي�م العق�ل إحس�اس ث�م وم�ن

." الملمسي " لإلح�ساس الب�صري المع�ادل ً أحيان�ا

اس�تخدامه ف�ي العنص�ر هذا أهمي�ة التص�ميم وتكم��ن أجزاء بي�ن إلعطاء للتميي�زالخاص�ة، ط�بيعته ش��يء للس�طح ك��ل والنعوم�ة الخش�ن للس�طح فالخشون�ة

التص�ميم الناع�م إعطاء عل�ى يعم�ل التص�ميم أجزاء بي�ن المالم�س تن��وع أ�ن كم�ا ،.حيوية بالملل اإلحساس ع�ن ويبعده أكثر

Page 21: التصميم الجرافيكي

ا�ل�ح�ج�م� : : ا�ل�س�ا�ب�ع� SIZEا�ل�ع�ن�ص�ر�للتصميم , , الوظيفيه الغايه في مهم والحجم االشياء صغر او كبر مدى على تدل

وللتنظيم , وللجذباالنتباه يشد الذي وما المهم هو ما يبين فالحجم

Page 22: التصميم الجرافيكي

ا�ل�ف�ر�ا�غ : ا�ل�ث�ا�م�ن� ا�ل�ع�ن�ص�ر�بصرية ابعاد التصميم ويعطي التصميم عليه يحتوي التي واالشكال التصميم ابعاد يوضح

رائعة