تصميم متعدد الأبعاد: نظرة على تصميم الويب اليوم

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

ما هي السمات المميزة لتصميم المواد؟ ما علاقة ذلك بحركة التصميم المسطح؟

ماذا أقول عن هذا الاتجاه في تصميم المواقع؟

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

النظام والوضوح وسهولة القراءة

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

الإضاءة والواقعية

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

الحركة هي الأداة الأكثر فعالية لجذب الانتباه وتوجيه المشاهد

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

الإيقاع والنظام واللغة

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

ترميز غير محدود

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

التصميم المسطح يختلف عن التصميم متعدد الأبعاد

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