Many web site designers build beautiful pages, but if you ask them why they constructed a particular page in a certain way, they'll simply say that it looked good to them. There are design principles that predate the Internet; some of them even go back to ancient Greece and Rome, and they're as applicable today as they were then. If you still make pages that look good without knowing the science behind good design, this seven-part article series introduces you to concepts that you can consciously apply to your next web site design project.
Fundamental Design Principles for Web Page Layout (Page 1 of 4 )
Building web page layouts is, in many cases, a self-taught process that frequently lacks a solid theoretical foundation. Of course, this doesn't apply to all situations and all web designers, but in general terms, people start quickly positioning columns and sections within a web document using a table-less approach, and everything seems to work like a charm, since the design they’ve just created is rendered consistently across most modern browsers.
Unfortunately, things begin to spoil rapidly when you ask these same people why they assigned determined dimensions to the layout containers of their web pages. Again, in numerous cases, the answer will simply be: because they look good! While this type of answer is bearable and even comprehensible coming from beginners, this is quite unacceptable from experienced professionals.
And it’s truly amazing to see how many professional-looking web sites are currently developed without a minimal background in the basic principles of graphic design in general. This fact proves two things: first, the content of a web site really is king (yes, I think I’ve heard that somewhere else before), and second, inexperienced people can build appealing web sites.
However, learning some of those fundamental design principles doesn’t hurt at all; in fact, the experience can be not only instructive, but fun as well. So, with that idea in mind, in this series of articles I’ll be demonstrating, with a decent variety of code samples, how to implement concepts like the “Golden Proportion” and “The Rule of Thirds” for creating consistent web page layouts.
Hopefully, by the end of this series, you’ll have a more solid idea of how to apply these principles with minor hassles for building appealing, harmonious web sites, in this way empowering your design skills.
Speaking more specifically, this first chapter of the series will gently introduce you to implementing the “Golden Proportion” when building a fixed web page layout, so if you wish to learn how to do that, then start reading now!