2009-09-29 4 views
6

क्या वेब पेज के मुख्य सामग्री क्षेत्र की चौड़ाई के लिए मानक अधिकतम है? मैं प्रयोज्यता को प्रभावित किए बिना स्क्रीन अचल संपत्ति को अधिकतम करना चाहता हूं। मैंने देखा है कि बहुत सी साइट 980 पीएक्स या उससे कम तक चिपक जाती हैं। किसी के पास कोई सुझाव है?वेब पृष्ठों के लिए एक अच्छी अधिकतम सामग्री क्षेत्र चौड़ाई क्या है?

उत्तर

4

मैं तुम्हें आवरण चौड़ाई संदर्भ दे रहे जब से तुम 980

सबसे आदर्श समाधान सभी में पिक्सल के बारे में सोच नहीं करने के लिए और बदले ईएमएस /% s और स्केलिंग पर भरोसा है उल्लेख किया यह सोचते हैं रहा हूँ, के रूप में हो सकता है जितना संभव हो उतना तरल पदार्थ, इसलिए आपका डिज़ाइन छोटे मोबाइल उपकरणों पर फिट बैठता है और आपके तत्वों की ऊंचाई तय नहीं होती है लेकिन ऑटो। उदाहरण: http://www.456bereastreet.com/

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

+0

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

+0

आपका जवाब क्या होगा यदि यूनिट 'em 'था: ईएमएस में मापा गया एक अच्छा अधिकतम-चौड़ाई मान क्या है? – ChrisW

+0

@ChrisW [webtypography.net] (http://webtypography.net/2.1.2) प्रति पंक्ति 45-75 वर्ण सुझाता है। मैंने अपनी वेबसाइट पर 'अधिकतम चौड़ाई: 70em;' की कोशिश की और यह बहुत अच्छा लग रहा है। – DaveGauer

1

आपको पहले सवाल पूछना होगा। मेरे दर्शक कौन हैं?

+0

नहीं जवाब मैं खोज रहा था, लेकिन + इस महत्वपूर्ण बिंदु को इंगित करने वाला एकमात्र व्यक्ति होने के लिए 1। धन्यवाद! –

1

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

उत्तर आपके इच्छित/अनुमानित उपयोगकर्ता आधार के आधार पर बदल सकता है (उदाहरण के लिए 980 काम करने वाले पीएक्स के साथ आपको 1024 पीएक्स स्क्रीन चौड़ाई छोड़ दें - और जानबूझकर निर्णय लें कि आप छोटे स्क्रीन रिज़ॉल्यूशन वाले किसी को भी समर्थन देने में रूचि नहीं रखते हैं)।

एक और समाधान पोर्टल में इसे बनाकर आकार लेआउट अनुकूलन की अनुमति देना है- जैसे उपयोगकर्ता पोर्टलों (एला माई याहू) के लेआउट का नियंत्रण रखते हैं।

+0

मुझे लगता है कि अधिकतम चौड़ाई (~ 980 पीएक्स) के साथ जाना एक अच्छा विचार है क्योंकि हमारे अधिकांश उपयोगकर्ता डेस्कटॉप मशीनों के साथ एंटरप्राइज़ क्लाइंट हैं और बड़े आकार के मॉनीटर से मध्यम हैं। प्रतिक्रिया के लिए धन्यवाद! –

3

अनुसंधान, जैसे कि संदर्भित here बताता है कि लोगों को टेक्स्ट की लंबी लाइनें पढ़ने में अधिक कठिन समय लगता है। यही कारण है कि मैं अपनी सामग्री चौड़ाई 800px या तो प्रतिबंधित करता हूं।

+0

"लंबे" की परिभाषा एक दूसरे के साथ अलग है। –

+2

हां, लेकिन शोध से पता चलता है कि आंखों के तनाव से पहले 70 वर्ण अनुमानित अधिकतम राशि है। – Jacob

+0

दिलचस्प लेख। लिंक और सुझाव के लिए धन्यवाद! –

0

पूर्ण पिक्सेल मानों के बारे में निश्चित नहीं है, लेकिन एक चीज जिसे मैं सुनिश्चित करता हूं कि टेक्स्ट कॉलम बहुत व्यापक नहीं होते हैं। वहां कई वर्ण हैं जिनसे पढ़ने की समझ खराब है।

1

960 एक बहुत आम मानक है, और यह आंकड़ा के पीछे तर्क यह है कि एक 1024 पिक्सेल चौड़ी स्क्रीन पर ढाले अपने उपयोगकर्ताओं का एक बड़ा बहुमत स्क्रॉल किए बिना सामग्री देखने के लिए अनुमति देगा। कुछ शुरुआती प्रेरणा के लिए ब्राउज़र & उपयोगकर्ता सिस्टम क्षमताओं के आंकड़ों तक पहुंच प्रदान करने वाली 100 साइटों में से एक के लिए here देखें।

लेकिन अंत में, यह आपके ग्राहक आधार की संरचना को समझने के लिए आप पर निर्भर करेगा - यदि आपकी साइट iPhones को लक्षित करती है, तो 1024 पिक्सेल चौड़ी स्क्रीन को लक्षित करने का आपका सबसे अच्छा निर्णय नहीं हो सकता है।

+0

दिलचस्प आंकड़े। यह देखना दिलचस्प है कि <10% उपयोगकर्ताओं के पास 1024x768 से छोटा स्क्रीन आकार है। बेशक, उन आंकड़ों को नमक के अनाज के साथ लिया जाना चाहिए। w3schools.com उनके उपयोगकर्ताओं से आंकड़े लेता है, जो मुझे लगता है कि बड़े पैमाने पर डेवलपर्स हैं। डेवलपर्स नियमित उपयोगकर्ताओं की तुलना में अधिक उच्च अंत सिस्टम होते हैं, जो लैपटॉप या पुराने/छोटे मॉनीटर पर फंस सकते हैं। मुझे लगता है कि यह आपके दर्शकों की पहचान करने के लिए नीचे आता है। मुझे Google, Facebook, याहू !, आदि जैसी साइटों से आंकड़े देखना अच्छा लगेगा, जो शायद पूरी तरह से इंटरनेट उपयोगकर्ताओं का अधिक प्रतिनिधि होगा। लिंक के लिए धन्यवाद! –

4

या तो 800x600 या 1024x768 रिज़ॉल्यूशन को लक्षित करें।

800x600 के लिए यह लगभग 750px है।

1024x768 के लिए यह 970 पीएक्स होगा। चौड़ाई में

+0

प्रतिक्रिया के लिए धन्यवाद! –

0

1000 पिक्सेल, .... मैं जो फिट बैठता है कम से कम 1024x768 संकल्प आपके ब्राउज़र के तल पर एक क्षैतिज स्क्रोलर के बिना इन दिनों प्रयोग किया जाता में क्या उपयोग है

संबंधित मुद्दे