मानक आयाम साइटहरु: सुविधाहरू, आवश्यकताहरु र सिफारिसहरू

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

इन्टरफेसमा डिजाइनर, वा डिजाइनर सामना पहिलो जगको - साइट लेआउट को चौडाई छ। आखिर, यो उनको लागि इन्टरफेस आकर्षित गर्न आवश्यक छ। Intuitively दुई नजिकिंदै छन् - या त लोकप्रिय स्क्रिन रिजोल्युसन प्रत्येक लागि छुट्टै रूपरेखा बनाउन, वा तपाईं सबै नक्सा लागि साइट को एक संस्करण सिर्जना गर्न सक्नुहुन्छ। दुवै विकल्प गलत हुन, तर पहिलो कुरा पहिलो थियो।

के तपाईं कहिल्यै आवश्यक साइट लागि पिक्सेलमा मानक चौडाई

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

यी विचार देखि, हामी लेआउट लागि निश्चित चौडाइ, हामी सिर्फ फिट छैन निष्कर्षमा पुग्न सक्छौं र अर्को बाटो फेला पार्न चाहन्छु। का प्रत्येक स्क्रिन चौडाई लागि छुट्टै लेआउट को विचार विश्लेषण गरौं।

सबै अवसरमा रूपरेखा

तपाईं सबै स्क्रिन बजार मा उपलब्ध आकार रूपरेखा सिर्जना गर्न रणनीति रूपमा छान्नुभएको छ भने, त्यसपछि आफ्नो साइट सबैभन्दा इन्टरनेट अनुपम हुनेछ। आखिर, आज यो बस असम्भव प्रत्येक विकल्प लागि सही सेटिङ बनाउन प्रयास मा उपकरणहरू को सम्पूर्ण दायरा कवर छ। तर तपाईं सबैभन्दा लोकप्रिय मनिटर संकल्प र स्क्रिन उपकरणहरू ध्यान भने, विचार राम्रो छ। यसको मात्र drawback - वित्तीय लागत। सबै पछि, डिजाइनर इन्टरफेस डिजाइनर र बदलनेवाला नै काम 5 वा 6 पटक बाध्य हुनेछन् गर्दा परियोजना disproportionately मूल बजेट मूल्यहरु मा लगाए खर्च हुनेछ।

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

साइटहरु को सर्वाधिक लोकप्रिय आकार

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

तालिका देखि यो तपाईं प्रयोग गर्न चाहनुहुन्छ साइट को आकार कसरी निर्धारण गर्न सिक्न सम्भव छ। साथै, यो आज भन्दा साधारण ढाँचा 768 अंक 1366 मा स्क्रिन छ कि अन्तमा गर्न सकिन्छ। यी स्क्रीन बजेट ल्यापटप स्थापित छन्, त्यसैले आफ्नो लोकप्रियता प्राकृतिक छ। अर्को सबैभन्दा लोकप्रिय साइट लेआउट सिर्जना गर्न चलचित्र, खेल सुन मानक छ, र त्यसैले, एक पूर्ण HD-मनिटर छ। हामी देख्न तालिका थप पछि मोबाइल उपकरणहरू 360 X 640 पिक्सेल, साथै डेस्कटप विभिन्न embodiments र मोबाइल स्क्रीन अनुमति दिन्छ।

डिजाइन लेआउट

यसैले, तथ्याङ्क विश्लेषण पछि, हामी साइट को सर्वोत्कृष्ट चौडाई 4 भेरिएसनहरूमा छ भन्ने निष्कर्षमा पुग्न सक्छौं:

1. 1366 पिक्सेल को एक चौडाई संग संस्करण ल्यापटप।
2. पूर्ण HD-संस्करण।
3. सानो डेस्कटप मनिटर मा प्रदर्शन को लागि चौडाई आकार लेआउट मा 800 पिक्सेल।
4. चौडाई मा 360 पिक्सेल - साइटको मोबाइल संस्करण।

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

एक लचिलो लेआउट बनाउन

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

सुनको अनुपात के हो र कसरी लेआउट वेब पृष्ठहरू प्रयोग गर्ने?

पनि पुनर्जागरण मा धेरै वास् र कलाकारहरू आफ्नो सिर्जनाहरू सही आकार र अनुपात दिन खोजे। यस्तो अनुपात को निहितार्थ बारेमा प्रश्नहरूको जवाफ, तिनीहरू सबै विज्ञान को रानी गर्न बन्द - गणित।

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

वेब डिजाइन फिर्ता जाने

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

नयाँ प्रविधिहरू प्रयोग

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

कार्यस्थान साइट कसरी वृद्धि गर्न

संभावना तपाईं सानो आकार को लेआउट सबै इन्टरफेस तत्व समायोजित गर्न पर्याप्त ठाउँ छैन भनेर हो। यस मामला मा, तपाईं वा रचनात्मक सोच सुरु गर्न, अझ रचनात्मक भन्दा तपाईंले पहिले गरे हुनेछ।

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

मेनु लुकाउन राम्रो तरिका एउटा उदाहरण निम्न लेआउट (तल तस्विरमा) छ।

माथिल्लो मा रातो को कुना क्षेत्र, तपाईं पार, वेबसाइट सामग्री संग एक्लै प्रयोगकर्ता छोडेर हेर्न सक्ने एउटा सानो प्रतिमा मा लुकाउँछ मेनुमा क्लिक गर्नुहोस्।

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

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

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

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

के आफ्नो वेबसाइट विभिन्न संस्करणहरू को उपलब्धता को अनुकूली डिजाइन distinguishes

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

विभिन्न उपकरणहरू लागि Adaptability कारण लेआउट चौडाइ वा प्रतिशतअभ्यास उपलब्ध ठाउँ मा परिवहन ब्लक मार्फत (को ठाडो विमान सट्टा एक डेस्कटपमा तेर्सो स्मार्टफोन मा), वा विभिन्न स्क्रीन सिर्जना गरेर व्यक्तिगत रूपरेखा गर्न हासिल छ।

तपाईं उत्तरदायी डिजाइन बारेमा थप जान्न र पुस्तकहरू देखि तपाईं विकास गर्न सक्नुहुन्छ।