استخدام التكرار والمحاذاة والتماثل في تصميم تصور البيانات
لقد وصلنا إلى نهاية سلسلة مبادئ تصميم البيانات الخاصة بنا. في هذا المنشور الأخير ، دعنا نطرح السؤال الأساسي – ما هي البيانات بالضبط؟
ببساطة ، يقارن تصور البيانات القيم المتعددة ويضع المعلومات في سياقها . تأتي العملية في خطوتين:
- اكتشاف: جمع وتنظيم البيانات
- الاتصال: تخطيط وتسليم إستراتيجية اتصال لإيصال البيانات إلى الجمهور المستهدف
يتضمن الجزء الثاني عملية تصميم معقدة تتضمن الألوان والتسلسل الهرمي والتصوير الفوتوغرافي ، والتي تحدثنا عنها بدقة. هناك المئات من الطرق لتصور البيانات.
“من بين جميع طرق تحليل المعلومات الإحصائية وإيصالها ، عادةً ما تكون رسومات البيانات جيدة التصميم هي الأبسط والأقوى في نفس الوقت.”
– إدوارد توفت
أُطلق على الدماغ البشري لقب “آلة التعرف على الأنماط”. يجب أن يكون التصور الجيد للبيانات مفهومة ، ولا تنسى ، وقابلة للتنفيذ. بالنسبة للمصممين ، من الضروري تبسيط البيانات ، لذلك من الأسهل ترجمتها إلى شيء مرئي يمكن للمشاهدين فهمه وفك شفرته بدون مشكلة.
هناك بعض الحيل لجعل بياناتك مفهومة ولا تنسى ، أي من خلال التصميم مع التكرار والمحاذاة والتناسق في الاعتبار.
تكرار التصميم مع البيانات: ضع في اعتبارك المحاذاة والتناسق
1. مبدأ التكرار في التصميم
لا يعني التكرار تكرار نفس العناصر المرئية في جميع أنحاء التصميم ، ولكن إعادة استخدام العناصر المماثلة لعمل قطعة متماسكة من العمل. بالنسبة لبعض أعمال التصميم المعقدة ، مثل تصور البيانات ، فإن استخدام التكرار سيخلق إحساسًا بالوحدة والاتساق ، مما يعزز التصميم.
يقول البعض أن التكرار في التصميم هو نوع من غسيل الدماغ – فكلما زاد عدد الأشخاص الذين يروه ، أصبحوا أكثر دراية به ، وبالتالي يتذكرونه بشكل أفضل. من الطبيعة البشرية أن تنجذب إلى الألفة.
في توصيل البيانات ، يمكن أن ينعكس التكرار باستخدام أنواع أو أشكال أو ألوان مخططات متشابهة في التصميم. باستخدام التكرار ، ينشئ المصممون ارتباطًا غير لفظيًا بين العناصر ، ويبلغون المشاهدين بأن المحتوى المختلف مرتبط ببعضهم البعض.
2. مبدأ المحاذاة في التصميم
تشير المحاذاة إلى محاذاة العناصر الرسومية في نوع من الشبكة – إما رأسيًا أو أفقيًا.
تتضمن المحاذاة الأفقية :
- Flush-left → النقطة المرجعية هي الهامش الأيسر
- Flush-right → النقطة المرجعية هي الهامش الأيمن
- توسيط → النقطة المرجعية هي خط وهمي في منتصف الصفحة
- → مبرر بالكامل يهدف إلى تبرير سلس على جميع الهوامش يسمى أيضًا التبرير القسري.
مع المحاذاة الرأسية ، تكون القواعد متشابهة إلى حد كبير ولكن بالمعنى الرأسي – إما أعلى أو أسفل أو وسط (وسط).
فلماذا نحتاج الشبكات؟ حسنًا ، لسنا في حاجة إليها بالفعل ، لكنها تساعد في وضع النص والرسومات في التصميم.
3. التناسق في التصميم الجرافيكي
أدمغتنا مرتبطة بحب التناظر – نحصل على بعض الرضا عندما تكون الأشياء مرتبة ومنظمة. في التصميم ، يوفر التناظر نهجًا منظمًا ، مما يجعل المشاهدين يجدون العناصر بسهولة أكبر. هذا يسمى أيضا التوازن. هناك طريقتان مختلفتان لتحقيق التوازن:
التوازن الرسمي
تستخدم في تخطيطات بسيطة للغاية ومحددة مع عناصر قليلة الاستخدام. هذا عندما يكون للتصميم هدف محدد للغاية. على سبيل المثال ، يستخدم تصميم صفحة Google الرئيسية التوازن الرسمي. إذا كان لدى Google صفحة رئيسية مزدحمة المظهر ، فقد يتم تشتيت انتباه المستخدمين عند الرغبة في البحث عن شيء ما – وهو ما يتعارض مع الغرض من Google كمحرك بحث.
التوازن غير الرسمي
يقبل هذا النوع من التوازن مستوى معينًا من عدم التناسق في التصميم ، وإن كان ذلك بجهد حقيقي يمكن التعرف عليه لتأكيد توازن المحتوى على جانبي المحور الرأسي / الأفقي. وبالتالي ، فإن المصمم غير مقيد بالحفاظ على تناسق صارم ، ومع ذلك لا يزال يحاول الاستفادة من قواعد التوازن وإدخال توزيع متساوٍ إلى حد ما للعناصر.
نأمل أن تكون قد استمتعت بسلسلة مبادئ تصميم البيانات.
إن الحفاظ على تكرار التصميم والمحاذاة والتوازن في الاعتبار سيجعل عملك المرئي أقوى وأكثر إرضاءً من الناحية الجمالية. ومع ذلك ، فإن مبادئ التصميم هذه مجرد إرشادات. لا ينبغي أن يخاف المصممون الجيدون من السير في طريقهم الخاص ، باتباع غرائزهم الخاصة.
اذهب الآن وصمم!
ما الذي يجب أن نكتب عنه بعد ذلك؟ غرد لنا على Twitter وتواصل معنا على Facebook . نحب أن نسمع منك!