![]() If you want to use golden ratio, it is important to implement it in your typographical graphic design elements as well. Now let’s see how golden ratio can be used in other design elements: It’s up to you, normally if a person like numbers, math and perfection, he uses golden ratio to be 100% sure the design is well thought and calculated. It is again aesthetically appealing look and tends to achieve visual harmony.Ī lot of designers use it, a lot of designers don’t. The golden rectangle is the most used shape to visualize the golden ratio, but you can also use circles and triangles in a very similar way.įor instance, as you can see on the picture you can create an approximate golden spiral shape out of circles and those circles fit perfectly inside a system of golden rectangles. Then we add a 618 x 618 square on the right side of the canvas, leaving behind a 382 x 618 rectangle on the left side – another golden rectangle, etc! As you could get, a “Golden Rectangle” is a rectangle whose length is 1.6180 times its width. We take the width of 1000 pixels and divide it by 1.618 to get a height of about 618 pixels. Just to give you an example, let’s look at rectangle with golden proportions: Of course, the mathematical equation at work is much more complicated than that, but this is the base for the creation. The golden ratio is known for the proportions 1:1.618. GOLDEN RATIO IN WEB DESIGN: MATH & BEAUTY Let’s see more in details what is golden ratio in web design and what are the numbers behind it. As we discussed before most aesthetically pleasing designs have math in common. They help us discover unknown things and better understand ourselves & our target. This is one of the triggers you can use if you want to use neuroscience in your works and play with different parts of the brain. Golden Ratio in web design is also used to balance content that is text heavy, create hierarchy and draw users’ eyes to specific areas. That makes them much more likely to read on and view your website in depth. By using the golden ratio in web design, you become appealing to your viewers and unconsciously the layout of the website looks perfect for them as well as familiar. Remember my article about neuroscience in web design? There we talked about importance of familiarity, unconscious mind and how we can influence it. Visitors feel comfortable interacting with the website because the proportions are familiar to them from many works of art, classical buildings and nature. Images, blocks of text, sidebars, buttons, etc can all be nicely placed in golden rectangles that form a “perfect” design. These designs just look right and unconsciously they are pleasing to the users. Web pages have a more classical and balanced appearance when UX designers use golden ratio in web design. Sometimes we don’t really know why we choose certain option over another one, but in most of the cases if we start measuring the proportion, we will see that golden ratio designs are the preferred ones. We were grown with golden ratio, most of the masterpieces that we studied at school had this golden ratio proportions. You see it in Twitter’s dashboard, in Pyramids of Giza, in Da Vinci’s Mona Lisa, in the logo of Google, Pepsi, Twitter, Apple, etc. Now like many years ago, golden ratio is used to determine the format of credit cards, books, furniture, interior design, decoration of the plates in the restaurants, etc. Even now we consider beautiful people to have golden ratio proportions and we form this opinion unconsciously the location of eye brows, nose, mouth, eyes, etc. ![]() Since that times artists and architects have used a strong understanding of proportions and the essence of golden ratio to create aesthetically pleasing architecture and pieces of art. They expressed this phenomenon with the Greek letter phi, but today, we call it the golden ratio. To be honest it all comes from the Ancient Greeks, who were one of the first ones to discover a beautiful asymmetry found in nature: trees, flowers, animals, people, etc. And today we will look at why and how to use golden ratio in web design to achieve beautifully balanced interface and make people enjoy their experience with your product. If you want to be on the same wave with Leonardo Da Vinci, Salvador Dali and other extraordinary creative and genius people, you need to know what all of them have in common: usage of golden ratio in their designs. UX design requires creativity and well thought tested ideas, sometimes even perfection and natural balance. Several months ago I have written an article about photography in web design and I got really inspired to write one about golden ratio in web design as it is as important for UX design as for photography. GOLDEN RATIO IN WEB DESIGN: MATH & BEAUTY. ![]()
0 Comments
Leave a Reply. |