![]() ![]() You should never use a color overlay just because you’ve been inspired by another project save the idea and use it for just the right design. ![]() (That’s where an accent overlay might be a better option.)Īs with any design technique, make sure to apply it in the right context. Most designers find that they can only get away with it for one or two projects before it seems overdone. Using a color overlay is one of those techniques that does not work all the time. What’s notable about this design is that the color overlay serves as a visual cue to users, telling them exactly what they want to know and providing a path to links throughout the content. Any element that gets a red overlay is also a clickable element. And its still one of the best methods to get precise color removal from an overlayplus, you can remove any color with it. The design uses a color overlay as a hover effect to tell you more about specific items on the website. Method One: Custom Color Masking Before automatic tools were introduced in Video Star, the Custom color masking feature was the only way to use colored screen overlays. The effect is simple, helps the page look a little softer than if the navigation were inside a solid color and draws the eye down the page and through the design. The effect helps maintain the brand’s color palette throughout the design while showcasing items in a variety of other colors. It’s further highlighted by the solid stroke above it. Knot Clothing (top) uses a bright green navigation bar with transparency. The two examples above show different ways of accomplishing this effectively. Color overlay effects can work quite well as accents, too. While the preceding examples have shown ways to use a color overlay for large images, such as hero header-style options, that’s not the only way to make the most of this technique.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |