مبادئ الجشطالت في التصميم

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

جدول المحتويات

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

مبادئ الجشطالت في التصميم | القرب

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

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

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

انظر ماذا يحدث إذا أضفنا بعض المسافات بين العناصر. القرب يتجاوز التشابه.

أين نستخدم مبدأ القرب في تقارير LuckyTemplates ؟ يمكننا استخدامها إما لإنشاء علاقة بين رسمين بيانيين أو لإنشاء مخطط.

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

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

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

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

مبادئ الجشطالت في التصميم | استمرارية

يوضح مبدأ الاستمرارية كيف يُنظر إلى العناصر التي تتحرك أو توفر الوهم بالحركة في نفس الاتجاه على أنها مرتبطة.

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

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

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

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

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

كيف يمكن أن يكون هذا المبدأ مفيدًا لنا؟ الاستمرارية تساعدنا على تفسير الاتجاه والحركة في جميع أنحاء التكوين. يحدث ذلك عند محاذاة العناصر ، ويمكن أن يساعد أعيننا على التحرك بسلاسة في جميع أنحاء الصفحة. 

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

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

العلامات التجارية أمثلة على الاستمرارية

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

إنه يشير إلى أن Coca-Cola هي مثال على تقليد طويل الأمد في الجودة ، ويجب أن نثق به. هذا أسلوب قوي للغاية في سرد ​​القصص وهو شيء يمكننا تطبيقه جميعًا عند إبلاغنا عبر التقارير.

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

سيركز المبدأ على عيون المستخدم مباشرة بعد العنوان على زجاجة Coca-Cola الأحدث. هذا مثال رائع لقصة رائعة واختيار رائع للعناصر والتصميم.

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

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

في مثال شعار ProQuest ، يمكننا أن نرى كيف يتم التركيز على الرسالة في النهاية ، حيث ستعتمد العيون على مبدأ الاستمرارية.

اللوحات أمثلة على الاستمرارية

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

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

أولا ، دعونا نلقي نظرة على اللوحة. ما الذي ننظر إليه أولا؟ 

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

مبادئ الجشطالت في التصميم | مصير مشترك

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

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

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

في هذه الحالة ، يمكننا أن نرى أن كل شخص في المشهد ينظر ويوجه رؤوسهم نحو الخنزير.

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

مبادئ الجشطالت في التصميم | إنهاء

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

انظر إلى الصورة على الشريحة. هل ترى نقاطًا كثيرة أم ترى كلبًا؟ هل أنت قادر على رؤية الباندا أيضًا؟ 

عقلنا يملأ النقاط. يمكننا رؤية أشكال كاملة في سياق غير مكتمل. 

الملاحظة الثانية لهذا المبدأ هي أن العناصر التي لها حدود حولها يُنظر إليها على أنها أكثر ارتباطًا. نتصور مجموعة من الكائنات على أنها مجموعة عندما تكون محاطة بأي منطقة مرئية تضع حدودًا أو ظلًا حولها. 

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

تطبيق الإغلاق في تصميم التقرير

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

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

الشكل والمبادئ الأساسية

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

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

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

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

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

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

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

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

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

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

شركة يونيليفر: مثال رائع على الشكل والأرض

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

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

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

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

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

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

تصميمات LuckyTemplates لمرئيات وتأثيرات تقارير مقنعة : تصميمات لوحة معلومات LuckyTemplates
لوحة معلومات في LuckyTemplates: أفضل ممارسات التصميم

خاتمة

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

أتمنى لك كل خير،