Sometimes, you’ll see a brilliant example of different stages of so-call! hierarchy in the ground element of the figure-ground relationship. Such an effect can be a bit subtle, so you’ll have to keep a keen eye out for it. Check out the below example of the Link!In sign-up page.
b2b web design principles hierarchy
If you look closely enough, you’ll see the subtle use of drop shadow on the header, just above the headline. As a result slovenia phone number libraryof the placement of this drop shadow, you get another, even niftier effect: There now appear to be different stages of so-call! ground (as in background) depth on the page. That’s why we say that that there’s a hierarchy of sorts in the ground.
The header clearly appears to be on top in terms of depth while the section with the pictures of the Link!In users and the web form is naturally at a lower depth. Then, going further down the page, there’s even another strategic use of drop shadow below the section with the pictures of the Link!In users, so that this section now looks to be on top of the footer.
Sometimes, there are exceptions to the rule that says that it’s best to clearly define figure-ground relationships. You can understand why possesses clarity is so highly valu!, though: It’s important, after all, to be able to quickly make the significant distinction between what’s a figure and what’s the ground.
In the following examples, however, you’ll quickly learn that infusing some imagination and creativity in the figure-ground relationship can produce some very memorable site designs.
First up is the design company call! Duoh!, which focuses on interfaces, illustrations and brand identities. of what happens when you bring in a lot of imagination to the traditional separation between the figures and the ground.
b2b web design principles figure ground relationship
With this approach, you may be f thinking that it may be confusing to the user, but it actually works excepti how long will your brand last survive onally well becasue the ground is fad!, which allows the figures (the characters that make up Daniel’s name and the outline of the bird) to stand out even more noticeable.The site design here
Finally, we come to the website of Qu rting goods company. In this example, we can see how the introduction china numbers of moving elements into the figure-ground relationship can defy conventions of what’s expect! in such a design principle.
