क्या कोई सीएसएस पैडिंग हेरिस्टिक है जिसका मैं पालन कर सकता हूं?

Question

मैं एक साधारण समस्या है:

• मैं एक div के अंदर एक छवि है।
• पृष्ठ को अधिक सौंदर्यपूर्ण रूप से प्रसन्न करने के लिए, मैं छवि में कुछ अतिरिक्त पैडिंग जोड़ने जा रहा हूं।

बल्कि यह नेत्रगोलक की तुलना में, मैं जानना चाहते हैं:

वहाँ किसी भी सीएसएस गद्दी heuristics कि मैं अनुसरण कर सकते हैं कर रहे हैं?

मैं सोच रहा था कि जेकब नीलसन क्षमता के किसी पेज लेआउट और गद्दी (अर्थात न्यूनतम पिक्सेल की पैडिंग या समानता) के बारे में कुछ सर्वोत्तम प्रथाओं की स्थापना की है हो सकता है।

• मैं दावा नहीं कर रहा हूं कि यह हल करने के लिए एक विशेष रूप से कठिन समस्या है।
• लेकिन यह एक समस्या है जो संभवतः फिर से आ जाएगी।
• और मैं भविष्य में अपने पैडिंग विकल्पों को मार्गदर्शन करने के लिए कुछ हेरिस्टिक्स चाहूंगा।

किसी भी मदद की सराहना की जाएगी।

Answer 1

वास्तव में इस तरह की चीज़ के लिए कुछ मानक सूत्र हैं।

1. तिहाई की व्यवस्था। संदेह में, इसे तीन भागों में विभाजित करें। तीन तक विभाजित करें जब तक कि आप कुछ उचित न हो जाएं।
2. स्वर्ण अनुपात - यह एक छोटी सी मुश्किल है, और आप वास्तव में आदेश इसे सही ढंग से हटा करने के लिए गोल्डन धारा की तरह एक कार्यक्रम की जरूरत है, लेकिन मूल विचार है कि अपने गद्दी गोल्डन अनुपात से कुछ कई होना चाहिए। गोल्डन अनुपात ((a+b)/a) = (a/b)) या लगभग 1.618 है।
3. ए 4 अनुपात। मुझे नहीं पता कि इसे क्या कहा जाता है - लेकिन यह 1.414 है यह ए 4 पेपर की चादर का अनुपात है।
4. लगभग किसी भी अनुपात यदि आप इसे करने के लिए छड़ी अपने ग्रिड संतुलित लग रही है कर देगा।

यदि आपकी छवि 100 पिक्सल चौड़ी है, तो आप सुनहरे अनुपात से विभाजित हो जाते हैं जब तक कि आप ऐसा कुछ न करें जो बड़े पैमाने पर नहीं हो।

तो 100 पिक्सेल के लिए सुनहरा अनुपात संख्या 62, 38, 24, 15, 9, 6, 4, 3, 2, 1. ईएमएस में आप आंशिक चौड़ाई का उपयोग कर सकते हैं, इसलिए आप 14.5, 9, 5.6 के साथ हवाएं इसलिए सीएसएस में वे पेज भर में बदल सकती आदि

उन्हें इकाइयों, अपने "एम" फ़ॉन्ट में की चौड़ाई के एक समारोह कर रहे हैं।

"उपाय" पाठ की लाइन की चौड़ाई है। आप चाहते हैं कि आपका उपाय 2 से 2.5 वर्णमाला से कम हो। (आप abcdefg टाइप करके एक वर्णमाला को मापने ... दो बार।)

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

Answer 2

आप की तरह एक सीएसएस ढांचे का उपयोग कर के बारे में सोचा:

• BluePrintCSS
• YAML
• YUI ग्रिड सीएसएस
• 960 सीएसएस ग्रिड प्रणाली
• और इतने पर (देखें यह अच्छा article)

मेरा पसंदीदा निश्चित रूप से निश्चित है ब्लूप्रिंट, यह वाईएएमएल या यूयूआई की तरह भी फूला हुआ नहीं है और आपको एक नई परियोजना के लिए एकदम सही शुरुआत देता है। जहां तक ​​मुझे पता है कि यह बक्से और ऐसी चीजों के लिए एक 1.5em पैडिंग जोड़ता है। इसके अलावा इसके अनुकूल अनुकूलनीय। एक नज़र डालें :)

Answer 3

आपको सामान्य जवाब देना मुश्किल है क्योंकि पृष्ठ का सामान्य रूप इस विकल्प को प्रभावित करता है। टेक्स्ट घनत्व कितना है? कितनी सफेद जगह? कितने कॉलम? एक पृष्ठ में कितनी छवियां हैं? आदि

मुझे लगता है कि आप अपने आप को प्रयोग करना चाहिए और आप जल्दी से अपने खुद के ठेठ गद्दी आकार या सीमा है जो आप के साथ टिंकर शुरू करने और एक परियोजना प्रति आधार पर कर सकते हैं मिल जाएगा।

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