Hello! You’ve heard of Visual Hierarchy? If you’ve never heard, this post is for you today, take a look at this image.
When we develop a page, a packaging, or even a post for social networks we have to go far beyond choosing a good image and think of a good copy. If you make a well-thought-out layout, you can attract the eye of the user (at least a large part of them) to the place you want and in the sequence you want, encouraging the user/ consumer to act as expected.
The Visual Hierarchy consists of organizing the elements to show their order of importance, making the distribution in a logical and strategic way, determining which elements will receive the user’s attention attracting their eyes directly to the desired focus and at the right time.
In practice, this has 3 basic functions that should be considered.
Orienteering
Build the layout thinking of driving the user from action to action without him feeling forced.
Communicating
Basically creating links in the mind of the user reducing the cognitive load that he receives, reducing the effort to find information and which way to take.
Emotional Impact
Applying elements that involve the user in order to connect him with the content and his actions.
There is no cake recipe for a successful hierarchy, but there are some golden hints that must be applied.
Size: Larger elements are more important.
Color: Vivid colors stand out more than dark colors.
Typography: the size and type of font provide differentiation and highlights.
Proximity: separates elements from each other and creates sub-hierarchies.
White space: Makes viewing easier.
Alignment: creates order between elements.
Repetition: assigns meaning to the elements.
Main line: guide the look.
Rule of thirds: imagine the screen divided into 9 squares (like tic-tac-toe) and decentralize the object, placing it at the intersection of the lines.
Study each of the principles and understand that you do not need (and sometimes should not) use all of them at once, but rather analyze the design according to your needs, applying what fits in each case.
I hope you enjoyed the content, the tips and see you next time. Bye!
Comentários