नवीनतम वेब डिझाइन ट्रेंड. समृद्ध पार्श्वभूमी आणि नमुने. ॲनिमेशन आणि सूक्ष्म-संवाद

• भाषांतर

वेब डिझाइनचे जग दोलायमान आणि वैविध्यपूर्ण आहे. येथे दरवर्षी मोठे बदल होत नाहीत. तंत्रज्ञानाच्या वेगवान वाढीमुळे याची पुष्टी झाली आहे, ज्याने गेल्या काही वर्षांमध्ये हे दर्शविले आहे की नजीकच्या भविष्यात वेब डिझाइनमधील महत्त्वपूर्ण ट्रेंड विद्यमान डिझाइन सुधारण्यावर लक्ष केंद्रित करतील.

फ्लॅट डिझाइन अधिक टेक्सचर होईल, "सिनेमॅटिक अनुभव" अधिक सामान्य होतील आणि JavaScript लायब्ररीचा वापर अधिक प्रयोगांना अनुमती देईल. आम्हाला विश्वास आहे की WebGL ची वाढती लोकप्रियता आणि व्हर्च्युअल रिॲलिटी आम्हाला माहित असलेल्या वेबसाइट्सला मनोरंजक परस्पर वैशिष्ट्यांसह काहीतरी नवीन बनवेल.

या लेखात, आम्ही या वर्षातील 11 सर्वात मोठ्या अपेक्षित वेब डिझाइन ट्रेंड पाहू. त्यामुळे आरामशीर व्हा आणि वाचन सुरू करा!

1. WebGL (वेब ​​ग्राफिक्स लायब्ररी)

नवीनतम यशांपैकी एक उल्लेखनीय तंत्रज्ञान WebGL (वेब ​​ग्राफिक्स लायब्ररी) आहे. नुकत्याच समोर आलेल्या बऱ्याच आश्चर्यकारक साइट्स त्याचा वापर करतात.

सोप्या भाषेत सांगायचे तर, वेबजीएल हा ब्राउझरमध्ये कोणत्याही प्लगइनशिवाय, हार्डवेअर प्रवेगसह परस्पर 3D आणि 2D ग्राफिक्स रेंडर करण्याचा एक मार्ग आहे.

1.1 परस्परसंवादी 3D WebGL अनुप्रयोग

अनुभव कुतूहल (NASA)

WebGL हा SIGGRAPH 2015 परिषदेच्या मध्यवर्ती विषयांपैकी एक होता. तुम्ही 3D ग्राफिक्स आणि WebGL वर सादरीकरण पाहू शकता या चॅनेलवर YouTube.

या दीड तासाच्या व्हिडिओमध्ये, तुम्ही नासाच्या एक्सपिरियन्स क्युरिऑसिटी वेब ॲपबद्दल जाणून घ्याल, जे क्युरिऑसिटी रोव्हर मंगळावर उतरण्याच्या तिसऱ्या वर्धापन दिनानिमित्त तयार करण्यात आले होते. ॲप वापरकर्त्यांना मंगळाच्या पृष्ठभागावर NASA च्या 3D रोव्हरला "राइड" करण्यास आणि रोबोटिक हाताने "नियंत्रित" करण्यास अनुमती देते.

हे संसाधन तयार करण्यासाठी, आम्ही Blend4Web (ब्राउझर-आधारित 3D अनुप्रयोग तयार करण्यासाठी फ्रेमवर्क) आणि ब्लेंडर (3D मॉडेलिंग आणि ॲनिमेशनसाठी पॅकेज) वापरले.

Beloola वेबसाइट three.js (एक JavaScript लायब्ररी) वापरते.

SBS TV (ऑस्ट्रेलिया) कडून "द बोट" प्रकल्प

ऑस्ट्रेलियन टेलिव्हिजन स्टेशन SSB TV ने व्हिएतनाममधून पळून जाण्याविषयी लेखक नॅम ले यांच्या "द बोट" या कथेवर पुनर्रचना केली आहे आणि WebGL वापरून ती परस्परसंवादी व्हिडिओ कथेत बदलली आहे. ॲप्लिकेशनमध्ये उत्कृष्ट ॲनिमेशन आणि हाताने रंगीत चित्रांसह अनेक भाग असतात. हे देखील मागील उदाहरणाप्रमाणेच three.js वापरते.

कारण आठवण

तांत्रिक दृष्टिकोनातून, हे एक सतत द्विमितीय ॲनिमेशन आहे जे छद्म 3D स्पेसमध्ये केले जाते. खूप प्रभावी दिसते!

2. VR (आभासी वास्तव)

व्हर्च्युअल रिॲलिटी (VR) हे एक संबंधित तंत्रज्ञान आहे ज्यामध्ये 2016 मध्ये गॅझेट जगाला हादरवून सोडण्याची क्षमता आहे. कदाचित लवकरच गोष्टी अधिक मनोरंजक होतील.

वेबसाइट टाइमशिफ्ट165

टॅग्ज:

• webgl
• वेब डिझाइन
• javascript

टॅग जोडा

आयटी तंत्रज्ञान विकसित करण्याच्या युगात, आपण फक्त बाजूला उभे राहून काय घडत आहे ते पाहू शकत नाही. आपण हे घडत असणे आवश्यक आहे. बाहेरील व्यक्ती न होण्यासाठी, आपल्याला सर्व शक्य आणि अशक्य स्त्रोतांकडून ज्ञान प्राप्त करणे आवश्यक आहे आणि सर्व घटनांची माहिती ठेवा. 2016 संपत आहे, याचा अर्थ 2017 आधीच कोपऱ्याच्या आसपास आहे आणि वेब डेव्हलपमेंटच्या क्षेत्रात काहीतरी नवीन आणेल. आणि नक्की काय, आपण या लेखात वाचू शकाल!

बाहेरचे लोक बनू नका, काळाशी सुसंगत रहा.

सांगकामे

साधी वेब पृष्ठे आता इतकी लोकप्रिय नाहीत, ती अधिकाधिक परस्परसंवादी होत आहेत, शिवाय, काही काळानंतर आपले ऑनलाइन जीवन विविध परस्परसंवादी प्रॉम्प्ट्सद्वारे इतके सोपे होईल की आपल्याला आपल्या मेंदूवर अजिबात ताण लागणार नाही. बॉट्स आता मोठ्या प्रमाणावर वापरले जातात आणि ही फक्त सुरुवात आहे. प्रत्येकाला कॉर्पोरेट कम्युनिकेशनसाठी स्लॅक ऍप्लिकेशन माहित आहे आणि तेथे तुम्हाला एक बॉट देखील सापडेल जो तुम्हाला अभिवादन करतो, तुमचे नाव विचारतो आणि लगेच तुमच्या प्रोफाइलमध्ये टाकतो. ऑनलाइन सहाय्यकांच्या युगात बॉट्स इतर अनेक साधने आणि अनुप्रयोगांमध्ये पॉप अप होत आहेत.

मोशन UI

ॲनिमेशन, व्हिडिओ, जीआयएफ हे आपले दैनंदिन जीवन बनले आहे, सर्वकाही इतके चैतन्यशील आणि आकर्षक आहे, वापरकर्त्याला आणखी काय हवे आहे? ते वापरण्यास सुलभता सुनिश्चित करण्यासाठी CSS संक्रमणे आणि ॲनिमेशन द्रुतपणे तयार करण्यासाठी मोठ्या प्रमाणावर वापरले जातात. Motion UI ची नवीनतम आवृत्ती ॲनिमेशन बॅच सिस्टमसह सुसज्ज आहे, पूर्ण संक्रमणासाठी प्रगत क्षमतांसह लवचिक CSS टेम्पलेट्स आणि सर्व प्रकारच्या JavaScript ॲनिमेशन लायब्ररीसह कार्य करण्यास सक्षम आहे. आम्हाला खात्री आहे की गतिशीलता स्थिर प्रतिमांचा वापर पूर्णपणे बदलेल.

अनुकूलता

मोबाईल फर्स्ट हे आपल्या काळातील घोषवाक्य आहे, दररोज प्रत्येक व्यक्तीने एकदा तरी (त्या व्यसनाधीन लोकांचा उल्लेख करू नये जे त्यांच्या हातात फोन घेऊन जगतात) इंटरनेटवर माहिती शोधणे, संदेश पाठवणे किंवा कॉल करणे, म्हणून त्यांचा वापर करणे आवश्यक आहे. शक्य तितके सोयीस्कर व्हा. जर तुम्ही वेबसाइटचे मालक असाल आणि तरीही प्रतिसादाबद्दल ऐकले नसेल, तर तुमचे पाय पकडण्याची आणि त्याची अंमलबजावणी करण्याची वेळ आली आहे , तुमच्या संभाव्य क्लायंटला तुमची वेबसाइट वापरण्यात आराम देण्यासाठी. तुम्ही आधीच लक्षात घेतले असेल की, हे वेब डिझाईन आणि डेव्हलपमेंटच्या जगात असणे आवश्यक आहे, शिवाय, हे तुम्हाला मोबाइल ॲप्लिकेशन डेव्हलपमेंटवर बचत करण्यास मदत करेल.

एक पृष्ठ साइट

आपण पृष्ठांच्या गुच्छ असलेल्या साइटद्वारे गोंधळलेले आहात, जिथे सर्वकाही खूप आहे आणि सर्वकाही इतके समजण्यासारखे नाही? काळजी करू नका, एक-पृष्ठ वेबसाइट्सचे युग अगदी जवळ आले आहे. या प्रकारची साइट मोठ्या कंपन्यांमध्ये खूप लोकप्रिय आहे, ती वापरण्यास अधिक सोयीस्कर आहेत आणि विशिष्ट हेतूसाठी साइटला भेट दिलेल्या वापरकर्त्याला आवश्यक असलेली माहिती शोधणे सोपे आहे.

जावास्क्रिप्ट आता वाढत आहे

त्यात कमतरता आणि कमकुवतपणा असल्याच्या अफवा असूनही जावास्क्रिप्ट हे भविष्य आहे. ते खरोखरच आहेत याबद्दल कोणीही वाद घालत नाही, परंतु या जगात आदर्श काय आहे? अगदी Mac OS त्याच्या हार्डवेअरमध्ये JS वापरते. शिवाय, एंगुलर, नोड, रिएक्ट यांसारख्या फ्रंट-एंड लायब्ररींबरोबरच इतर लहान लायब्ररीही पटकन लोकप्रिय होत आहेत.

एचटीएमएल आणि सीएसएससह जावास्क्रिप्ट मानक वेब डेव्हलपमेंट स्टॅकचा अविभाज्य भाग बनला आहे यात आश्चर्य नाही. आणि हे तथ्य स्वतःसाठी बोलते.

पॅरलॅक्स प्रभाव

हा प्रभाव बऱ्याचदा वापरला जातो, परंतु बऱ्याच लोकांना हे नक्की काय म्हणतात हे माहित नसते. स्पष्ट करण्यासाठी: तुमच्या वेबसाइटवर 3D स्तर जोडण्याचा हा सर्वोत्तम मार्ग आहे , हे आश्चर्यकारक 3D प्रभाव जोडण्यासाठी देखील वापरले जाऊ शकते.

ट्रेंड जे जग बदलतील

या लेखात, आम्ही सर्व आशादायक वेब डेव्हलपमेंट ट्रेंड एकत्रित केले आहेत जे त्वरित जग बदलतील. परंतु आम्हाला अद्याप माहित नाही की 2017 मध्ये आमच्यासाठी कोणते ट्रेंड आहेत आणि आधुनिक तंत्रज्ञानासह अद्ययावत रहा आणि कदाचित एके दिवशी तुम्ही जे घडत आहे त्यातून इतके प्रेरित व्हाल की तुम्ही स्वत: काहीतरी क्रांतिकारक घेऊन याल?

2018 मध्ये वेब डिझाइन आणि डिजिटल ट्रेंडसाठी समर्पित. ओल्गा अवॉर्ड्स ज्युरीची सदस्य आहे आणि दररोज जगभरातील एजन्सी आणि डिझाइनरद्वारे विकसित केलेल्या शेकडो नवीन साइटचे पुनरावलोकन करते. हे तिला वेब डेव्हलपमेंट आणि डिझाइनमधील नवीनतम घडामोडी आणि ट्रेंडसह राहण्याची परवानगी देते.

लेखात व्याख्यानाच्या मुख्य संदेशांचे वर्णन केले आहे आणि आपण दुव्यावर संपूर्ण आवृत्ती वाचू शकता.

परस्परसंवादी स्क्रोल

आमचा कर्सर बाणाने दर्शविला जातो. ते एकतर क्लिक करण्यासाठी बोटात बदलते आणि होव्हर दिसू शकते. आता कर्सर एक घटक असू शकतो. पृष्ठावरील संक्रमण त्याच्या खाली हायलाइट केले आहे. खाली असलेले घटक कर्सर बदलू शकतात किंवा संवाद साधू शकतात.

Volcan वेबसाइट एक आवडते उदाहरण आहे. डायमंड कर्सर तुम्हाला क्लिक करता तेव्हा तुम्हाला काय वाटेल याचा इशारा बनतो. एक संवादात्मक घटक आहे. परिणामी, कर्सर त्याची भूमिका पार पाडतो.

ज्वालामुखी वेबसाइटवरील परस्परसंवादी स्क्रोलचे उदाहरण

UI/UX डिझायनर्समधील लढाईसाठी एक नवीन थीम - किती सोयीस्कर आहे? परंतु जर तुम्ही प्रत्येक गोष्टीचा शहाणपणाने विचार केला तर ते चांगले कार्य करू शकते.

SVG मुखवटे

त्यांच्या मदतीने आपण जागा संक्रमण करू शकता. ते विकसित करणे कठीण नाही, परंतु ते डिझाइनरांना मुक्त हात देतात. रिच ब्राउनची वेबसाइट संक्रमण म्हणून क्रॉस वापरते. पण ते कोणत्याही स्वरूपाचे असू शकते.

जर तुम्ही फोटोशॉप वापरत असाल, तर तुम्ही मास्कसह लेयरमधील छिद्र कापून हे करू शकता. किंवा 6 चौरस ओव्हरलॅप करून. आमच्या क्लायंटसाठी, आम्ही ही गोष्ट वापरून स्क्रीनवरून स्क्रीनवर संक्रमण केले. फॉर्ममधून प्रतिमा उघडणे देखील एक SVG मुखवटा आहे. पण मांडणी बघितली तर ते स्थिर चित्रासारखे दिसते.

कॅनव्हास

हे आधीच अवघड आहे. प्रक्रियेच्या गणिती पैलूंची समज असलेल्या एखाद्या व्यक्तीची तुम्हाला नक्कीच गरज आहे. लायब्ररीतून काही गोष्टी उधार घेता येतात. परंतु SVG मध्ये कर्सरसह सिंक्रोनाइझेशन नाही. आणि इथे आहे.

उदाहरणार्थ, Adidas ची Climachill वेबसाइट.

अक्षरासह मॉर्फिंग म्हणजे कॅनव्हास. ग्रेडियंटचा ओव्हरफ्लो म्हणजे कॅनव्हास. आणि हे बर्याच वर्षांपासून लोकप्रिय आहे, परंतु लवकरच अप्रचलित होणार नाही. कारण त्याचे वजन कमी आहे आणि ते 2D ग्राफिक्स आहे, ज्याची प्रतिकृती करणे कठीण आहे. ज्यांना त्यांच्या वेबसाइटवर भरपूर "व्वा" हवे आहे त्यांच्यासाठी योग्य.

3D+WEBGL

दिशा विकसित होईल. जेव्हा तुम्ही 1 मिनिटासाठी एक लहान पण उच्च-गुणवत्तेचा व्हिडिओ बनवता, तेव्हा याचा अर्थ टीममध्ये किमान 10 लोक असावेत. 3D मध्ये असताना - तो 1 डिझायनर आहे. आणि webgl +1 विकसक आहे. 3D क्लासिक असू शकते, जसे की ग्लोबेकिट वेबसाइटवर. विलक्षण, अद्वितीय दिसते. जरी यात एकूण 6 स्लाइड्स आहेत.

परंतु पुन्हा: आपण अर्ज करताना सावधगिरी बाळगणे आवश्यक आहे. असा एक प्रभाव साइटला चमकदार बनविण्यासाठी पुरेसा आहे, परंतु चमकदार नाही.

VR

मार्च 2017 मध्ये, VR मधील पहिली वेबसाइट दिसली. त्यापैकी अधिक आहेत. नुकताच आम्ही फुटबॉल स्टेडियमवर पहिला VR ट्रॅक बनवला. एक माणूस मुखवटा घालतो आणि त्याला असे दिसते की तो रेस ट्रॅकवर आहे.

Audi कडून आभासी रेसिंगसाठी डिव्हाइस.

आम्ही अलीकडेच वाद घालत होतो की व्हीआर पकडेल की नाही. होय, त्याचे भविष्य आहे कारण ते बनवणे सोपे झाले आहे. आम्ही VR मध्ये एक पोर्टफोलिओ बनवू जेणेकरुन तुम्ही डोके वळवून त्यावरून फ्लिप करू शकाल आणि तुम्ही तुमची नजर नीट केल्यावर, कामावर जा.

ए.आर

हे छान आहे की आता तुम्ही ॲपशिवाय करू शकता. तुम्ही तुमच्या ब्राउझरमधील लिंकवर जा आणि तुमच्याकडे मार्कर असावा जो काही गोष्टी वाचेल. तुम्ही हा मार्कर दाखवा आणि तुम्हाला हवे ते रेखाटणे पूर्ण होईल. म्हणजेच, आधी तुम्ही 3D मध्ये एक डिझाईन बनवा, त्याला दाखवा आणि तो ऑगमेंटेड रिॲलिटी पूर्ण करतो. तुम्ही ते स्वतःसाठी सानुकूलित करू शकता.

PWA ही ब्राउझर कार्यक्षमता आहे जी अनुप्रयोगासारखीच असते. हे आयकॉन म्हणून जोडले गेले आहे आणि ते ॲप्लिकेशनसारखे दिसते. खरं तर, ते ब्राउझरमध्ये उघडते आणि तुम्हाला वापरकर्त्याला सूचना पाठविण्यास, फॉर्मद्वारे रेकॉर्ड करण्याची आणि सामग्री ऑफलाइन प्राप्त करण्यास अनुमती देते.

एक फ्रेम

हे एक रेडीमेड लायब्ररी आहे जिथे तुम्हाला AR आणि VR साठी सर्व गोष्टी मिळू शकतात. ते कसे कार्य करतात ते तुम्ही पाहू शकता, त्यांना कृतीत पाहू शकता.

म्हणून, मी सर्व वेब डिझायनर्सना त्यांचा अभ्यास 3D मध्ये पूर्ण करण्याचा सल्ला देतो. हे तुमची साइट अधिक दोलायमान बनवेल.

Google

त्यांच्यावर लक्ष ठेवा. ते स्थिर राहत नाहीत. गुगलच्या प्रयोगांसारखी गोष्ट आहे. सर्व सौंदर्य एक्सप्लोर करण्यासाठी स्वतःला काही तास मोकळे करा. Google अनेक प्रयोग करते, ज्यामध्ये ते विकसक आणि एजन्सी यांचा समावेश आहे. शेवटचा म्हणजे बिग डेटाचा वापर.

आणि अलीकडे Awwwards ने Google सह सहयोग करण्यास सुरुवात केली. याचाच अर्थ आता मोबाईल साइट्सवर भर दिला जाणार आहे. ते हलके करण्यासाठी तंत्रज्ञान ऑप्टिमाइझ करणे सुरू होईल. गुगलला मोबाईल वेबमध्ये रस वाढत आहे.

WebVj

एक अतिशय नवीन युक्ती. पृष्ठ डेटावर आधारित आहे. एक जपानी आहे, मासातात्सू नाकामुरा, जो याविषयी विशेषतः गंभीर आहे. त्याचे ग्राफिक्स पूर्णपणे प्रोग्रामरद्वारे तयार केले जातात, डिझाइनरद्वारे नाही. हे Google प्रयोगांसाठी बरेच काही करते.

WebVJ वापरून बनवलेल्या मासात्सु नाकामुरा ग्राफिक्सचे उदाहरण

ट्रेंडोसिकी

"पुढच्या वर्षी कोणता रंग/फॉन्ट/पॅटर्न ट्रेंडी असेल?" मी याला "ट्रेंड" म्हणतो.

आता फॉन्ट किंवा रंगांचा एक ट्रेंडिंग सेट निर्धारित करणे अशक्य आहे. असे दिसते की पेस्टल रंगांचा कल वाढू लागला आहे. पण नंतर तुम्ही या तेजस्वी, स्फोटक साइट्सकडे पाहता आणि तुम्हाला जाणवेल की नाही.

मी तुम्हाला कोणत्याही परिस्थितीत नमुने वापरून घटकाचे सादरीकरण प्ले करण्याचा सल्ला देतो. यामुळे सामग्री अधिक महाग आणि मनोरंजक दिसेल. नियमित अर्धपारदर्शक आणि हलका नमुना तुमच्या साइटला आधीच स्थिती देईल. तिरकस रेषा, तुटलेले घटक - हे इतके अवघड नाही आणि विकासकाच्या सहभागाची आवश्यकता नाही.

11 ऑक्टोबर रोजी व्हिंटेज वेब प्रॉडक्शन स्टुडिओच्या कला दिग्दर्शकाचे व्याख्यान झाले ओल्गा शेवचेन्को, 2018 मध्ये वेब डिझाइन आणि डिजिटल ट्रेंडसाठी समर्पित. ओल्गा अवॉर्ड्स ज्युरीची सदस्य आहे आणि दररोज जगभरातील एजन्सी आणि डिझाइनरद्वारे विकसित केलेल्या शेकडो नवीन साइटचे पुनरावलोकन करते. हे तिला वेब डेव्हलपमेंट आणि डिझाइनमधील नवीनतम घडामोडी आणि ट्रेंडसह राहण्याची परवानगी देते. आम्ही व्याख्यानाचे मुख्य संदेश रेकॉर्ड केले आहेत आणि आपण दुव्यावर संपूर्ण आवृत्ती वाचू शकता.

परिणाम 2017

मला वाटते की आम्ही 2018 चे विश्लेषण सुरू करण्यापूर्वी, 2017 मध्ये वेबवर नवीन काय आहे हे आम्ही लक्षात ठेवले पाहिजे. युक्रेन सक्रियपणे विकसित होत आहे, परंतु तरीही तंत्रज्ञान आणि डिझाइन गुणवत्तेच्या बाबतीत प्रमुख बाजारातील खेळाडूंच्या मागे आहे. म्हणूनच, जर पुढच्या वर्षी आम्ही 2017 पासून किमान काही जागतिक डिजिटल ट्रेंड लागू करण्यास व्यवस्थापित केले तर हे आधीच एक मोठे यश असेल.

मोठा मेनू

तो एक ट्रेंड होता. अनेकांसाठी हे असणे आवश्यक आहे. आणि आता असे लोक आधीच आहेत जे या वाईट वागणुकीचा विचार करतात. बर्गर दिसल्यानंतर, प्रत्येकजण एका बटणाखाली मेनू लपवू लागला, ज्यामुळे बरेच वाद झाले. परंतु वापरकर्त्याच्या वर्तनावर संशोधन केल्यानंतर आम्ही संकलित केलेल्या साइट वापर उष्णता नकाशावरील हे तीन बार सर्वात लाल क्षेत्र होते. परंतु शेवटी, बर्गरवर क्लिक केल्यानंतर, साइटच्या विभागांसह पृष्ठावर एक लहान ब्लॉक दिसला, ज्याला लपवण्यात काही अर्थ नव्हता.

म्हणून, 2017 मध्ये, एक मोठा मेनू दिसला, जो बाजूला असलेल्या ब्लॉकद्वारे नव्हे तर संपूर्ण स्क्रीनद्वारे हायलाइट केला गेला. तत्त्व हे आहे: जर तुम्ही काही लपवले तर ते सुंदर आणि खुले करा. जेणेकरून वापरकर्त्याला मेनू सापडल्यानंतर तो अपेक्षेपेक्षा अधिक समाधानी होईल.

मोठा मेनू. वेबसाइट radioactivefilm.com

आता एक मोठा मेनू जागतिक स्टुडिओसाठी एक फेटिश बनला आहे, जसे की 404 पृष्ठे डिझायनर्सने त्यात घटकांची रचना, फिरवा आणि अतिरिक्त माहिती जोडण्यास सुरुवात केली. हे केवळ साइटवर सौंदर्यशास्त्र जोडत नाही तर त्याच्या आकारामुळे कार्यक्षमता देखील वाढवते.

फॅशन प्रभाव

ग्लिच, मॉर्फिंग, भूमिती, रंगाचा स्फोट, मिनिमलिझम. कीवमधील मर्सिडीझ-बेंझ फॅशन वीकच्या विचारधारा दशा शापोवाला आणि मी फॅशन ट्रेंडवर चर्चा केली आणि मी इंटरनेटवरील नवीन ट्रेंडबद्दल बोललो. आणि आम्हाला पूर्णपणे भिन्न भागात सामान्य वैशिष्ट्ये आढळली.

लेख दोन मुख्य भागात विभागलेला आहे: वेब डिझाइन आणि विकासामध्ये ग्राफिक्स आणि प्रत्येक विभागाचे स्वतःचे घटक आहेत.

वेब डिझाइन ट्रेंड

म्हणून, आम्ही 2017 च्या वेब डिझाइन ट्रेंडसह सुरुवात करू आणि 2018 मध्ये आमची काय प्रतीक्षा आहे. ग्राफिक्समध्ये कोणते बदल झाले आहेत, फॉन्टचा वापर, ॲनिमेशन आणि व्हिडिओ इत्यादी.

ग्राफिक डिझाइन

फॅशनेबल मानला जाणारा ट्रेंड म्हणजे फ्लॅट डिझाइन. जोर देण्यासाठी वेक्टर ग्राफिक्सचा वापर रास्टर ग्राफिक्सच्या समावेशासह केला जातो; अशा साइटची उदाहरणे खाली दिली आहेत. मिनिमलिझम आणि प्रतिसादात्मक डिझाइन, साइट वापरकर्त्यांसाठी सोपे आणि समजण्यासारखे.

वेक्टर प्रतिमा

वेबसाइट्सवर वेक्टरचा वापर वाढत आहे; ते हलके आहे, याचा अर्थ लोडिंग वेगवान आहे. व्हेक्टरला इच्छेनुसार ताणले जाऊ शकते आणि संकुचित केले जाऊ शकते, तुमचे ग्राफिक्स कोणत्याही डिव्हाइस स्क्रीनवर कोणत्याही रिझोल्यूशनमध्ये नेहमीच छान दिसतील. वेक्टर प्रतिमांसाठी, SVG (स्केलेबल वेक्टर ग्राफिक्स) स्वरूप वापरा. बहुतेक वेक्टर संपादक आपल्याला या स्वरूपात जतन करण्याची परवानगी देतात आणि विशिष्ट सॉफ्टवेअरची आवश्यकता नसते.

रंगहीन - भूत बटणे

मिनिमलिझमच्या दिशेने वाटचाल देखील बटणांच्या डिझाइनवर प्रभाव पाडते. वेबसाइट डिझाइनमध्ये या प्रकारच्या बटणांचा वापर वाढत आहे. अशी बटणे साइटला ओव्हरलोड करत नाहीत आणि मूळ दिसत नाहीत. आमची वेबसाइट लेख ब्लॉकच्या तळाशी अशी बटणे देखील वापरते.

प्रतिमा मोठी करण्यासाठी त्यावर क्लिक करा

स्टाइलिश 3D ग्राफिक्स

नवीन वर्षात थ्रीडी ग्राफिक्सलाही वेग आला आहे. 3D रचना सपाट डिझाइनसह चांगल्या प्रकारे जातात आणि त्यास पूरक असतात, त्यास अधिक खोली देतात आणि आधुनिकतेवर जोर देतात.

प्रतिमा मोठी करण्यासाठी त्यावर क्लिक करा

ॲनिमेशन, व्हिडिओ आणि परस्परसंवादी वस्तू

वेबसाइट्सने थेट फोटो आणि पार्श्वभूमी वापरण्यास सुरुवात केली आहे, हे निश्चितपणे लक्ष वेधून घेते आणि साइटला काही गतिशीलता देते. वापरकर्त्यांच्या परस्परसंवादासाठी व्हिडिओ आणि सर्व प्रकारच्या ॲनिमेशनच्या वापरातही वाढ झाली आहे.

जटिल जाळे

2016 च्या उत्तरार्धात, अत्याधुनिक डिझाइनसह डायनॅमिक, जटिल ग्रिड वापरणाऱ्या वेबसाइट्ससाठी एक ट्रेंड उदयास आला.

भूमिती वेगवेगळ्या स्वरूपात

मजकूर, माहितीपूर्ण हायलाइट केलेले ब्लॉक आणि पार्श्वभूमीसाठी विविध प्रकारच्या भौमितिक आकारांचा वापर. महत्त्वाच्या गोष्टी हायलाइट करण्यासाठी आयत आणि चौरस उत्तम आहेत.

प्रतिमा मोठी करण्यासाठी त्यावर क्लिक करा

फॅशनेबल रंग

येथे कोणाला काय आवडते आणि काय, व्याख्येनुसार, प्रत्येक प्रकल्पासाठी योग्य आहे. एवढंच म्हणता येईल की रंग अधिक भडक होत आहेत. संयोजनात आणि चांगल्या कॉन्ट्रास्टमध्ये, वापरकर्त्यासाठी साइट नेव्हिगेट करणे आणि माहिती जाणून घेणे अधिक सोयीचे आहे.

बिनशर्त अनुकूलन

आता वेबसाईट्स मोबाईल उपकरणांसाठी फ्रेंडली बनवायला हव्यात असे म्हणण्याची गरज नाही. आधुनिक वेबसाइटचे अनुकूलन हा एक परिपूर्ण घटक आहे. मोबाइल आवृत्तीमधील डिझाइनद्वारे विचार करणे खूप महत्वाचे आहे जेणेकरून सर्व महत्त्वाचे घटक वापरकर्त्याच्या हातात असतील आणि त्याला साइट नेव्हिगेशन अंतर्ज्ञानाने समजेल.

चिन्ह किंवा शिलालेख ठेवण्याचा सर्वोत्तम मार्ग कोणता आहे यावर विवाद कमी होत नाहीत. 240,000 मोबाइल डिव्हाइस वापरकर्त्यांवर चाचणी परिणाम.

मोबाइल मेनू पर्याय

साइटवर बरेच विभाग नसल्यास, मेनू म्हणून टॅब वापरणे किंवा ड्रॉप-डाउन अतिरिक्त मेनूमध्ये शेवटी एक बटण जोडणे चांगले आहे.

लवचिक डायनॅमिक मेनू

समाधान स्क्रीनच्या रुंदीशी जुळवून घेणाऱ्या मेनूमध्ये आहे, शक्य तितक्या जास्त टॅब दर्शविते आणि "अधिक" अंतर्गत जे समाविष्ट नाही ते लपवते.

वेब डेव्हलपमेंट ट्रेंड

विचारपूर्वक डिझाइन

वेबसाइट डिझाइनच्या विकासामध्ये केवळ ग्राफिक डिझायनरच नाही तर जाहिरात विशेषज्ञ आणि विपणकांचा देखील समावेश असावा. वापरकर्त्याच्या आरामदायी मुक्कामासाठी प्रत्येक घटकाच्या स्थानाचा स्वतःचा उद्देश असतो.

कमी मजकूर चांगला आहे!

साइटचा मजकूर भाग शक्य तितका संक्षिप्त असावा आणि प्रस्तावित विषय उघड करावा. शक्य असल्यास, किंमती, वैशिष्ट्ये इत्यादीसारख्या तांत्रिक तपशीलांसह त्यास पूरक करा.

CMS रेटिंग

तुम्ही नेहमी नवीनतम रेटिंग पाहू शकता. तुम्ही कोणताही पर्याय निवडाल, हे लक्षात ठेवा की शोध इंजिनच्या अधिकृत विधानांनुसार, तुमची साइट कशावर बनवली आहे त्यात कोणताही मूलभूत फरक नाही. तुमच्या प्रकल्पाच्या सर्वोत्तम कार्यक्षमतेसाठी कोणतेही इंजिन किंवा फ्रेमवर्क सुधारित करावे लागेल.