ما هو شائع في المواقع في 2018: 7 اتجاهات رئيسية في تصميم المواقع الإلكترونية

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

حيوية

يمكن العثور على الرسوم المتحركة على المواقع مرة أخرى في 2000s. ولكن على مدار العامين الماضيين ، انتقل من الحالة "للجمال" إلى حل يساعد على توصيل المعلومات بشكل أكثر فعالية من النص والصور.

المطاحن الصناعية

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

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

شركة التأمين

على الموقع الترويجي لشركة التأمين "Arsenal" بمساعدة SVG-animation ، يتم توضيح الأحداث المؤمنة الأكثر شيوعًا. والأسلوب متساوي القياس الذي صورت به يسمح لتمثيل أكثر دقة للهندسة المعمارية والسيارات ، وخلق تأثير 3D.

الشركة المصنعة للمعدات والمواد الكيميائية

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

لمزيد من الأمثلة على تصميم الخدمات ، راجع مقالة Alexey Alexandrov بعنوان "كيفية تصميم صفحة الخدمات: مثال على 14 شركة من مختلف مجالات الأعمال".

مزاد على الانترنت

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

متفاعل

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

قناة الترفيه

Adult Swim عبارة عن كتلة على قناة Cartoon Network. على ذلك من 11:00 حتي 06:00 العروض والرسوم الكاريكاتورية للبالغين. على الشاشة الأولى للموقع المخصص لهذه القناة ، يمكنك الالتصاق لمدة خمس دقائق ، وتمديد الوجه المرن للشخصية الرئيسية من الرسوم المتحركة "Ricky and Morty".

استوديو الويب

على موقع ويب AERO web studio ، يحاكي المؤشر خريطة الحرارة "Yandex.Metrica" ​​- إحدى الأدوات الرئيسية لتحليل مسوقين الإنترنت. ربما هذا هو كل ما تحتاج لمعرفته حول هذه الصفحة. التمرير كذلك.

وكالة العلامات التجارية

اسم وكالة العلامة التجارية Revelé مترجمة من اللغة اللاتينية للكشف عن المجهول.

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

موقع Illustrator الشخصي

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

الألعاب والاختبارات

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

شركة توظيف

بالنسبة لكأس العالم FIFA في روسيا ، جندت Ancor متطوعين وموظفين يستخدمون HR-Landing لجمع طلبات الوظائف الشاغرة. ولزيادة التغطية ، قاموا بتنفيذ ميكانيكا اللعبة.

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

غسيل السيارات

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

الحديقة المائية

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

آثار المنظر

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

المسامير

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

مشاهدة العلامة التجارية

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

شركة مستحضرات التجميل

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

الواقع الافتراضي

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

الاستوديو الرقمي

يتعامل Studio Little Workshop مع استخدام تقنية الواقع الافتراضي للأعمال. لإثبات خدماتهم ، أنشأوا موقعًا إلكترونيًا به غرفة افتراضية ، حيث كشفوا عن الإمكانات الكاملة للتقنيات المقترحة.

سينما الواقع الافتراضي

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

"كاسبرسكي لاب"

تكريما للذكرى السنوية العشرين لـ "Kaspersky Lab" أطلقت مشروعًا للتنبؤ بالمستقبل.

يمكن لأي شخص مشاركة رؤيته حول ما ينتظرنا في عام 2050. وأفضل الأفكار سوف تضيف إلى الموقع.

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

ميكانيكا مخصصة

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

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

شركة الطاقة

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

دار نشر

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

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

شركة الخدمات اللوجستية

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

الرسوم التوضيحية

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

مؤتمر

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

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

حزمة Illustrator

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

خدمة الإقراض عبر الإنترنت

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

ماركة الملابس

الصفحة المخصصة لمجموعة Gucci Spring-Summer 2018 هي سلسلة متواصلة من الرسوم التوضيحية ، تكملها الرسوم المتحركة واللحظات التفاعلية. وبالضغط على أي شيء على الصور ، نذهب إلى بطاقتها في المتجر عبر الإنترنت.

ما التالي

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

شاهد الفيديو: Sandviç Panel Çatı - Sandviç Panel fiyatları 2019 (شهر نوفمبر 2019).

Loading...

ترك تعليقك