2019 की सर्वश्रेष्ठ वेबसाइट डिजाइन

लेखक: Peter Berry
निर्माण की तारीख: 12 जुलाई 2021
डेट अपडेट करें: 13 मई 2024
Anonim
सर्वश्रेष्ठ वेब डिज़ाइन सॉफ़्टवेयर (2019)
वीडियो: सर्वश्रेष्ठ वेब डिज़ाइन सॉफ़्टवेयर (2019)

विषय

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

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

01. सेब

ऐप्पल जानता है कि एक तस्वीर एक हजार शब्दों के लायक है, और कई हजारों रूपांतरण। इस साल हमने जो प्रमुख रुझान देखे हैं उनमें से एक में इसकी वेबसाइट सबसे आगे रही है: बड़ा होने की दिशा में एक कदम। बहुत बड़ा। ऐप्पल के मामले में, उत्पादों के विशाल क्रिस्टल-क्लियर क्लोज-अप शॉट के साथ सैन फ्रांसिस्को प्रो में समान रूप से बड़े डिस्प्ले टेक्स्ट के साथ ब्रांड के उत्पादों की लार-योग्य प्रस्तुतियाँ पेश की जाती हैं।


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

02. पिच

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


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

03. नींबू पानी

अमेरिकी बीमा कंपनी लेमोनेड के लिए यह साइट वास्तव में सबसे अलग है, यह अभिनव और प्रभावी बातचीत की पेशकश करने के लिए एक संवादात्मक उपयोगकर्ता इंटरफ़ेस (CUI) का गेम-चेंजिंग उपयोग है। माया, जैसा कि उसे कहा जाता है, दिखाती है कि चैटबॉट कितनी दूर आ गए हैं, और वे कहाँ जा रहे हैं। वह मानवीय स्तर पर बातचीत करती है और रूपांतरण चलाने के लिए कुशलतापूर्वक जानकारी एकत्र करती है, प्रक्रिया में प्रत्येक चरण के माध्यम से उपयोगकर्ताओं को ले जाती है और कुछ ही मिनटों में बीमा उद्धरण प्रदान करती है।


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

04. अनिवार्य रूप से गियर वाली वाइन कंपनी

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

05. सीमांत भीतर - थॉर्न

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

अनुभव शुरू से ही व्यक्तिगत है, साइट आपका नाम और एक तस्वीर लेने के लिए कह रही है। प्रत्येक चरण एक अंतःक्रिया की ओर ले जाता है जो मानव शरीर के आंतरिक दृश्य को प्रस्तुत करने के लिए आगंतुक के स्वयं के श्वसन, संचार और तंत्रिका तंत्र से डेटा को मापता है और खूबसूरती से चित्रित करता है। डेवलपर्स ने सटीक फेस ट्रैकिंग की अनुमति देने के लिए एक कस्टम C ++ OpenCV का उपयोग किया, जबकि वेबसाइट आपके डिवाइस की क्षमताओं के लिए उपयुक्त स्केलेबल संस्करण प्रदान करने के लिए उपयोग किए जा रहे GPU का पता लगाती है।

06. शहर वापस बात करते हैं - Lyft

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

07. गंभीर रूप से मीठा नहीं किया गया

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

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

08. ओसें

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

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

दिलचस्प
विज़ुअल कंसिस्टेंसी आपके वेब डिज़ाइन को क्यों बना या बिगाड़ सकती है
पढ़ना

विज़ुअल कंसिस्टेंसी आपके वेब डिज़ाइन को क्यों बना या बिगाड़ सकती है

मनुष्य दृश्य प्राणी हैं।बाकी जानवरों के साम्राज्य की तुलना में, हमारी अन्य इंद्रियां इसे विनम्रता से रखने के लिए, "कमी" हैं। इसलिए हम अपने आस-पास की दुनिया का आकलन, प्रक्रिया और व्याख्या करन...
सुपर-फास्ट सीएसएस के लिए 5 टिप्स
पढ़ना

सुपर-फास्ट सीएसएस के लिए 5 टिप्स

क्या आपने अपनी साइट के C के आकार के बारे में सोचा है? यदि आपकी शैली पत्रक फूल रहा है, तो यह पृष्ठ प्रतिपादन में देरी कर सकता है।16 शीर्ष सीएसएस एनिमेशन उदाहरणहालाँकि C आपके द्वारा सर्व की जाने वाली सब...
टाइपकिट के साथ अपनी साइट में वेब फोंट कैसे एम्बेड करें
पढ़ना

टाइपकिट के साथ अपनी साइट में वेब फोंट कैसे एम्बेड करें

एक पेशेवर डिज़ाइनर के लिए टाइपकिट पर पाए जाने वाले विशेषज्ञ रूप से डिज़ाइन किए गए टाइपफेस का उपयोग करने की कोई तुलना नहीं है। आपके पास Adobe, FontFont, P22, Typodermic, और Veer जैसे फाउंड्री से वेब फो...