Skip to main content

Golden Ratio + The Rule Of Thirds

Both the Rule of Thirds and the Golden Ration are extremely impactful to design and visual communication.  Not only are they essential to quality photography, but also to art and architecture.

The Golden Ratio represents a common mathematical ratio that is found in nature.  When used in art, it helps to create a pleasing, natural looking design.  It is approximately a 1:1.61 ratio.  It essentially is a large rectangle consisting of a square (which has sides that are equal in length to the shortest side of the rectangle) and a smaller rectangle.  Then, if the square is removed from the original rectangle, one is left with the smaller rectangle.  This rectangle could also be divided using the Golden Ratio.  This can continue on infinitely by dividing the rectangle and removing the square over and over again.
Image result for pictures using the golden ratioImage result for pictures using the golden ratio
Greek architecture represents the use of the Golden Ratio.

The Rule of Thirds divides an image into thirds both horizontally and vertically, leaving the image in 9 squares.  Placing an important point on an intersections or along the lines helps balance the photo and works with how people naturally view an image.

Related image
Image result for rule of thirds image

Comments

Post a Comment

Popular posts from this blog

Wireframe For Website

The new bakery in town, "Main Street Sweets," has commissioned me to design its online presence.  Its mission is to be a homey and comfortable spot for teenagers or adults to hang out at or bring homework or work to.  They also have an event room to host birthday parties, small groups, study groups or other events of that type.  The main purpose of their website is simply to display their goods and the atmosphere of the place. Along with the above homepage, I also created menu, events, and about pages. The menu is essential because it displays to potential customers their food options at Main Street Sweets and also assists with online orders. Because Main Street Sweets contains a private events room, they have a webpage to display what it looks like and give people an idea of what their event could look like.  The text on this page describes the space, what type of events are held there, and also convinces the reader to hold their next event there. ...
Post a Comment
Read more

Usability

Usability       Usability measures how well a person can experience an interface.  This includes organization and having the necessary help menus.  Usability is essential to a persons experience simply because if a website or system is unusable, then the consumers will be unable to use it, which makes the website or system rather pointless, ineffective, and useless. Learnability Learnability determines how quickly a user can perform simple things on the interface during their first experience with it.  This ®refers to when the design is predictable and consistent throughout the website.   Efficiency  Efficiency encompasses how rapidly a user performs tasks on an interface after they have learned.  While this may sound ridiculously similar to learnability, it differs in that learnability refers to a user's original interactions with the interface while efficiency is about the effort required throughout multiple visits to the interfa...
Post a Comment
Read more

HTML

An acronym for Hypertext Markup Language, HTML is a language for creating color, sound, graphics, and font on web pages.  It is the building blocks for web pages.  Without HTML, webpages would not exist.  HTML, which is essentially just text files, is constantly evolving as a language. An HTML document contains three sections: declarations, head, and body.  The declaration sits at the top of the page and contains a 'doctype' declaration.  This helps the browser interpret the page accurately by showing if it is HTML5 (the latest version) or an older version of HTML.  Sometimes people also add a second declaration that communicates to the browser what character set the server is using for storing and transmitting one's web pages information.  The Head of the document controls what the body does.  The user doesn't view the head as it sits at the top of the page between the head tags.  The Body contains most of the information that the user see...
Post a Comment
Read more