मानक आकार की साइटों: विशेषताओं, आवश्यकताओं और सिफारिशों

प्रौद्योगिकी के विकास के वेब साइटों है एक बहुत बहुमुखी प्रक्रिया है । लेकिन अभी भी सभी के अपने चरणों में विभाजित किया जा सकता दो मुख्य घटक - कार्यक्षमता और बाहरी खोल है । या, के रूप में आमतौर पर है के बीच वेबमास्टर्स, पीछे के अंत और सामने के अंत में क्रमशः. लोगों को जो चलाने के लिए अपने वेब साइटों से स्टूडियो, वेब विकास, अक्सर naively विश्वास है कि हम ध्यान केंद्रित करना चाहिए पर ही कार्यक्षमता है, और यह सही निर्णय होगा. लेकिन यह सच है बहुत दुर्लभ मामलों में, आम तौर पर परियोजनाओं के लिए स्टार्ट-अप बीटा परीक्षण में है । बाकी के ग्राफिक डिजाइन और यूजर इंटरफेस कर रहे हैं बस के लिए बाध्य करने के लिए के मानकों को पूरा वेब विकास और आरामदायक हो सकता है.

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

डिफ़ॉल्ट साइट चौड़ाई में पिक्सल के लिए Runet

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

अधिक:

मतलब जो मुस्कान "आप बंदर के साथ मेरी आँखें बंद कर दिया" और क्या स्थितियों में यह उपयोग करने के लिए?

इंटरनेट एक बड़ी भूमिका निभाता है हमारे जीवन में. यह की मदद से आप पा सकते हैं लगभग किसी भी जानकारी है. 21 वीं सदी में हम कर रहे हैं यहां तक कि खराब संवाद स्थापित करने के बिना प्रस्तुत किसी भी नेटवर्क कनेक्शन. मोबाइल ऑपरेटरों लगातार के बारे में शिकायत ...

के लिए के रूप में "कुलपति" को दूर करने के लिए एक पृष्ठ के माध्यम से अपने फोन है? टिप्स, चरणों

हाल ही में जब तक, करने के लिए स्थायी रूप से हटाने पेज "कुलपति" करने के लिए किया था एक समर्थन अनुरोध का संकेत कारण से या कार्रवाई के विपरीत नीति के "Vkontakte". बाद विधि करने के लिए सुराग एक प्रोफाइल निलंबन और बाद में हटाने. लेकिन यह सबसे अच्छा नहीं ह...

नतालिया Yaschuk. वह कौन है? ब्लॉगर, वेनर या टीवी प्रस्तोता?

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

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

लेआउट सभी अवसरों के लिए

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

इसलिए बहुत सारे संस्करणों के लिए अलग स्क्रीन को छोड़कर कर सकते हैं साइटों odnostranichnikov, जो उद्देश्य के लिए एक उत्पाद बेचते हैं और यकीन है कि यह करने के लिए अच्छी तरह से. अच्छी तरह से, यदि आप एक नहीं है की ये लैंडिंग पृष्ठों, और बहु-साइट पर, यह आवश्यक है करने के लिए तर्क और आगे.

सबसे लोकप्रिय आकार की साइटों

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

तालिका से, आप कर सकते हैं जानने के लिए कैसे निर्धारित करने के लिए साइट के आकार, आप चाहते हैं कि का उपयोग करने के लिए है । इसके अलावा, यह निष्कर्ष निकाला जा सकता है कि सबसे आम स्वरूप आज है स्क्रीन 1366 768 पिक्सल द्वारा. इन स्क्रीन में स्थापित कर रहे हैं बजट नोटबुक, तो उनकी लोकप्रियता स्वाभाविक है । अगले लोकप्रियता में एक पूर्ण HD है जो की निगरानी के लिए सोने के मानक सिनेमा, खेल, और इसलिए साइट के लेआउट है । आगे की तालिका में हम संकल्प को देखने के मोबाइल उपकरणों के 360 640 पिक्सल, की एक किस्म के साथ डेस्कटॉप और मोबाइल स्क्रीन के बाद यह.

डिजाइन लेआउट

तो, विश्लेषण के आंकड़े, हम निष्कर्ष निकाल सकते हैं कि इष्टतम चौड़ाई वेबसाइट की 4 रूपों:

1. एक संस्करण लैपटॉप के लिए चौड़ाई के साथ 1366 पिक्सल है.
2. पूर्ण HD संस्करण है.
3. लेआउट के साथ 800 पिक्सल चौड़ा पर प्रदर्शन के लिए छोटे डेस्कटॉप पर नज़र रखता है.
4. के मोबाइल संस्करण साइट है 360 पिक्सल चौड़ा है.

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

एक लचीला लेआउट

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

क्या है गोल्डन अनुपात और कैसे इसे लागू करने के लिए लेआउट के लिए वेब पृष्ठों की है?

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

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

वापस करने के लिए वेब डिजाइन

यह बहुत सरल है - गोल्डन अनुपात का उपयोग, आप कर सकते हैं डिजाइन पृष्ठों है कि सबसे अधिक हो जाएगा भाता मानव आंखों के लिए. गणना, परिभाषा के द्वारा, सूत्र के स्वर्ण अनुभाग में, हम एक तर्कहीन संख्या 1,6180339887... लेकिन सुविधा के लिए, आप उपयोग कर सकते हैं एक पूर्णांक के मूल्य 1.62. इसका मतलब यह होगा कि इकाइयों के हमारे पृष्ठों होना चाहिए 62% और 38% के पूरे आकार की परवाह किए बिना के उत्पन्न स्रोत कोड साइट के लिए आप का उपयोग कर रहे हैं. उदाहरण आप देख सकते हैं पर योजना है:

प्रौद्योगिकी का उपयोग करें

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

बढ़ाने के लिए कैसे काम अंतरिक्ष की साइट

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

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

एक उदाहरण के एक अच्छी तरह से छिपाने के लिए मेनू लेआउट है (तस्वीर के नीचे).

के ऊपरी कोने में लाल क्षेत्र आप देख सकते हैं, एक क्रॉस पर क्लिक करेंगे, जो छिपाने के मेनू में एक छोटा सा आइकन छोड़ रहा है, अकेले उपयोगकर्ता की सामग्री के साथ वेब साइट के लिए.

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

सर्वश्रेष्ठ वेबसाइट - अनुकूली

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

यह कहा जाता है अनुकूली डिजाइन, लग रहा है, जो विभिन्न उपकरणों पर समान रूप से अच्छी तरह से. इस दृष्टिकोण की अनुमति देगा, अपनी वेबसाइट के लिए स्पष्ट हो सकता है, हालांकि लैपटॉप पर, यहां तक कि एक गोली पर, यहां तक कि अपने स्मार्टफोन पर. इस प्रभाव हासिल की है की वजह से करने के लिए स्वत: परिवर्तन की चौड़ाई के क्षेत्र में काम करने की स्क्रीन है । का उपयोग कर अनुकूली शैली पत्रक के लिए साइट, आप स्वीकार करते हैं सबसे अच्छा समाधान संभव है । <आइएमजी alt="इष्टतम चौड़ाई साइट के" ऊंचाई="267" src="/images/2018-Mar/17/fe4d41c5a1ebf7eeeaca494b75e78a82/6.jpg" चौड़ाई="600" />

उत्तरदायी डिजाइन से अलग होने के विभिन्न संस्करणों, अपनी वेबसाइट

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

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

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