AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Key visual design11/9/2022 ![]() ![]() The importance of visual consistency is that establishes a pattern that instructs your visitors on how to use the site. ![]() Visual consistency is not just something to keep perfectionists happy – it actually serves a very practical usability purpose. This is seen quite commonly in call-to-action buttons – if your background is dominantly purple, a yellow button would be sure to be seen. What this means in web design is that complementary colors can help draw greater attention, making them perfect for calls-to-action, promotions, or any other element you want your users to see. Image courtesy of Ray Trygstad, modified by en./wiki/User:Stib. In order to create such groups, just the right amount of white space must exist both between the groups, and the elements within a group. ![]() White space is also used in conjunction with our first point about grouping. This rule is one of the fundamentals to the minimalistic and flat design movements on the web today – featuring less elements on a screen means the ones that remain are more potent. Its power lies in its ability to attract or repel attention, depending on how you use it.Ī basic guideline for using white space is this: the more white space around an element, the more it will attract attention. White space, also known as negative space, is simply the absence of other elements – it doesn't have to literally be white. The art of web design involves influencing where your user looks, and for this, one of your best tools is actually nothing. That means there's no confusion over which post the "Like" option within the enclosure works with. If someone had never used Facebook before, they'd intuitively know that these elements are related, and after figuring out how one works, they'd know how they all work.įurthermore, notice how the entire white post is boxed off from the gray background? This enclosure shows that all content within is related. In this typical Facebook example, notice how the functions for "Like," "Comment," and "Share" are all grouped close together. ![]()
0 Comments
Read More
Leave a Reply. |