بسم الله الرحمن الرحيم

وبه نستعين

التصميم الجرافيكي / أمثلة عملية عن نظم الشبكات (2)

Practical Examples of layouts Systems (2)

 

نظم الشبكات: الهرمية

Grid Systems: Hierarchical

مثال (1)

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

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

مثال (2)

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

نظم الشبكات: المُجَمَّعة

Grid Systems: Compound

مثال (1)

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

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

مثال (2)

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

مثال (3)

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

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

مبادئ التكوين: التوازن

Compositional Principles: Balance

مثال (1)

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

مثال (2)

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

مبادئ التكوين: الحركة

Compositional Principles: Movement

مثال (1)

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

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

مثال (2)

في الصورة أعلاه، تصميم لملصق (بوستر) اعلاني لعلامة تجارية شهيرة. قام الفنان بتوظيف نص العلامة التجارية داخل التكوين والذي يحتوي أشكال هندسية ذات اتجاهات محاذاة مختلفة. تم تصميم أسم العلامة التجارية من نص تم إنشاؤه من أربعة أشكال هندسية أساسية تتحول في اللون حتى تسمح بإنشاء اختلافات واتجاهات، وقام الفنان باستخدام ألوان زاهية ونابضة بالحياة للشعار.

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

مبادئ التكوين: التماثل أو التناظر

Compositional Principles: Symmetry

مثال (1)

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

مثال (2)

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

مثال (3)

في الصورة أعلاه، تصميم لملصق ترويجي لمعرض فني باسم Dada @ MoMA مخصص للعرض في المتاحف فقط. التصميم لطالبة بمدرسة الفنون البصرية نيويورك. اعتمدت الفنانة على استخدام كل من العناصر المطبعية الكبيرة والصغيرة الحجم، والأيقونات. تم إنشاء التصميم وفقا لأحد مبادئ التكوين وهو مبدأ التوازن المتماثل. 

مبادئ التكوين: عدم التماثل أو عدم التناظر

Compositional Principles: Asymmetry

مثال (1)

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

مبادئ التكوين: التوتر

Compositional Principles: Tension

مثال (1)

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

مثال (2)

في الصورة أدناه، تصميم لملصق عن مترو الأنفاق في بروكلين، نيويورك، الولايات المتحدة الأمريكية. التصميم هو خريطة مترو الأنفاق الأيقونية المعروفة في مدينة نيويورك بين عامي 62 و 78، تم تصميمه عن طريق إنشاء لوحات مركبة من الألوان الفلورية في صورة شرائط ملونة باستخدام نظام ألوان الشاشات RGB ونظام CMYK للطباعة.

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

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

مثال (3)

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

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

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

 

أرجو أن تنال التدوينة إعجابكم وإلى لقاء قريب بإذن الله

 

المراجع والمصادر

مدرسة التصميم - تخطيط الشبكات.

Design School - layout

 

لمزيد من التواصل تابعونا على وسائل التواصل الاجتماعي

حساب "مدونة ألوان" على فيسبوك.

حساب "مدونة ألوان" على انستجرام.

حساب "مدونة ألوان" على تويتر.