This website requires JavaScript to deliver the best possible experience.
استخدام النظام الشبكي في التصميمات المختلفة

استخدام النظام الشبكي في التصميمات المختلفة

النظام الشبكي في الشعارات

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

ما هي الشبكية؟

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

ما هي الشبكية؟

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

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

أهمية الاعتماد على الشبكية في التصميم

كل أنواع الشبكات المستخدمة في تصميم الشعارات يوجد بينهم عامل مشترك وهو استخدام الأشكال الهندسية المختلفة؛ لأنها تساعد المصمم على تنفيذ الشعار تبعًا حسابات رياضية دقيقة وفي النهاية يحصل على تصميم متناسق.

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

استخدام الشبكية في تصميم الشعارات

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

الشبكة وتصميم الشعارات

استخدام الشبكة في تصميم الشعارات

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

  • هل تشعر بالراحة في التصميم أثناء استخدام هذه الشبكة؟
  • هل استخدمت هذه الشبكة في تصميم الشعارات من قبل؟
  • هل أنت مستعد للتخلي عن الشبكة؟
  • ما الأشكال التى سوف تستخدمها فى التصميم؟

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

استخدام الشبكة في تصميم الشعارات

مميزات استخدام الشبكة

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

تساعد الشبكات على تنظيم عناصر التصميم وعمل تركيز بصري فعال لها.

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

مميزات استخدام الشبكة

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

مميزات استخدام الشبكة في التصميم

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

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

القاعدة الثلاثية في التصوير the rule of third

بعض الآراء حول استخدام الشبكة

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

إنشاء الشبكة معقد للغاية ويتطلب وقتًا طويلًا.

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

بعض الآراء حول استخدام الشبكة

لماذا يجب علينا استخدام الشبكة فى تصميم الشعارات؟

تصميم الشعارات الذي يعتمد على الشبكة يمنح المصممين الكثير من الخيارات من أجل تنظيم ورسم الأشكال.

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

لماذا يجب علينا استخدام الشبكة فى تصميم الشعارات؟

النظام الشبكي في المطبوعات المختلفة

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

النظام الشبكي في المطبوعات المختلفة

التصميمات المعتمدة على الشبكة استُخدمَت فى الطباعة لفترات طويلة. الشبكات تؤسس الهيكل العام للمطبوعات المختلفة المستخدمة كدليل لكيفية وضع الكتابات الصور والأشكال داخل الصفحات.

استخدام النظام الشبكي في المطبوعات المختلفة
أهمية النظام الشبكي في المطبوعات المختلفة
تأثير استخدام النظام الشبكي في المطبوعات المختلفة
علاقة استخدام النظام الشبكي في المطبوعات المختلفة

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

استخدام النظام الشبكي في الصحف الاخبارية

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

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

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

النظام الشبكي في تصميم الإعلانات

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

النظام الشبكي في تصميم الإعلانات

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

الشبكة العمودية واستخدامها في الصحف

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

استخدام الشبكة في الصحف والمجلات

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

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

الشبكة في تصميم صفحات الويب وتطبيقات المحمول

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

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

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

الشبكة في تصميم صفحات الويب وتطبيقات المحمول
استخدام الشبكة في تصميم صفحات الويب وتطبيقات المحمول

لعلك سمعت عن النظام الشبكي المشهور وهو النظام الشبكى 960 (the 960 grid system) حيث يعتبر الشبكات المثالية فى تصميم صفحات الويب. وتتكون شبكة 960 من 12 أو 16 عمود وتوفر الكثير من المرونه أثناء التصميم، وتكون عرض هذه الشبكة 1200 بكسل وهذا يعنى أن التصميم سوف يصلح للعرض على معظم الشاشات، لكنها ليست الشبكة الوحيدة المستخدمة فى تصميم صفحات الويب، لكنها واحدة من أقوى وأكثر الشبكات شهرة فى تصميم صفحات الويب.

 النظام الشبكى 960 (the 960 grid system)
طريقة استخدام  النظام الشبكى 960 (the 960 grid system)

يعتمد التصميم المستجيب (Responsive Design) على الشبكة بشكل أساسى فى توزيع المحتوى ليتناسب مع جميع الشاشات المختلفة مثل شاشات الكمبيوتر والأجهزة اللوحية والمحمول.

التصميم المستجيب Responsive Design
مفهوم التصميم المستجيب Responsive Design

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

تحقيق التدرج البصري من خلال الشبكة
تأثير استخدام التدرج البصري والشبكة على التصميم

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

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

اعتماد النظام الشبكى على الاتجاهات التكنولوجية الحالية والمتقدمة
اتباع النظام الشبكى على الاتجاهات التكنولوجية الحالية والمتقدمة

وتعتمد جميع صفحات الويب على الشبكات بشكل أساسي، ويتكون أي عمل رقمى digital work من وحدات صغيرة تسمى البكسل، وأصبحت الشبكات أكثر شعبية لدى مصممي صفحات الويب مع ظهور برنامج أدوبي فوتوشوب، ويوجد على شبكة الانترنت بعض الدروس التي توضح إستخدام الشبكات فى انشاء القوالب الجاهزة (mock-ups) و الشعارات و الرسومات (graphics) و الأيقونات و الفنون الرقمية الأخرى.

استخدام النظام الشبكي من خلال الاليستريتور
أهمية استخدام النظام الشبكي في التصميم النهائي
تأثير استخدم النظام الشبكي على التصميم النهائي

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

استخدام النظام الشبكي في البرمجة

الفصل
التالي