استخدام التكرار والمحاذاة والتماثل في تصميم تصور البيانات

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

ببساطة ، يقارن تصور البيانات القيم المتعددة ويضع المعلومات في سياقها . تأتي العملية في خطوتين:

1. اكتشاف: جمع وتنظيم البيانات
2. الاتصال: تخطيط وتسليم إستراتيجية اتصال لإيصال البيانات إلى الجمهور المستهدف

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

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

– إدوارد توفت

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

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

تكرار التصميم مع البيانات: ضع في اعتبارك المحاذاة والتناسق

1. مبدأ التكرار في التصميم

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

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

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

2. مبدأ المحاذاة في التصميم

تشير المحاذاة إلى محاذاة العناصر الرسومية في نوع من الشبكة – إما رأسيًا أو أفقيًا.

تتضمن المحاذاة الأفقية :

1. Flush-left → النقطة المرجعية هي الهامش الأيسر
2. Flush-right → النقطة المرجعية هي الهامش الأيمن
3. توسيط → النقطة المرجعية هي خط وهمي في منتصف الصفحة
4. → مبرر بالكامل يهدف إلى تبرير سلس على جميع الهوامش يسمى أيضًا التبرير القسري.

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

فلماذا نحتاج الشبكات؟ حسنًا ، لسنا في حاجة إليها بالفعل ، لكنها تساعد في وضع النص والرسومات في التصميم.

3. التناسق في التصميم الجرافيكي

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

التوازن الرسمي

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

التوازن غير الرسمي

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

لماذا التكرار والمحاذاة والتماثل؟

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

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

نأمل أن تكون قد استمتعت بسلسلة مبادئ تصميم البيانات.

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

اذهب الآن وصمم!

ما الذي يجب أن نكتب عنه بعد ذلك؟ غرد لنا على Twitter وتواصل معنا على Facebook . نحب أن نسمع منك!