Tỷ lệ vàng, có hoặc không có đệm/lề?

Question

Cho phép nói rằng tôi có bố cục 1000 cột 2 px rộng với không gian trống 100 px (lề) và 50px ở bên trái và bên phải .. Làm cách nào để áp dụng tỷ lệ vàng cho bố cục này?

Phương pháp Một

c1+c2=800px; 
c1/c2=1.618; 
=>c1= 495px and c2= 305px 

50px, column 1 (495px), 100px, column 2 (305px), 50px 

Phương pháp hai tính toán độ rộng cột lờ đi bên lề.

c1+c2=1000px 
c1/c2=1.618 

=>c1= 618px c2=392px 

rộng cột hiệu quả sau khi thêm lợi nhuận/miếng đệm không

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% 

Sự khác biệt 4% sẽ không thực hiện bất kỳ bất kỳ sự khác biệt, nhưng sự khác biệt% sẽ nhiều hơn khi đối phó với cách bài trí hẹp.

Nếu bạn thấy bài viết này, http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/

Trong ví dụ đầu tiên họ mất đệm ra khỏi tỷ lệ vàng, và ở bên kia họ đã làm đệm một phần của GR.

Ai đó có thể đề xuất phương pháp nào tốt hơn.

Tôi đang phát triển bố cục này cho chủ đề wordpress có thể tùy chỉnh, tôi đang cung cấp tùy chọn để chọn bố cục lỏng. Tôi không thể sử dụng phương pháp đầu tiên với tỷ lệ vàng (Tôi có thể ??).

Tôi có thể sử dụng phương pháp 2 mà không làm mất sự hài hòa mà GR mang đến thiết kế hay không.

Vui lòng bao gồm các liên kết và ref hỗ trợ câu trả lời của bạn.

PS: Tôi đã đăng câu hỏi này trong phần thiết kế đồ họa trước đây, tôi được đề xuất đăng câu hỏi ở đây. Tôi hy vọng tôi không vi phạm bất kỳ quy tắc nào.

Answer 1

tôi có thể chỉ cho bạn bài viết tuyệt vời này về tỷ lệ vàng:

http://www.alistapart.com/articles/more-meaningful-typography/

Nó cũng chứa một liên kết đến một công cụ hữu ích để tính toán số dựa trên tỷ lệ vàng và một vài tỷ lệ. Đây là liên kết để thuận tiện:

http://modularscale.com/