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
blog – Golden Ratio in logo designs
Golden Ratio in logo designs. Beauty and aesthetics have been praised from time immemorial. But little did people know that the most effective, perfectly balanced, and visually compelling creations followed the tid-bits of mathematics. At least not until 1860, when German physicist and psychologist Gustav Theodor Fechner proposed that a simple ratio, an irrational number defines the balance in nature. The Golden Ratio! Fechner’s experiment was simple: ten rectangles varying in their length-to-width ratios were placed in front of a subject, who was asked to select the most pleasing one. Golden Ratio Golden Mean, Golden Section, Divine Proportion are all common names for what is known as the Golden Ratio which is based off the number phi (φ) = 1.61803398874… discovered by Italian Mathematician Fibonacci. the ratio between these numbers soon become very close to φ (1.618). What’s so amazing about this number? Logos with golden ratio National Geographic Pepsi Apple iCloud Toyota Grupo Boticário
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?
Download free icons: 15 great resources | Design
There are a dizzying number of free icons available for download from the web - so where do you start? In this feature, we've gathered some of the best sites to help track down options that work for you. First, you need to know what you're looking for. The key to iconography is a consistent aesthetic (line weights, proportions, composition, amount of positive vs negative space used, etc) that displays a sense of competence and good decision-making in your design. Each individual icon needs to communicate clearly but relate to every other icon used on the site or design piece. Scalability In other words, you need to make sure the free icons you download are scalable. Understand what your needs are: the amount of room needed to display the icons, if the background is clean or complex, and so on. Understand that icons are more about being literal rather than symbolic. 01. iconmonstr The iconmonstr website is a great place to find black and white vector icons. 02. 03. 04. 05. 06. 07. 08. 09.
Geometric Line And Dot Tattoos By Turkish Artist Prove Less Is More
Bicem Sinik might be Turkey’s Dr. Woo. This young female artist uses fine monochromatic lines to create geometric animals and other minimalist forms. But there are problems with this style of tattooing. More info: Instagram | Tumblr (h/t: ufunk)
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
Logo design using PhiMatrix Golden Ratio Software
From Renaissance artists of the 1500′s to graphic artists of today, phi is recognized for its ability to give a sense of aesthetic appeal in balance and harmony of design. Product logos represent an image that must make a positive and memorable impact on the conscious and subconscious minds of consumers, so it is no surprise to find phi proportions in many logos of major companies. The Phi grid proportions are provided by PhiMatrix software by simply overlaying the PhiMatrix grid to unveil the design proportions inherent in these well-designed and very recognizable logos. No limit to creativity in design opportunities Note how the following logos of these internationally recognized companies all use the golden ratio to achieve a professional, aesthetically pleasing proportions of design: Note how every dimensions of each letter of this logo is apparently based on proportions of the first and second phi lines, which are golden ratios of one another:
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.
