# Applying Mathematics To Web Design - Smashing Magazine

Advertisement “Mathematics is beautiful.” This may sound absurd to people who wince at numbers and equations. Because of its beautiful nature, mathematics has been a part of art and architectural design for ages. Layouts featured in this post were created specifically for the purpose of this article. Golden Ratio and Golden Rectangle The golden ratio, also known as the divine proportion, is an irrational mathematical constant with a value of approximately 1.618033987. We already published a very detailed article “Applying Divine Proportion To Web Design” that explains how to use the golden ratio in Web design. The construction of a golden rectangle is very easy and straightforward. A method to construct a golden rectangle. As an example, consider the minimalist design below. Large view However, it may be quite difficult to add a new Golden block while keeping the consistency of the design. Large view Possible Applications Download the PSD-layout Fibonacci Design Large view Large view Large view Related:  Design

WordPress Hosting | WPWebHost Design and the Divine Proportion – January 6th, 2005 – Many designers, whether traditionally schooled or not, have trouble with composition. I’ve sat with plenty of designers who simply moves things around until they feel ‘right’. Design is, in essence, communication (I know, I know, I rant about this enough, but this isn’t one of them) but the vehicle for communication is the design. The feeling When creating a design, or composing a photograph, we reach a point when we say ‘that’s right’ (or ‘that’ll do’ depending on the deadline and budget). The Divine Proportion Remember back to your art school? The Golden Section, or the Divine Proportion is a visual representation of a number called Phi (pronouned fi). So, what has this got to do with design? Well, in short, a lot. The Phi is evident everywhere in universe - Nature, Space, Physics, Mathematics, Physics, Art and So, here’s the thing. How? Using Phi in your designs It’s all very well talking compositional theory, but putting it into practice is another thing entirely.

40 Absolutely Free Vector Pack Collections Resources February 23, 2010 As designers, we are all familiar with various resources that we use in our usual designs, images and creations. Resources such as brushes and textures are just a few examples of these resources that help improve the quality and artistry of every image. By now, most of you may have numerous downloaded resources available in your computers. Amir Fura Vector Pack Set 1 View Source These Vector brush sets are perfect for simple design accents like band logos or even placement on a website border. Colorful Vector View Source These Colorful vector brushes are great for designing backgrounds and posters. Vector Stock Pack Number One View Source Assorted vector brush sets like this are good if you do a wide variety of designs. View Source Skull vectors are often resized for a variety of reasons. WG Funny Swirls Vol1 View Source These swirls and circles are a popular accent to most vector images. Autumn View Source People Silhouette Vector View Source Pimpin Vector Pack Cityscape

Web Design - Website Designers Applying Divine Proportion To Your Web Designs Advertisement Effective web design doesn’t have to be pretty and colorful — it has to be clear and intuitive; in fact, we have analyzed the principles of effective design in our previous1 posts2. However, how can you achieve a clear and intuitive design solution? Well, there are a number of options — for instance, you can use grids, you can prefer the simplest solutions or you can focus on usability. This article explains what is the Divine proportion and what is the Rule of Thirds and describes how you can apply both of them effectively to your designs. Divine Proportion Since the Renaissance, many artists and architects have proportioned their works to approximate the golden ratio — especially in the form of the golden rectangle, in which the ratio of the longer side to the shorter is the golden ratio. Consider the example above. First, calculate the width of your #content-block. This is the whole idea behind the “Golden” proportion. The Rule of Thirds Summary It's done.