Abstract: The emphasis on different elements of a page contributes to the aesthetic design and clarity of the message itself.
For many website designers in Sydney, the simple layout of text, images, video and any other element is not enough to get the user’s direct attention to the elements that we consider most important.
Nowadays people who surf the Internet hasa very low attention span which lasts just a few seconds, which means that the designer must achieve capture the user's attention, it feels attracted and not removed from the page in seconds.This is one reason for employing the emphasis in our designs.
Another reason to apply this 0website design principle is to differentiate similar elements together, highlighting those within the same species, they want to stand out from the others.
For example, if we were to include text with great extension, the user's attention will certainly be on the first three or four lines, so that reading should be simplified and added highlights to the reader to make a quick tour.
It is very likely that after this brief tour using the aids applied in the text, the user considers that what is there is what you need and proceed to a closer reading of the text.
The same applies to the images.A large collection of similar images can hardly attract the attention of a surfer, so it will be necessary to emphasize one or more of these images so that whoever enters our page has a summary idea of the kind of content you'll find there.
Emphasis is one of the best methods of achieving the necessary highlighting some elements of a group of homogeneous elements.But the tendency to emphasize too many elements of the website is a very common mistake, especially by inexperienced web designers.
Classification of items as the emphasis
According to the designer use emphasis on different elements of a page, they can be classified into three groups:
• Key Elements
• Elements sub-dominant
• Subordinate elements
Key Elements
Are those which, given its importance relative to the rest of the content, applying emphasis stand above the rest.Following is an example of dominant element:
In this example, we see two elements in its emphasis can be considered as dominant: the title "creative services" and the image of the bottle.Surely, seeing this picture, these two elements have been the first in which we held our attention, which has been the desire of the designer of the page.The same has achieved this effect through the right use of emphasis, getting place these items in the foreground of the composition.
To achieve convert to text as the dominant element, the designer can use various attributes on which to apply the difference, such as size, color, font, position, or a combination thereof.
As for the pictures, like the text, just modify some of the attributes thereof, as tone, color, size, position, or a combination thereof, to make it one of the key elements of the page.
Note that the amount of highlighted items also very important.The more elements with similar attributes we place on a page, the less will highlight each other.If in the picture above we placed a greater amount of highlighted text, text that is dominant cease to be since we would be making consistent with other elements.
Elements sub-dominant
When it comes to interest the visitor of the site, you need to get your attention, thanks to the dominant elements, we can guide you through the remaining elements in a manner that maintains the interest in what we expose and view other interested content.
We use other less than those of the dominant elements, but higher than those we use in the rest of the page elements emphasis.In the case of the texts, we could define as subtitles and highlighted text.
For an example on this website (
webdesignwizards.com.au/website-design-sydney), also find a lot of examples using sub-dominant components.You will notice that these highlighted items collaborate in displaying the important elements and facilitate the location of each section.On a page where all the elements are homogeneous, it is extremely difficult to locate which are the most attractive or important elements, so that the visitor's attention will soon be lost, with a good chance that it leaves the page.
Subordinate elements
We called subordinate to two types of elements.A is the information announced by the dominant and sub-dominant elements as complementary or ampliatorio texts.Others are elements that complete a composition of images, beautifying the page or helping to highlight the main elements.
These subordinate elements must have attributes highlight smaller than previous, types so that the difference with those collaborate to highlight its importance.
Emphasis achieved in the dominant and sub-dominant components depends heavily on the correct use of the attributes of the subordinate elements.In the picture we used in the previous example, we see that the size of subordinate texts is much smaller, which allows subtitles and titles stand out.
However, keep in mind that the subordinate elements contain information necessary to complete the message you want to deliver, so readability must be very good.
What to emphasize and what not?What is really important?
Precisely, you are answering the second question to get the answer first.Each web page has a goal, focus on that goal to create their design and structure.
For example, if you are selling products online, on page Product likely be interested to note the picture of the product and its price, if you are interested discount will be well marked and visible to attract attention.And last but not least, you need to emphasize the buy button, to encourage visitors to make the transaction.
How to emphasize?
There are several resources, which is summarized at the end virtually all the magic of web design:
• Size: the larger one element, more emphasis / importance you are giving.Here is closely related to the contrast of size or scale.
• Location: the users browse the page from top to bottom.The elements that need to be emphasized should be at the top of your site, preferably before the crease to make sure that visitors will see without scrolling.
• Color: use of color contrast greatly helps when properly define the importance of the elements of a website.But be careful not to use too many colors to maintain a clean and nice website design.
Conclusion
The application of different degrees of emphasis is extremely important in website design.Thanks to that page under construction may be heterogeneous, drawing attention from users about what can cause it to decide to stay watching the rest of the contents or run in the other direction.
Emphasis also contributes greatly to the aesthetics of the page.Consider an example where the application of different degrees of emphasis is the main element of the design:
