20 वेब डिज़ाइन इंडस्ट्री क्लूलेस क्लाइंट के लिए शर्तें

वेब डिजाइन उद्योग में, हम कई का उपयोग करते हैं अंदरूनी सूत्र शर्तें. इससे न केवल नए लोगों के लिए शुरुआत करना कठिन हो जाता है, विशेष रूप से ग्राहक जो डिजाइन उद्योग में शामिल नहीं हैं, लेकिन उनके अर्थ को ठीक से संप्रेषित करना कभी-कभी काफी चुनौती भरा हो सकता है.

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

“एनीमेशन”

एक वेब डिजाइन तकनीक है कि गति जोड़ता है ऑन-स्क्रीन तत्वों को क्रम में परिवर्तन की कल्पना करें या इसमें उपयोगकर्ताओं का ध्यान आकर्षित करें.

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

“ब्रेडक्रम्ब”

ए नेविगेशन प्रकार जो उपयोगकर्ताओं को उनके बारे में सूचित करता है वर्तमान स्थान एक साइट पर.

ब्रेडक्रंब में होते हैं पथ जिस पर होम पेज से वर्तमान पेज तक पहुंचा जा सकता है, आमतौर पर प्रारूप में घर / श्रेणी / पृष्ठ. पथ का प्रत्येक तत्व भी है क्लिक करने योग्य ताकि उपयोगकर्ता जल्दी कर सकें साइट पदानुक्रम को नेविगेट करें. ब्रेडक्रंब आमतौर पर प्रदर्शित होते हैं प्रत्येक पृष्ठ के शीर्ष पर.

“अव्यवस्था”

एक वेब डिजाइन गड़गड़ाहट, का सूचक खराब तरीके से बनाया गया पेज.

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

“रंग प्रणाली”

ए सामंजस्यपूर्ण रंगों का संग्रह बनाने के लिए इस्तेमाल किया पहचानने योग्य ब्रांड पहचान.

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

“विरोध”

एक डिजाइन तकनीक मतभेदों पर जोर दें उन तत्वों के बीच जिनकी अलग भूमिका या अर्थ है.

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

“खाली अवस्था”

किसी वेबसाइट या एप्लिकेशन का एक विशिष्ट राज्य जब वहां होता है अभी तक कोई सामग्री नहीं है एक विशेष पृष्ठ पर, हालांकि डिजाइन तत्व हैं पहले से ही अपनी जगह पर.

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

“फिक्स्ड लेआउट”

ए लेआउट प्रकार जिसमें एक साइट और उसके तत्व हैं एक ही चौड़ाई का उपयोग करें सभी संकल्पों के पार, स्थिर मूल्यों में परिभाषित (आमतौर पर पिक्सेल).

वेबसाइटों के निर्माण का पारंपरिक तरीका। नई वेबसाइटों के लिए शायद ही कभी चुना जाता है, क्योंकि फिक्स्ड लेआउट वाली साइटें मोबाइल स्क्रीन पर शायद ही प्रयोग करने योग्य (पठनीय) होती हैं। मोबाइल उपयोगकर्ताओं के लिए सुलभ रहने के लिए, कई निश्चित लेआउट साइटें एक का उपयोग करती हैं द्वितीयक मोबाइल साइट.

“फ्लैट डिजाइन”

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

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

“द्रवित लेआउट”

ए लेआउट प्रकार उस रिश्तेदार इकाइयों का उपयोग करता है किसी साइट और उसके तत्वों की चौड़ाई को परिभाषित करना.

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

“तह”

स्क्रीन के दृश्य भाग के नीचे का भाग.

अवधि “मुड़ाव के ऊपर” एक वेब पेज के हिस्से को संदर्भित करता है जिसे आगंतुक देख सकते हैं बिना कोई कार्रवाई किए, जबकि “तह के नीचे” बाकी पेज को संदर्भित करता है जो उपयोगकर्ता कर सकते हैं केवल साइट के साथ बातचीत करके पहुंचें - आमतौर पर स्क्रॉल करके या स्वाइप करके (मोबाइल पर).

इसे लगाने की सिफारिश की गई है ब्रांडिंग तत्व (जैसे लोगो), साइट में नेविगेशन, तथा मोहक सामग्री उपयोगकर्ताओं को जल्दी से साइट के उद्देश्य को समझने और बाकी सामग्री में रुचि रखने के लिए गुना से ऊपर.

“ससम्मान पद अवनति”

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

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

“हीरो इमेज”

एक ओवरसाइड किया गया छवि बैनर रखा हे मुड़ाव के ऊपर.

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

“लैंडिंग पृष्ठ”

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

उदाहरण के लिए, यदि वेब उपयोगकर्ता किसी बैनर विज्ञापन का अनुसरण करते हैं, तो वे अक्सर खुद को एक लैंडिंग पृष्ठ पर पाते हैं जो उन्हें एक प्रासंगिक उत्पाद खरीदने के लिए कहता है। एक के साथ लैंडिंग पृष्ठ एकल फोकस और ए स्पष्ट कॉल-टू-एक्शन उच्च रूपांतरण दर तक पहुँचने के लिए करते हैं.

“धीरे लोड हो रहा है”

छवियों और अन्य स्थिर सामग्री लोड करने की एक तकनीक, जैसे कि वीडियो, केवल कुछ ही समय पहले उपयोगकर्ता के लिए दिखाई दे.

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

“मीडिया क्वेरी”

एक CSS सुविधा जो बनाती है प्रतिक्रियात्मक वेब डिज़ाइन डिजाइनरों को बनाने के लिए सक्षम करके संभव है विभिन्न डिवाइस आयामों के लिए अलग-अलग डिज़ाइन (चौड़ाई और / या ऊंचाई), झुकाव (परिदृश्य या चित्र), और मीडिया प्रकार (प्रिंट, स्क्रीन, आदि).

आमतौर पर, उत्तरदायी साइटें अलग लेआउट हैं डेस्कटॉप, टैबलेट और मोबाइल स्क्रीन के लिए, breakpoints उनके बीच हैं मीडिया के प्रश्नों द्वारा परिभाषित किया गया CSS में जोड़ा गया.

“प्रगतिशील वृद्धि”

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

मुख्य रूप से प्रगतिशील वृद्धि सामग्री पर केंद्रित है, उन साइटों में परिणाम जो हैं सुलभ प्रत्येक उपयोगकर्ता के लिए, इसलिए यह मोबाइल युग में वेबसाइटों के निर्माण का प्रमुख तरीका है (जैसा कि सुंदर गिरावट के विपरीत).

“प्रभावी डिजाइन”

वेबसाइट बनाने के लिए एक वेब डिज़ाइन दृष्टिकोण आयामों को समायोजित करें अलग-अलग डिवाइस प्रकार (सबसे अक्सर मोबाइल, टैबलेट और डेस्कटॉप) को डिजाइन करके विभिन्न लेआउट और अन्य शैलियों (उदा। टाइपोग्राफी, छवि का आकार) उनके लिए.

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

“skeuomorphism”

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

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

“संक्रमण”

के लिए एक वेब डिजाइन तकनीक साधारण परिवर्तनों की कल्पना करना जब एक ऑन-स्क्रीन तत्व आसानी से बदल एक शुरुआत और अंत राज्य के बीच.

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

“सफेद जगह”

खाली जगह आसन्न डिजाइन तत्वों के बीच। के रूप में भी संदर्भित है नकारात्मक जगह.

सफेद स्थान उपयोगकर्ताओं की मदद करता है सामग्री को स्किम करें, और नेत्रहीन सामग्री पदानुक्रम इंगित करता है. सफेद स्थान आवश्यक रूप से सफेद नहीं है, लेकिन साइट के पृष्ठभूमि रंग का उपयोग करता है। पर्याप्त सफेद स्थान की कमी से अ बरबाद पृष्ठ.