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



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



2011 में TOP 11 रुझानों पर एक नज़र डालें।

1. अधिक CSS3 और HTML5

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







अब जब आप उदाहरणों पर एक नज़र डालते हैं, तो समझें कि फ़्लैश और HTML समान प्रतिद्वंद्वी नहीं हैं। 2011 में दोनों के लिए पर्याप्त जगह है। समस्या यह है कि 2010 (और पहले) के डिजाइनरों ने फ्लैश का सही उपयोग नहीं किया। एचटीएमएल 5 फ्लैश में हमारे द्वारा डाली गई कुछ जिम्मेदारी को हटा देता है, हालांकि, एचटीएमएल 5 अभी तक व्यक्तिगत डिजाइन तत्वों को प्रतिस्थापित नहीं कर सकता है जो कि हम केवल फ्लैश के साथ प्राप्त कर सकते हैं।



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

2. सरल रंग योजनाएं

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





हरे रंग के रंगों का उपयोग करते हुए, यह ट्विटर गैजेट बनाया गया था। नोट: यह साइट XHTML / CSS और जावास्क्रिप्ट का उपयोग करके बनाई गई थी।





अगर गलत तरीके से इस्तेमाल किया जाए तो रेड काफी कष्टप्रद हो सकती है।

3. मोबाइल तैयार

स्मार्टफोन, टैबलेट, नेटबुक, हे भगवान! 2011 में खरीदार को मोबाइल गैजेट्स की एक आकर्षक राशि उपलब्ध है। इसका मतलब है कि वेब डिज़ाइन को क्रॉस-प्लेटफ़ॉर्म होना चाहिए।



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



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



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

4. लंबन स्क्रॉलिंग

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

5. टच स्क्रीन के लिए डिज़ाइन, माउस नहीं

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



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



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



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





बच्चा आईपैड देख रहा है। स्टीव पायने, फ़्लिकर द्वारा फोटो

6. गहराई की धारणा

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



हालाँकि 3D तकनीक ने वास्तव में वेब डिज़ाइन को प्राप्त नहीं किया है, आप इस वॉल्यूम को फिर से बना सकते हैं।

7. बड़े फोटो पृष्ठभूमि

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

8. दिलचस्प डोमेन नाम और उनका उपयोग

यह निश्चित रूप से वेब डिज़ाइन में सबसे अधिक दबाव वाला मुद्दा नहीं है, लेकिन मैं वास्तव में अधिक मूल डोमेन देखना चाहता हूं। एक बार प्रतिष्ठित होने के बाद .com ने अपना आकर्षण खो दिया है, मुख्य रूप से क्योंकि एक निःशुल्क डोमेन खोजने के लिए आपको अपनी भाषा के साथ आने की भी आवश्यकता है, जैसे कि क्लिंगन (अनुवादक की लाड़, मूल - NaVi की भाषा में) । 2011 में, हम .com डोमेन के विरल उपयोग और .me और .us जैसे विचित्र डोमेन के लगातार उपयोग की सूचना देंगे। संभावनाओं के बारे में सोचें और गायब होने से पहले उन्हें पकड़ लें।

9. क्यूआर: त्वरित प्रतिक्रिया

यदि आपने इन वर्ग बारकोड को पत्रिकाओं, व्यवसाय कार्डों और कई अन्य जगहों पर प्रदर्शित होते देखा है, तो आप जानते हैं कि वे 2011 की सबसे हॉट प्रवृत्ति हैं। यह वेब डिज़ाइन में कैसे जाता है? आश्चर्यजनक रूप से अच्छा है, वास्तव में।



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



2011 एक बहुत ही मोबाइल वर्ष है और यह अपेक्षाकृत नई तकनीकी सुविधा का उपयोग करने के लिए उपयोगी होगा।

10. पूर्वावलोकन (लघु चित्र)

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



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



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

11. स्थायी संचार / जीवन स्ट्रीमिंग

अंतिम लेकिन कम से कम, यह एक निरंतर कनेक्शन है। इंटरनेट स्वाभाविक रूप से पूरी तरह से बाँझ है। हम खुली बातचीत में अपने जीवन के बारे में बात करके इसे मानवीय बनाते हैं, और अधिक व्यक्तिगत विवरणों की अपेक्षा करते हैं। 2011 में ब्लॉग और पोर्टफोलियो की एक विशिष्ट विशेषता ट्विटर के साथ पूर्ण एकीकरण होगी (यह अब इसमें केवल एक पृष्ठ का लिंक नहीं होगा), और लोग तेजी से आपको बताएंगे कि वे अब फोरस्क्यू का उपयोग कहां कर रहे हैं।

और निष्कर्ष में

आप सहमत हैं या नहीं? क्या कुछ जोड़ना है? हम आप से सुनने के लिए तत्पर हैं!



त्रुटियों को इंगित करने और अनुवाद को सही करने में मदद करने के लिए MrTiM और v673 के लिए विशेष धन्यवाद।