-
أشهر 3 اتجاهات لتصميم مواقع الويب في 2024
إليك ما هو شائع في التصميم لعام 2024.
-
داكن مع نص مشرق
الخلفيات الداكنة هي اتجاه تصميم لا ينفد أبدًا. (شكرا لك ، الوضع المظلم!)
كان التحول الدقيق في لون عناصر النص المصاحبة ، من اللون الفاتح أو الأبيض إلى اللون الساطع.
هذا يخلق اتصالًا عاطفيًا أكثر بهجة مع التصميم مع شعور أقل حدة.
يمكن أن تكون الألوان الزاهية أي شيء تقريبًا إذا كانت الخلفية مظلمة تمامًا.
سيضمن التباين العالي بين الظلام والساطع إمكانية القراءة.
يأتي التحدي عندما تكون العناصر الثانوية أخف ويمكن أن تسبب مخاوف بشأن القراءة بسهولة.
يستخدم مشروع 9×8 بعضًا من الألوان الأكثر سطوعًا – أصفر نيون – لكن صورة الخلفية توضح كيف يمكن لبعض مخاوف قابلية القراءة أن تلعب دورًا.
ومع ذلك ، في المناطق المظلمة ، يمكن قراءة النص تمامًا ، حتى في الأحجام الصغيرة.
يستخدم Dan Iqbal خلفية داكنة بنص برتقالي لامع لتصميم محفظته. كل شيء سهل القراءة ، واللون جذاب. النص الذي يتم تدوير الخلفية هو لمسة إضافية لطيفة.
أخيرًا ، يوضح Keelvar أن اختيارات الألوان الزاهية يمكن أن تكون غير متوقعة إلى حد ما.
قد لا يكون اللون الأرجواني الفاتح هو خيارك الأول ، لكنه يجمع العناصر معًا في هذا التصميم بشكل جيد.
-
عناصر البطاقة ذات الحواف المنحنية
تستمر عناصر البطاقة في التطور بطرق مختلفة ، ولا يعد اتجاه تصميم موقع الويب هذا استثناءً من عناصر نمط البطاقة التي تحتوي جميعها على حواف منحنية.
الجميل في هذه البطاقات أنها تعمل مع أي نمط تصميم آخر.
توضح الأمثلة أدناه كيف تتكامل جيدًا مع الخلفية البيضاء ومحتوى الصورة وأنماط البطاقات المتحركة وحتى البطاقات الموجودة داخل البطاقات في مخطط تصميم شبه وحشي.
يمكن أن تكون بطاقات الحافة المنحنية مسطحة ، ولها أبعاد أو عمق بسبب الظلال ، أو تتضمن تأثيرات حركية أو تحوم.
يمكن أن يكون المحتوى عمليا أي شيء من الصور إلى النص إلى الفيديو إلى مجموعات من كل منهم.
يكدس ستوديو Same Same صفين من البطاقات الصغيرة مع الكثير من الألوان.
كل منها عبارة عن زر به عبارات تحث المستخدم على اتخاذ إجراء والتي تسقط مع حالة التمرير.
ما هو رائع في البطاقات هو أن المحتوى الموجود فيها يختلف مع الصور والرسوم المتحركة والفيديو والإطارات الثابتة.
يوضح مقدار الفرص المتاحة باستخدام تقنية التصميم هذه.
يضع Zach Hayes البطاقات داخل البطاقات داخل البطاقات على موقع محفظته على الويب.
يستخدم كل عنصر نفس المنحنى للحواف ، كما أن اللون الأبيض الناصع يكون ممتعًا.
تساهم عناصر العمق على البطاقات والعناصر المطبعية في الشعور الوحشي للمشروع.
3. محاذاة Zig Zag
قد تتركك هذه التصميمات تتساءل – أين الشبكة؟
يمكن للأنماط المتعرجة للصور وحتى النص أن تخلق إحساسًا بعدم التوازن أو عدم التوازن ، اعتمادًا على الاستخدام.
ويمكن لأي من الإصدارين إنشاء سمة مرئية يمكن أن تعمل على الصفحة الرئيسية أو لتصميم كامل.
يمكن أن تكون المحاذاة المتعرجة رأسية أو أفقية أو تتضمن عناصر من نوع خطوة السلم.
كل هذه الأنماط لها شعور خارج الشبكة ، ولكن في معظمها ، تكون على شبكة ، وليس فقط النمط الذي قد تتوقعه.
(يمكن أن تساعدك نصف الشبكة في الحفاظ على هذا النمط منظمًا بمسار واضح وموضع للعناصر).
أنت بحاجة إلى بعض العناصر لإنشاء نمط لجعل هذا العمل فعالاً.
من ناحية أخرى ، لا تريد عددًا كبيرًا جدًا من العناصر في نمط التعرج لأنه يمكن أن يكون ساحقًا.
من الناحية المثالية ، لديك ما بين 3 و 7.
مقهى وبار موكا متعرج ومتعرج بالأحرف التي تجعل الاسم التجاري. هناك خطان أساسيان أفقيان للنص يحافظان على تنظيم الفوضى المطبعية.
تستخدم فنادق سويس ديلوكس هذه التقنية رأسياً وأفقياً ، مما يدل على أنها قد تكون صعبة عندما يتعلق الأمر بالاستجابة.
يبدو هذا التصميم أفضل وأكثر قابلية للقراءة على الشاشات الأكبر حجمًا.
يتميز Oaks Lane بنمط درج من الصور يستمر من الصفحة الرئيسية طوال التمرير في التصميم.
تظهر الخطوة أحيانًا في السطر العلوي للصور ولكنها تُستخدم أيضًا أسفل إطارات الصور أيضًا.
يمكن أن تكون هذه الطريقة في استخدام نمط متعرج أنيقة للغاية ولكنها تتطلب اختيار صورة متعمد للغاية لتحقيق الفعالية.
-
الخاتمة
أحيانًا تكون اتجاهات التصميم الدقيقة هي الأفضل والأكثر عملية عند التفكير في كيفية استخدامها أو دمجها في مشاريعك. فكر في الأمر على أنه تطور لشيء تقوم به بالفعل.
ثم بعد قليل من تطورات التصميم في وقت لاحق ، لديك مخطط تصميم جديد بالكامل دون إجراء عملية تجميل كبيرة. يمكن أن يكون هذا خيارًا ممتازًا لفريق التصميم والمستخدمين!
تواصل الآن مع فريق تقنية لتحصل على تصميم ويب يناسب التوقعات ويحقق لك أعلى المراكز أمام المنافسين.
