२० हॉटेस्ट ट्रेंड जो २०१६ में वेब डिज़ाइन में आएंगे

हर गुजरते साल के साथ समय इंच आगे बढ़ने के साथ, कई नए डिजाइन रुझान क्षितिज पर आते हैं। उपयोग योग्य लेआउट के निर्माण के लिए वेब डिज़ाइन का क्षेत्र हमेशा नए उपकरणों, वर्कफ़्लो और सर्वोत्तम प्रथाओं के साथ बदल रहा है.

यह अनुमान लगाना कठिन है कि कौन से सटीक रुझान सबसे ज्यादा ध्यान आकर्षित करेंगे। फिर भी हाल के इतिहास में रुझानों का एक पैटर्न दिखाई देता है जो जंगल की आग की तरह बढ़ रहा है। मैंने २० अनोखी प्रवृत्तियाँ आयोजित की हैं, जो २०१५ से अधिक कर्षण प्राप्त कर चुकी हैं और संभवतः २०१६ में भी जारी रहेंगी.

1. यूआई डिजाइन के लिए स्केच ऐप

स्केच जल्दी से सभी UI डिज़ाइन कार्यों के लिए फ़ोटोशॉप की जगह ले रहा है कम-निष्ठा वायरफ्रेम सेवा मेरे उच्च निष्ठा mockups और आइकन डिजाइन.

स्केच ऐप एक मैक-ओनली एप्लिकेशन है जो विशेष रूप से वेब और मोबाइल डिजाइनरों के लिए बनाया गया है। यह किसी भी इंटरफ़ेस के लिए वेक्टर तत्वों को शिल्प करने के लिए एक चिकनी कार्य वातावरण प्रदान करता है, फिर भी यह कई विशेषताओं को बरकरार रखता है जो आप फ़ोटोशॉप से ​​पाठ और बल और शैलियों की अपेक्षा करेंगे।.

हालांकि, इस बात का कोई सबूत नहीं है कि स्केच कभी विंडोज के लिए जारी किया जाएगा, यह अभी भी ओएस एक्स उपयोगकर्ताओं द्वारा एक मूल्यवान विकल्प बन गया है। सरलीकृत वर्कफ़्लो और सस्ता मूल्य टैग एडोब को अपने पैसे के लिए एक रन दे रहा है। यदि स्केच सबसे अच्छा यूआई डिजाइन अनुभव प्रदान करना जारी रखता है, तो यह निश्चित रूप से 2016 और उसके बाद भी आगे बढ़ेगा.

2. ब्राउज़र-आधारित आईडीई

डेस्कटॉप IDE लगभग दशकों से नोटपैड ++ से लेकर एक्सकोड और विजुअल स्टूडियो तक के विकल्पों के साथ है। एक आईडीई सुझाव और वाक्य रचना हाइलाइटिंग (अन्य सुविधाओं के बीच) के साथ कोड लिखना आसान बनाता है.

लेकिन परंपरागत रूप से आईडीई को डेस्कटॉप अनुप्रयोगों के रूप में जारी किया गया है। पिछले कुछ वर्षों में हमने ब्राउज़र-आधारित क्लाउड आईडीई में नाटकीय वृद्धि देखी है। इन्हें वेब ब्राउजर के अलावा किसी भी सॉफ्टवेयर की आवश्यकता नहीं होती है, जो इंटरनेट एक्सेस के साथ किसी भी कंप्यूटर से कोड लिखने की अनुमति देता है.

क्लाउड आईडीई वेब अनुप्रयोगों की तरह अधिक कार्य करता है जहां आप साझा करने या व्यक्तिगत भंडारण के लिए अपने खाते में कोड स्निपेट बचा सकते हैं। CodePen HTML / CSS / JS के लिए समर्थन के साथ सबसे लोकप्रिय IDE में से एक है, साथ ही जेड / हैम और LESS / SCSS जैसी कस्टम प्रीप्रोसेसिंग के साथ।.

मोज़िला थिम्बल शुरुआत करने वाले डेवलपर्स के लिए एक और आईडीई है जो कोड के रूप में सीखना चाहते हैं। किसी फ़ाइल को डाउनलोड करने की आवश्यकता के बिना बूटस्ट्रैप या ज़र्ब के फाउंडेशन जैसे विशिष्ट उत्तरदायी रूपरेखाओं के परीक्षण के लिए भी कोडवर्ड महान है.

3. निःशुल्क सैस / एससीएसएस मिक्सिन्स

प्रीप्रोसेसर वर्षों से ट्रेंडी हैं लेकिन हाल ही में वेब डिज़ाइन / विकास के पूरे क्षेत्र में सर्वव्यापी महसूस करने के लिए पर्याप्त मुख्यधारा बन गई है। आजकल वेनिला CSS लिखना अजीब लगता है जब Sass / SCSS इतना अधिक प्रदान कर सकता है.

एक लाभ Sass मिश्रण पुस्तकालयों की बढ़ती आपूर्ति है। सरल मिश्रण कोड स्निपेट या सीएसएस में दोहराने योग्य कोड उत्पन्न करने के लिए बुनियादी कार्यों की तरह हैं। जब आप हमेशा अपना खुद का लिख ​​सकते हैं, तो कई डेवलपर्स ऑनलाइन मुफ्त मिश्रणों को जारी करने के लिए पर्याप्त हैं.

कुछ मिश्रण बॉरबन जैसे पुस्तकालयों में आते हैं जबकि अन्य स्टैंडअलोन आइटम हो सकते हैं। GitHub में Sass / SCSS मिश्रण के लिए एक खोज करने की कोशिश करें कि आप क्या देख सकते हैं.

4. कार्ड लेआउट

वेबसाइट कार्ड लेआउट पहले कुछ साल पहले Pinterest द्वारा लोकप्रिय किए गए थे और तब से सामग्री-भारी वेबपेजों के लिए एक प्रवृत्ति बन गई है। JQuery के चिनाई जैसे नि: शुल्क प्लगइन्स का उपयोग विभिन्न लेआउट और चौड़ाई के लिए एनिमेटेड कार्ड के साथ इस लेआउट शैली की नकल करने के लिए किया जा सकता है.

बहुत सारे डेटा वाले पृष्ठों पर कार्ड लेआउट का सबसे अच्छा उपयोग किया जाता है जो स्कैन करने योग्य होना चाहिए। Google नाओ के लिए लैंडिंग पृष्ठ Google नाओ ऐप के लिए वैकल्पिक कार्ड का विज्ञापन करने के लिए एक कार्ड लेआउट का उपयोग करता है.

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

5. कस्टम स्पष्टीकरण वीडियो

बड़ी और छोटी कंपनियों ने समान रूप से कस्टम व्याख्याकार वीडियो के चलन को लिया है। इन्हें अक्सर क्रेजी एग उदाहरण की तरह एनीमेशन के साथ बनाया जाता है। लेकिन अन्य वीडियो इंस्टाग्राम डायरेक्ट जैसे वास्तविक जीवन के फुटेज पर निर्भर करते हैं.

एक व्याख्याकार वीडियो का उद्देश्य यह प्रदर्शित करना है कि कोई उत्पाद या सेवा कैसे काम करती है। आगंतुक सुविधाओं की एक सूची स्किम कर सकते हैं और अभी भी यह पता नहीं है कि उत्पाद कैसे संचालित होता है। वीडियो स्पष्ट रूप से सब कुछ स्पष्ट करते हैं और कुछ ही मिनटों में महत्वपूर्ण सामान को कवर करते हैं.

यदि आप एक कस्टम व्याख्याता वीडियो बनाने के लिए अपने हाथ की कोशिश करना चाहते हैं तो इस उडेमी पाठ्यक्रम की जाँच करें। लैंडिंग पेज डिज़ाइन के लिए वीडियो पर ध्यान केंद्रित करना एक गहन अध्ययन है.

6. लाइव उत्पाद पूर्वावलोकन

लैंडिंग पेज डिज़ाइन में अधिक इंटरनेट गति और ब्राउज़र क्षमताओं से उपजी अविश्वसनीय वृद्धि देखी गई है। एक प्रमुख प्रवृत्ति जो मैंने देखी है वह होमपेज़ या कस्टम लैंडिंग पृष्ठों पर लाइव उत्पाद पूर्वावलोकन के अलावा है.

उदाहरण के लिए स्लैक के उत्पाद पृष्ठ को लें। इसमें एक वीडियो टूर और वेक्टर ग्राफिक्स शामिल हैं जो स्लैक इंटरफेस को कवर करता है। ये उत्पाद पूर्वावलोकन संभावित उपयोगकर्ताओं को यह दिखाने के लिए हैं कि उत्पाद कैसे संचालित होता है.

Webydo एक और शानदार उदाहरण है, जो होमपेज पर लाइव एनीमेशन खेल रहा है। यह आगंतुकों को उत्पाद को मैन्युअल रूप से प्रदर्शित किए बिना वीबो को कार्रवाई में देखने की अनुमति देता है। लेकिन आपको हमेशा उत्पाद पूर्वावलोकन के लिए एनिमेशन पर भरोसा करने की आवश्यकता नहीं है। Iconjar उत्पाद क्या है और यह कैसे काम करता है यह दिखाने के लिए एक साधारण PNG स्क्रीनशॉट का उपयोग करता है.

7. स्वचालित टास्क धावक

वेबसाइट निर्माण के लिए मुट्ठी भर नए विकास के साथ फ्रंटेंड डेवलपमेंट की दुनिया बहुत बदल गई है। टास्क रनर / बिल्ड सिस्टम जैसे कि गल्प और ग्रंट का उपयोग उन कार्यों के निस्तारण के लिए अधिक बार किया जा रहा है जो पहले मैनुअल प्रयास के लिए आवश्यक थे.

ऑटोमेशन क्विक टर्नअराउंड का जीवन-प्रवाह है और गुणवत्ता कोड को मंथन करना है। मशीनें गलतियाँ नहीं करती हैं, इसलिए जितना अधिक आप आत्मविश्वास से कम मुद्दों को स्वचालित कर सकते हैं (सिद्धांत में).

यह जानने के लिए कि Reddit पोस्ट बताती है कि टास्क रनर्स कैसे काम करते हैं। ये उपकरण मूल रूप से JS कोड चलाते हैं जो आपके वर्कफ़्लो के कुछ हिस्सों को स्वचालित करेगा, या तो कस्टम JS या अन्य द्वारा लिखी गई स्क्रिप्ट.

8. नेटिव जेएस मोबाइल एप्स

मैं नौकरी के लिए सही उपकरणों का उपयोग करने का एक बड़ा समर्थक हूं। मोबाइल ऐप डेवलपमेंट के मामले में इसका मतलब जावा फॉर एंड्रॉइड, आईओएस के लिए ऑब्जेक्टिव-सी / स्विफ्ट है.

लेकिन हर कोई सिर्फ एक मोबाइल ऐप बनाने के लिए एक नई भाषा सीखना नहीं चाहता है। मूल रूप से नेटिवस्क्रिप्ट या रिएक्ट नेटिव जैसे वैकल्पिक पुस्तकालयों के साथ देशी ऐप्स बनाना और संकलित करना आसान होता जा रहा है.

मोबाइल एप्लिकेशन प्रोग्रामर बनने के लिए अंतराल, जावास्क्रिप्ट के माध्यम से मोबाइल ऐप बनाने की क्षमता के साथ छोटा है। PhoneGap अभी तक HTML / CSS / JS कोड पर आधारित एक और विकल्प है.

जबकि निर्माण प्रक्रिया बहुत भिन्न होती है, जेएस जल्दी से कोडर्स के लिए एक समाधान बनता जा रहा है जो एक नई भाषा सीखे बिना मोबाइल ऐप बनाना चाहते हैं.

9. डिजाइन के लिए सहयोग उपकरण

इंस्टेंट मैसेजिंग और ग्रुप चैट लगभग एक दशक से अधिक समय से जारी है। हालाँकि इन संसाधनों ने परंपरागत रूप से फाइलों को संलग्न करने की कुछ क्षमता के साथ प्लेटेक्स्ट पर भरोसा किया है.

एक नया उभरता हुआ चलन चैट एप्लिकेशन के भीतर लाइव डिज़ाइन दस्तावेज़ों को साझा करने की क्षमता है। उल्लेखनीय एक उदाहरण है जहां किसी दस्तावेज़ के शीर्ष पर एनोटेशन और टिप्पणियां सही स्तर पर रखी जा सकती हैं। यह डिजाइनरों को एक टीम पर सभी के साथ सीधे काम साझा करने का एक साफ तरीका देता है.

स्लैक इस समय सबसे लोकप्रिय चैट एप्लिकेशन है जो कई समान विशेषताओं का समर्थन करता है। बढ़ती स्लैक यूजरबेस उन एक्सटेंशनों के निर्माण के बारे में अडिग है, जो स्लैक की क्षमताओं में सुधार करते हैं और हैंगआउट, मेलकम्प, और यहां तक ​​कि वर्डप्रेस जैसे अन्य उत्पादों में टाई करते हैं।.

10. उत्तरदायी सीमावर्ती रूपरेखा

बूटस्ट्रैप जैसे फ्रंटेंड फ्रेमवर्क वर्षों से आसपास हैं और व्यक्तिगत और पेशेवर दोनों परियोजनाओं पर उपयोगी साबित होते हैं। उत्तरदायी डिजाइन ने चौखटों में अपना रास्ता बना लिया है और सिर्फ बैकएंड (Django, लारा, आदि) के बजाय फ्रंटएंड कोड की मांग पैदा की है).

2016 में चल रहा है, मुझे लगता है कि हम वेब परियोजनाओं में उत्तरदायी फ्रंटएंड फ्रेमवर्क और उनके मूल्य के बारे में बहुत कुछ पढ़ रहे हैं। कई देवता बेसब्री से फाउंडेशन 6 और बूटस्ट्रैप 4 के सार्वजनिक v1 रिलीज की प्रतीक्षा कर रहे हैं.

अन्य कम ज्ञात रूपरेखाएँ जिन्हें आप देख सकते हैं उनमें गम्बी और शुद्ध सीएसएस शामिल हैं.

11. UX डिजाइन पर ग्रेटर फोकस

उपयोगकर्ता अनुभव डिजाइन का क्षेत्र अधिक डिजाइनरों और डेवलपर्स के नोटिस लेने के साथ तेजी से बढ़ता रहेगा। UI डिज़ाइन UX डिज़ाइन का हिस्सा है लेकिन यह अंतिम लक्ष्य नहीं है। यूआई एक अंत का साधन है, अंत में एक शानदार उपयोगकर्ता अनुभव है.

सिर्फ 5 साल पहले मैं यूएक्स से मुश्किल से परिचित था या यह कैसे इंटरफ़ेस डिजाइन पर लागू होता है। अब हमारे पास UX Stack Exchange और मुक्त UX ebooks जैसे संसाधन हैं। यदि आप उपयोगकर्ता अनुभव के बारे में ज्यादा नहीं जानते हैं, तो अब अध्ययन और सीखने का सबसे अच्छा समय है कि कैसे UX सिद्धांतों को सभी प्रकार के डिजिटल इंटरफेस पर लागू किया जा सकता है.

12. पैकेज प्रबंधक

डिजिटल पैकेज प्रबंधक इतनी जल्दी बढ़ गए हैं कि वे आधुनिक वेब विकास के लिए व्यावहारिक रूप से एक आवश्यकता हैं। बोवर और एनपीएम जैसे समाधान नई परियोजनाओं को शुरू करने में बहुत समय बचा सकते हैं.

किसी भी नई तकनीक को माहिर करने में समय लगेगा और सीखने की अवस्था के साथ आएगा। लेकिन अगर कोई एक चीज है जिसे हर फ्रंटएंड (या बैकएंड) डेवलपर को पता होना चाहिए, तो यह एक पैकेज मैनेजर है। उन्हें टर्मिनल कमांड के कुछ ज्ञान की आवश्यकता होती है, लेकिन एक बार जब आप उस प्रक्रिया के अभ्यस्त हो जाते हैं तो आप कभी भी वापस नहीं जाना चाहेंगे.

13. उन्नत यूआई एनिमेशन

CSS3 संक्रमण केवल वेब पर एनीमेशन की दीर्घकालिक प्रवृत्ति की शुरुआत थी। अब हमारे पास एनिमेशन के लिए समर्पित दर्जनों सीएसएस और जावास्क्रिप्ट लाइब्रेरी हैं। जिन चीजों का मैंने कभी सपना नहीं देखा था, वे अब मुफ्त में निर्मित और उपलब्ध हैं यदि आप जानते हैं कि कहां देखना है.

अच्छे डिजाइन के लिए एनिमेशन की आवश्यकता नहीं है। लेकिन यह अच्छी तरह से उपयोग किए जाने पर एक शानदार डिजाइन में एक अच्छा डिजाइन बना सकता है.

इंटरफेस के लिए एनिमेटेड रुझानों पर नज़र रखें और देखें कि आप विभिन्न वेबसाइटों से क्या ले सकते हैं। याद रखें कि वेब एनीमेशन एक डिज्नी फिल्म नहीं है और इसे सम्मान के साथ व्यवहार किया जाना चाहिए। एनीमेशन का उपयोग धीरे से करें ताकि यह डिजाइन के एक उपद्रव या विचलित करने वाले तत्व के बिना एक इंटरफ़ेस को बढ़ाए.

14. डिजाइनर लर्निंग टू कोड

इस वर्ष एक हॉट बटन विषय कोड सीखने वाले डिजाइनरों के लिए मामला रहा है। कुछ डिजाइनरों को लगता है कि कोड लिखना उनका काम नहीं है, जबकि अन्य को लगता है कि यह आदर्श बन गया है और इसे गले लगाया जाना चाहिए.

मैंने इस विषय के बारे में गर्म चर्चाएं और आकर्षक पोस्ट पढ़ी हैं जो केवल भावनात्मक प्रतिक्रियाओं को आकर्षित करने के लिए लगता है। एक अच्छा डिजाइन कोड के बिना सिर्फ एक सुंदर चित्र है। फिर भी दोनों पर ध्यान केंद्रित करने के लिए शिल्प का अभ्यास करने के लिए कम समय बिताने के लिए एक डिजाइनर की आवश्यकता होती है.

तो क्या कोई निश्चित उत्तर है? कुछ लोग यह तर्क देंगे कि उन डिजाइनरों के लिए नौकरी की व्यवहार्यता बढ़ जाती है जो फ्रंटएंड कोडिंग जानते हैं। फिर भी अगर कोई कोड लिखना नहीं चाहता है तो क्या होगा? क्या सिर्फ प्रतिस्पर्धा करना सीखने लायक है?

मुझे लगता है कि स्पष्ट उत्तर वह है जो आप करना चाहते हैं। लेकिन ऐसा लगता है कि यह विषय अभी भी कई डिजाइनरों के लिए मेज पर है जो संभवतः 2016 में चर्चा जारी रखेंगे.

15. नि: शुल्क ऑनलाइन उपकरण और वेबएप

यह हुआ करता था कि सभी प्रोग्राम डेस्कटॉप से ​​चलाए जाते थे, चाहे आपको कुछ भी करना पड़े। लेकिन आजकल मैं लगातार इस बात से हैरान हूँ कि कितने वेबप मुफ़्त में उपलब्ध हैं.

आपको URL एन्कोडिंग / डिकोडिंग से लेकर पूरी तरह से मुक्त मार्कडाउन संपादक तक सब कुछ मिल जाएगा। यहां तक ​​कि Google ड्राइव ने Microsoft Office उत्पादों को ब्राउज़र में ले लिया है (फिर से, पूरी तरह से मुक्त).

कंप्यूटिंग शक्ति और वेब ब्राउज़रों से समरूप मानकों का वर्तमान स्तर अवसरों की एक बहुत ही सीमित राशि प्रदान करता है। फिर से शुरू करने से लेकर इमेज कंप्रेशन तक के जटिल कामों को ब्राउजर विंडो से ही हैंडल किया जा सकता है.

16. वेब अवयवों की वृद्धि

डेवलपर्स के लिए वेब घटक जटिलता की समस्याओं को हल करने की कोशिश कर रहे हैं। वेबकम्पर्स वेबसाइट में डेवलपर्स के पास इस विषय में एक शुरुआत देने के लिए महान संसाधन और सामग्री हैं.

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

जबकि घटकों को विशेष रूप से मुख्यधारा की स्थिति में नहीं उड़ाया गया है, दुनिया भर के पेशेवर डेवलपर्स द्वारा उनकी चर्चा की जा रही है। Google ने पॉलिमर जारी किया है जो जेएस और एचटीएमएल के माध्यम से वेब घटकों को जोड़ने के लिए उपयोग किया जाने वाला ढांचा है.

यह अभी तक प्रमुख ग्राहक परियोजनाओं में उपयोग करने के लिए व्यावहारिक नहीं हो सकता है। हालाँकि तकनीक उपलब्ध है और थोड़े अभ्यास के साथ आप अवधारणाओं को आसानी से समझ सकते हैं। अधिक जानने के लिए और कुछ कोड नमूने देखें जिन्हें आप मॉड्यूलर वेब घटकों पर इस सीएसएस-ट्रिक्स पोस्ट के माध्यम से पढ़ सकते हैं.

17. ऑनलाइन लर्निंग रिसोर्स

हम सभी जानते हैं कि अब आपके कंप्यूटर के आराम से किसी भी कौशल को सीखने का सबसे आसान समय है। ऐसा लगता है कि ऑनलाइन सीखने का बाज़ार हर साल नए पाठ्यक्रमों और वेबसाइटों के साथ तेजी से बढ़ रहा है.

मैं पहले से कहीं अधिक आत्मविश्वास महसूस कर रहा हूं कि हम ऑनलाइन सीखने की वृद्धि देखेंगे। ट्रीहाउस और कोडस्कूल जैसी प्रसिद्ध साइटें बिटफ़ाउंट और लर्न-सत्यापित जैसी नई साइटों के साथ अविश्वसनीय पाठ्यक्रम प्रदान करती हैं.

यदि कोई ऐसा विषय है जिसे आप सीखना चाहते हैं, तो ऑनलाइन एक कोर्स होने की संभावना है - खासकर यदि आप डिजिटल तकनीकों जैसे कि यूआई डिज़ाइन या ऐप डेवलपमेंट सीखना चाहते हैं.

18. सर्वर-साइड जावास्क्रिप्ट

जबकि सर्वर-साइड JS के लिए पिछले विकल्प हैं, किसी ने भी Node.js. जावास्क्रिप्ट देवों को इस लाइब्रेरी से प्यार हो गया और उन्होंने इसे अन्य बैकएंड भाषाओं जैसे कि पायथन या पीएचपी के साथ सीधी प्रतिस्पर्धा में उतारा।.

नोड डेवलपर्स को फ्रंटएंड + बैकएंड कोड दोनों के लिए एक ही भाषा का उपयोग करके वेबसाइट बनाने की अनुमति देता है। और नोड पैकेज मैनेजर जैसे संसाधन Node.js को और भी अधिक मूल्य देते हैं.

मैं जो बता सकता हूं, उसमें से नोड अभी भी जारी है और उद्योग के प्रति उत्साही लोगों से कर्षण प्राप्त करना जारी है। चाहे आप नोड जानने की योजना बनाएं या नहीं, इसमें कोई संदेह नहीं है कि यह 2016 में एक प्रमुख प्रवृत्ति के रूप में विकसित होता रहेगा.

19. टच-सपोर्टेड वेबसाइट फीचर्स

स्मार्टफ़ोन ब्राउज़रों ने सभी वेबसाइटों को बैकवर्ड संगतता बनाए रखने के लिए हमेशा टच सुविधाओं का समर्थन किया है। फिर भी हाल ही में मैंने टच इवेंट्स को संभालने के विशिष्ट लक्ष्य के साथ वेबसाइटों पर अधिक प्लगइन्स और कस्टम फीचर्स देखे हैं.

टचस्क्रीन डिस्प्ले पर स्वाइपिंग और टैपिंग को संभालने के लिए फोटोस्विप और ड्रैगेंड.जे जैसे प्लगइन्स बनाए गए हैं। ऐसा लगता है कि वेब डेवलपर न केवल उत्तरदायी वेबसाइटों का निर्माण कर रहे हैं, बल्कि टच-सक्षम वेबसाइटें भी हैं.

यदि आप आस-पास खोजते हैं, तो आपको वेब के लिए निर्मित कुछ वास्तव में प्रभावशाली विशेषताएं मिलेंगी जो केवल स्पर्श घटनाओं पर निर्भर करती हैं.

वेब पर सामग्री डिजाइन

Google की सामग्री डिज़ाइन को जारी करना Android डिजाइनरों के लिए एक बहुत बड़ी सफलता थी। सामग्री डिज़ाइन को एक डिज़ाइन भाषा माना जाता है, जो एंड्रॉइड स्मार्टफ़ोन के लिए उपयोगकर्ता इंटरफ़ेस को क्राफ्ट करने की प्रक्रिया को सरल बनाने के लिए है.

समय के साथ वेब डिज़ाइनरों ने इसे दिल में ले लिया और Google की नई डिज़ाइन भाषा के आधार पर संपूर्ण वेबसाइटों का निर्माण किया। ऐसा लगता है कि वेब डिज़ाइन की दुनिया में सिर्फ मोबाइल ऐप से मटेरियल डिज़ाइन का चलन बढ़ गया है.

जो लोग भौतिक वेबसाइटों का निर्माण करना चाहते हैं, उन्हें पहिया को सुदृढ़ करने की आवश्यकता नहीं है। मटेरियल यूआई और मटेरियलाइज जैसी फ्री लाइब्रेरी मटीरियल डिजाइन फाउंडेशन के शीर्ष पर एक नया लेआउट संरचित करने के लिए कस्टम कोड प्रदान करते हैं.

समापन

इन रुझानों को देखते हुए यह स्पष्ट होना चाहिए कि हम वेबसाइटों के निर्माण की प्रक्रिया को आसान बनाने के लिए वेब समुदाय से एक वास्तविक ठोस प्रयास देख रहे हैं। हम सभी अपने दिन-प्रतिदिन के वर्कफ़्लो में समय बचाना चाहते हैं.

वेब की स्थापना के बाद से हमने कई प्रौद्योगिकियों को देखा है, केवल बेहतर विकल्पों द्वारा प्रतिस्थापित किया जाना है। ये 2016 के रुझान डिजाइन तकनीकों के अधिक समान सेट के लिए जोर दे रहे हैं, जो वेबसाइटों के निर्माण को आसान और बहुत कम जटिल बना देगा.