Make My logo Bigger!!!

“MAKE MY LOGO BIGGER”, a seemingly harmless sentence, but frustrates web designers to the extent of tearing up their design. Often, a person not from an artistic background might think that by making their logo bigger, it will attract more customers to remember their brand.

ID_Lazy_Artist_by_Neo_Kaiser

By Neo Kaiser (http://neo-kaiser.deviantart.com/)

However, it is never the logo that attracts viewers. It is the content within the web page that satisfies them. It is not about getting your money’s worth or a case of a lazy designers. It’s about keeping the viewers on the page, making them scroll further down, and getting viewers to click on a certain action that the client desires.

To put things plainly, a designer lays down design elements to achieve the desired outcome required by the client. The composition consists of various elements such as lines, shapes, and colors thus boosting the users experience when browsing the web page.


13

Tutplus – Understanding Z-layout in web design (http://webdesign.tutsplus.com/articles/understanding-the-z-layout-in-web-design–webdesign-28)

Let’s look at a very simple line composition above; the line guides the movement of the eye. Designers use this as an advantage to design elements around it to guide the viewer to the desired content. It’s known as giving weight or balancing the content on the web page. Imagine if a very large logo is placed at point 1, this creates a weight that breaks the balance of the composition. Resulting in a miscommunication of information to the viewers.

The next thing we need to understand is color composition. How does a designer mix the color to bring out the content of the pages? An analogous color is the color that is side by side on the color wheel, it is often used to express harmony that is pleasing to the eye. Complementary colors are the colors that are opposite to each other on the color wheel. It’s often used to highlight content or something that you want to stand out. However, too much of certain a color, and it becomes very distracting to the eye. Hence, choosing the right color helps your website stand out in the viewer’s eyes.

rg1

Complementary colors (http://designwashere.com/complementary-colors-in-web-design/)

Let’s look at the image above; most of the colors are from Red to Green, which are complementary colors on the color wheel. Even the content (welcome to the table) that has a darker green to lighter orange is a complementary color too. Imagine that the strawberry at the top left is the logo of the company. If the logo is larger, the red will be the dominant color and impose stress on the eyes, this will likely cause the viewer to navigate away from the page.

In the nutshell, making the logo bigger is not something really difficult for designers. However, when a logo is requested to be made bigger, it creates unnecessary trouble for designers to re-analyze the amount of content required to communicate to the viewers. At the end of day, viewers are coming back for the content and not the logo. Unless it is part of a secret propaganda plot for social engineering, there is really no reason to create a very large logo.

Check out more on how to use composition on web (Rule of third and golden ratio!!) :

http://www.tigercolor.com/color-lab/color-theory/color-harmonies.htm

Learn more about colors:

http://www.artistsnetwork.com/medium/watercolor/great-color-composition

Color using explanation: 

http://www.tigercolor.com/color-lab/color-theory/color-harmonies.htm

Check out how to use complementary color to make your page standout:

http://designwashere.com/complementary-colors-in-web-design/

References

Composition (visual arts). (n.d.). Retrieved January 30, 2015, from http://en.wikipedia.org/wiki/Composition_(visual_arts)

Understanding the Z-Layout in Web Design – Tuts Web Design Article. (n.d.). Retrieved January 30, 2015, from http://webdesign.tutsplus.com/articles/understanding-the-z-layout-in-web-design–webdesign-28

The “make my logo bigger” conundrum. (n.d.). Retrieved January 30, 2015, from http://www.purplegoat.com.au/graphic-design/the-make-my-logo-bigger-conundrum/

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s