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

وبه نستعين

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

Practical Examples of layouts Systems (3)

 

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

Compositional Principles: Contrast

مثال (1)

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

مثال (2)

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

مثال (3)

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

مبادئ التكوين: الشكل - الأرضية

Compositional Principles: Figure-ground

مثال (1)

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

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

خصائص الشبكات: السرعة والتسلسل

Layout Characteristics: Pacing and Sequence

مثال (1)

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

خصائص الشبكات: النمط والشكل

Layout Characteristics: Pattern and Form

مثال (1)

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

مثال (2)

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

خصائص الشبكات: الإيقاع والتدفق

Layout Characteristics: Rhythm and Flow

مثال (1)

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

مثال (2)

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

مثال (3)

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

خصائص الشبكات: المسافة والفراغ

Layout Characteristics: Space

مثال (1)

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

مثال (2)

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

خصائص الشبكات: المحاذاة

Layout Characteristics: Alignment

مثال (1)

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

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

خصائص الشبكات: التركيز أو التأكيد والتسلسل الهرمي والمقياس

Layout Characteristics: Emphasis, Hierarchy, and Scale

مثال (1)

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

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

مثال (2)

في الصورة أعلاه، تصميم لملصق (بوستر) بعنوان رئيسي باسم مولر بروكمان Müller-Brockmann، وعنوان فرعي باسم مولر بروكمان وأكزيدينز جروتسك. ومولر بروكمان كما نعرف هو واحد من أهم مصممي الجرافيك، وصاحب الكتاب المعروف نظم الشبكات. تم إنشاء التصميم بواسطة طالبة في مدرسة الفنون البصرية، نيويورك، الولايات المتحدة الأمريكية. 

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

مثال (3)

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

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

مثال (4)

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

 

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

 

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

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

Design School - layout

 

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

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

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

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