Applying the Golden Ratio to Web Layouts and Objects by anthony on 10/21/10 at 5:36 pm 1.618 is a number all serious designers should know. It’s known as the golden ratio found throughout nature, art and architecture. Seashells, the Mona Lisa and the Parthenon all show the golden ratio. The golden ratio gives us a divine sense of aesthetic that we can apply to web design. For example, take your typical 960 pixel width layout and divide 960 by 1.618. You can also apply the golden ratio to the height of your website, assuming your page has a fixed height. Getting the width and height of your layout using the golden ratio is easy to do. Not every interface object is going to have a rectangular shape, but for objects that do have a rectangular shape, we can use the golden rectangle to make the elements proportional to the golden ratio. First, you’ll need to open up Omnigraffle or Fireworks, turn your canvas grid on and set the grid spacing to 5 pixels. In order to create a golden rectangle, we will need to follow the Fibonacci spiral. anthony

Understanding Composition I once thought “I already know the rule of thirds, so I’m good.” But it wasn’t until reading countless books that I learned that it’s so much more. And once you’ve learned this you’ll never use Blender the same way again. I made this video because I don’t want you to make the same mistake I did – wasting 8 years of your life creating dull scenes that lack proper composition. Composition is one of the most things you can learn as a CG artist, and yet almost no one in the CG field is teaching it. In this video you’ll discover: Why a lack of composition knowledge can undermine your effortsThe 3 stages of a well composed imageThe most common mistake artists makeSimple rules to create more engaging artwork Text Summary coming soon! This video took a long while to research and put together, but I’m hoping it’ll be Want more videos like this?

Bisection of Yin and Yang The flag of South Korea (and of Kingdom of Korea from 1883) contains the ancient yin-yang symbol (Taijitu in Chinese, Tomoye in Japanese and Taegeuk in Korean) that represents the struggle, merger and co-existence of two opposites (could be hot/cold, male/female, sky/earth, moon/sun, etc.) The symbol is composed of two regions of a circle separated by two semicircles of half the radius of the big circle. Solution 1 This one requires no proof. Solution 2 Part of the Yin (black) piece below the horizontal diameter of the big circle is a semicircle with area πR²/8, where R is assumed to be the radius of the big circle, so that the small semicircle is of radius R/2. Solution 3 The dashed circle has radius R/√2. Solution 4 The reflection in the horizontal diameter of the big circle creates a second Yin-Yang pair of regions whose borderline supplies the necessary cut. Solution 5 For this proof, we set x = R(√5 - 1)/4. Solution 6 Application of the Carpet Theorem Area(S1 ∩ T1) = Area(S2 ∩ T2). Reference

Regole di composizione grafica Parlando di composizione viene subito da pensare alla fotografia eppure ci sono alcune regole di composizione grafica che andrebbero rispettate per dare ai tuoi layout un aspetto vincente. Cosa deve avere una grafica per essere vincente? Deve riuscire a trasmettere un messaggio in modo inequivocabile e, possibilmente, deve suscitare emozioni e quindi essere ricordata. Mica semplice. Eppure ci sono delle regole che possono aiutarti a raggiungere l’obiettivo. Tre regole di composizione grafica Quando guardiamo un impaginato partiamo da un punto specifico e, in base alla gerarchia delle immagini e dei testi, proseguiamo nella lettura. [Per approfondire il discorso della gerarchia visiva leggi anche: 10 modi per creare il contrasto nei tuoi progetti] Una volta che sei riuscito a catturare l’attenzione di chi guarda ed hai anche scelto il punto di focus, devi scegliere quale percorso visivo compierà chi sta guardando il tuo layout. Come grafica d’esempio ne riportiamo una di Simone Guccio.

Design Basics: A guide to the golden ratio Few design concepts blend the strengths of the left brain and the right brain quite as elegantly as the golden ratio. A formula that traces its roots to the Classical Era in both mathematics and the arts, today the golden ratio is still one of the most vital principles of cutting-edge Internet design. So...what the heck is it? Let's break it down: the golden ratio exists when the ratio of the sum of two quantities to the larger quantity is equal to the ratio of the larger quantity to the smaller one. Simple, right? The ratio is closely related to the Fibonacci sequence—simply put, a series of numbers, starting with zero and one, in which every number equals the sum of the two numbers that precede it. A handy visual representation of this sequence is known as the golden spiral: OK, Math Whiz: Why does it matter? This sequence is reflected in countless natural and man-made objects. Though no one is totally sure why, the golden ratio seems to exercise a powerful aesthetic pull on most people.

Rompere gli schemi della composizione per creare immagini d’impatto | Creative blog by Adobe Questo mese esploreremo il ruolo di angoli, equilibrio e prospettiva nella composizione… ma non per scoprire qual è il modo “giusto” di usarli. Quello che ci interessa, invece, è vedere in che modo gli artisti sovvertono deliberatamente le regole della composizione per sconvolgerci o turbarci. Che voglia comunicare cambiamento sociale, fermento politico o minacce ambientali, l’artista ribelle ci spiazza e ci esorta ad affrontare realtà scomode. Per cominciare, abbiamo chiesto consiglio a degli esperti della trasgressione. Se vuoi infrangere le regole, vai fino in fondo. Potrebbe sembrare un controsenso, ma Morgan David de Lossy, fotografo, regista e Senior Product Manager di Adobe, sostiene che ci sono delle regole da rispettare per infrangere “bene” le regole. A quel punto, se hai imparato alcuni concetti essenziali, come la regola dei terzi, e vuoi sovvertirle, non esitare: buttati! Ma, aggiunge Morgan, anche lo sbilanciamento richiede un certo equilibrio. Adobe Italia

Sri Yantra Research The Golden Ratio Triangles Figure 1 The golden ratio definition Since the Sri Yantra is made of triangles it is worth while spending some time learning a little more about triangles, more specifically triangles in the context of the famous golden ratio. We have to start with the golden ratio which is also known as the phi ratio or the golden proportion. figure 2. If this seems too abstract lets look at it in 2 dimensions. Figure 3 Golden ratio beauty mask Our perception of beauty is actually defined by the the golden ratio. The Golden proportion is 1.6180.. also noted by the greek letter phi (φ). In the case of the golden rectangle things are simple. But since the Sri Yantra is made of 9 interlocking triangles we are mainly interested in triangles. This gives rise to many variations of "golden ratio" triangles. The King and Queen Lets start with the King and Queen of the golden ratio triangles. Figure 4 Creating the golden triangles from the golden rectangle Figure 6 Golden triangle King

The 6 elements of design - 99designs Blog Good design can sometimes seem magical, like the designer simply stumbled onto a great combination of components that both engage and enlighten the viewer. In actuality, graphic designers use a set of tools, known as the elements of design, to build and hone that perfect design. Remember that every single piece of design is trying to communicate a message. Design can tell us which emails are unread in our inbox, which brand of socks to buy, or even to be wary of falling rocks. The elements of design are tools a designer uses to craft meaning and bring clarity to a muddled mess of ideas. This guide will give you an overview of seven basic elements of design that will make sure your design is as powerful as it can be. The 6 elements of design — Line Lines enclose and contain the parts of a design by creating outlines. Lines also send subliminal messages. Lines can be used to emphasize, setting particular information off in a busy composition and drawing the eye to a particular area. Color Type

Related: design
- Composizione