2016 के लिए 5 वास्तविक वेब डिजाइन रुझान

जब भी मुझे इस वर्ष के लिए वेब डिज़ाइन ट्रेंड्स नामक एक लिंक दिखाई देता है तो मैं इसे केवल मिनटों में निराश होने के लिए खुशी से क्लिक करता हूं। यह हमेशा विफल रहता है, पिछले वर्ष के रुझान, या गैर-रुझान जैसे: चित्र। जैसे, क्या आप जानते हैं कि एनिमेशन स्पष्ट रूप से एक बड़ी प्रवृत्ति है? गंभीरता से, यदि आप एक प्रवृत्ति सूची लिखते हैं और 2016 के लिए एक प्रवृत्ति के रूप में पूर्ण स्क्रीन पृष्ठभूमि वीडियो शामिल करते हैं, तो आपको वास्तव में ऑनलाइन जाने और अपनी सूची को नीचे लाने से पहले वेबसाइटों को देखना चाहिए। क्लिक फ़ाइट्स जैसा कोई नहीं। वैसे भी, आगे की हलचल के बिना, इस वर्ष की पहली छमाही के लिए पांच वास्तविक रुझानों की सूची दी गई है।

1) पूर्ण स्क्रीन और स्क्रॉल नहीं है

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

फेसबुक गोपनीयता मूल बातें

स्क्रॉल किए बिना पूर्ण स्क्रीन साइटों के तीन उदाहरण:

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

2. बगल में चिपचिपा हेडलाइन

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

कोड और सिद्धांत

पक्ष में चिपचिपा सुर्खियों के तीन उदाहरण:

  1. कोड और थ्योरी - जब आप इस खूबसूरत वेबसाइट पर खुले स्थानों से स्क्रॉल कर रहे हैं तो शहर की सुर्खियों में रहता है।
  2. स्टैक ओवरफ्लो - यह बिल सौ प्रतिशत फिट नहीं है, लेकिन यह एक एजेंसी साइट नहीं है ताकि यह एक पास दे। स्क्रॉल करते समय, उप-नेविगेशन दाईं ओर चिपचिपा रहता है। अच्छा लगा।
  3. DDB Sthlm - मैं स्वीडन से हूं इसलिए मैं एक स्वीडिश उदाहरण में भी फेंक देता हूं। यदि आप कार्य को उनके मेनू से दबाते हैं और नीचे स्क्रॉल करते हैं, तो आप देखेंगे कि ऊर्ध्वाधर शीर्षक किनारे पर रहता है।

3) लोगो लोडर है

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

साधन

लोडर के रूप में लोगो का उपयोग करने के तीन उदाहरण:

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

4) बाधित पृष्ठभूमि चित्र

पृष्ठभूमि की छवियां जो पूरे ब्राउज़र विंडो को भरती हैं, कुछ भी नया नहीं है, यह शायद क्लासिक पोस्ट एक्चुअल वेब डिज़ाइन ट्रेंड्स 2013 के शीर्ष पर है लेकिन यह इसे एक नए स्तर पर ले जा रहा है। अपनी पृष्ठभूमि छवि पर कुछ माउस होवर प्रभाव जोड़ें और आप जाने के लिए अच्छे हैं।

सक्रिय सिद्धांत

बाधित पृष्ठभूमि छवियों के तीन उदाहरण:

  1. मुझे पल्स बनाओ - पृष्ठभूमि पर माउस ले जाएं और देखें कि पहाड़ जीवित हैं, बहुत अच्छी तरह से किया।
  2. एक्टिव थ्योरी - यदि आप अपनी एजेंसी के लिए एक वेबसाइट बना रहे हैं, तो आपको यह दिखाने का बेहतर तरीका क्या है कि आपको Google प्रयोग की तरह दिखने के बजाय कुछ पागल वेब कौशल मिल गए? कोई नहीं।
  3. विवरण - यह कुछ स्क्रॉलिंग लेगा। यह स्विस डिजाइन एजेंसी जाहिरा तौर पर एंकर लिंक पर विश्वास नहीं करती है, इसलिए यदि आप पृष्ठ 4/4 नोस विशेषज्ञों के नीचे स्क्रॉल करते हैं और उन तस्वीरों को मँडराते हैं जिन पर आपको थोड़ी सी भी विकृति दिखाई देती है। अच्छा!

5) शीर्ष एनिमेशन पर

यह अब तकनीकी रूप से संभव है, तो सही क्यों नहीं? यदि सही किया जाता है, तो यह एक बहुत ही मनभावन और मनोरंजक अनुभव हो सकता है, अगर गलत किया गया तो यह फिर से फ्लैश साइट्स है। बुद्धिमान से शब्द: देखभाल के साथ उपयोग करें, लेकिन जब आप इसका उपयोग करते हैं तो शीर्ष पर जाएं।

Waaark

शीर्ष एनिमेशन के तीन उदाहरण:

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

बोनस: वास्तव में अभी तक एक प्रवृत्ति नहीं है, केवल इसे एक या दो स्थानों पर देखा है लेकिन उत्तरदायी वेबसाइटों का निर्माण जो अनिश्चित काल के लिए बड़े पैमाने पर होने जा रहा है। यही है, यह साइट 1280px स्क्रीन पर बिल्कुल वैसी ही दिखती है जैसा कि यह iMac 27 पर है "रेटिना 5100+ px स्क्रीन, यह केवल बड़ी है। उदाहरण के लिए ब्रासीलियन टेलीकॉम ऑपरेटर Oi के लिए बढ़िया साइट देखें।

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

इसके अलावा, अगर आपको यह लेख अच्छा लगा हो, तो कृपया नीचे दिए गए सुझाव को दबाएं। यह काफी हद तक मदद करता है।