आइए कहें कि मेरे पास 100 पीएक्स गटर स्पेस (मार्जिन) और बाएं और दाएं 50px के साथ 1000 पीएक्स चौड़ा 2 कॉलम लेआउट है .. मैं इस लेआउट में सुनहरा अनुपात कैसे लागू करूं?गोल्डन अनुपात, पैडिंग/मार्जिन के साथ या बिना?
विधि एक
c1+c2=800px;
c1/c2=1.618;
=>c1= 495px and c2= 305px
50px, column 1 (495px), 100px, column 2 (305px), 50px
विधि दो मार्जिन अनदेखी स्तंभ चौड़ाई की गणना। मार्जिन/paddings जोड़ने के बाद
c1+c2=1000px
c1/c2=1.618
=>c1= 618px c2=392px
प्रभावी स्तंभ चौड़ाई
c1=618px -100px = 518px
c2=392px -100px = 292px
50px, column 1 (51), 100px, column 2 (305px), 50px
% difference in two methods 518-495/518= 4%
4% अंतर किसी भी कोई फर्क नहीं होगा, लेकिन% अंतर अधिक है जब संकीर्ण लेआउट के साथ काम किया जाएगा।
आप इस लेख देखते हैं, तो http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/
पहले उदाहरण में वे सुनहरे अनुपात से बाहर गद्दी ले लिया है, और दूसरे में वे जीआर की गद्दी हिस्सा बनाया।
क्या कोई सुझाव दे सकता है कि कौन सी विधि बेहतर है।
मैं एक अनुकूलन योग्य WordPress थीम के लिए इस लेआउट को विकसित कर रहा हूं, मैं तरल लेआउट लेने का विकल्प प्रदान कर रहा हूं। मैं सुनहरा अनुपात (क्या मैं ??) के साथ पहली विधि का उपयोग नहीं कर सकता।
क्या मैं जीआर को डिजाइन में लाए गए सद्भाव को खोए बिना विधि 2 का उपयोग कर सकता हूं।
कृपया लिंक शामिल करें और अपने उत्तर का समर्थन करने से इनकार करें।
पीएस: मैंने इस प्रश्न को ग्राफिक डिज़ाइन अनुभाग में पहले पोस्ट किया था, मुझे इसे यहां पोस्ट करने का सुझाव दिया गया था। मुझे आशा है कि मैं किसी भी नियम का उल्लंघन नहीं कर रहा हूं।
आप इसे थोड़ा अधिक पढ़ सकते हैं, तो आप बाहर मिल जाएगा यह सब कुछ के बारे में है, लेआउट शामिल है, न केवल टाइपोग्राफी। कृपया इसे अंत तक पढ़ें। –