Credit:https://designmodo.com/color-web-design/
Color is a staple design element we see everywhere in our lives such as on every website we visit or app we use. Right now you’re seeing the colors of Designmodo. If you’re reading this article on a “read it later” kind of app you’re seeing the colors of that app. No brainer. The thing is, each year we see a lot of design trend predictions and they never fail to include color.
Over time, designers have used color more boldly and more strategically. Sometimes it is used to give a specific element more attention, sometimes to tell a better story and sometimes to enhance the brand experience.
Let’s talk about some of those examples.
Create a Strong Background
A few years back there was a tremendous trend of bold backgrounds. I still see examples like that today. In a good design, a colorful and powerful background can be a good move to give interest to a specific section. Whatever your opinion on trends may be, we can agree that when done well, a good background color can help a section stand out.
Let’s start with Root Studio and how the design uses a yellow background to highlight its case study about the Chester Zoo. The yellow background helps set the tone for the case study. In addition to the minimalist design style, the background color is an important design element. Not all of their case studies use vibrant colors like the Chester Zoo yellow and that’s okay – you don’t have to use a vibrant hue to make something stand out. This design wouldn’t work so well if the case study sections weren’t minimalistic either.
Next, is Mambo Mambo which uses color to highlight different sections of the portfolio as well. Some sections are neon yellow, deep blue and even black. In the screenshot you can see that the neon yellow is paired with greens, blues black and skin tones; they work in harmony.
In this whole page, it’s the background colors that help make these sections unique and interesting. It’s also good branding for the agency.
Make a Statement
Other times, color can be used to make a bold statement. Let’s start with the Uber sign language landing page. The orange gradient background definitely catches your attention. This is a great design strategy since the purpose of the page is to teach people basic sign language which relies on visual cues.
Next, is Kickpush design studio portfolio. As you read the copy, notice they have a different kind of personality. Kickpush wants to show they are different and the chosen color scheme helps do this. It is purposeful and makes a quick visual statement.
This is also a good example of branding that we’ll talk about later.More
Color is a staple design element we see everywhere in our lives such as on every website we visit or app we use. Right now you’re seeing the colors of Designmodo. If you’re reading this article on a “read it later” kind of app you’re seeing the colors of that app. No brainer. The thing is, each year we see a lot of design trend predictions and they never fail to include color.
Over time, designers have used color more boldly and more strategically. Sometimes it is used to give a specific element more attention, sometimes to tell a better story and sometimes to enhance the brand experience.
Let’s talk about some of those examples.
Create a Strong Background
A few years back there was a tremendous trend of bold backgrounds. I still see examples like that today. In a good design, a colorful and powerful background can be a good move to give interest to a specific section. Whatever your opinion on trends may be, we can agree that when done well, a good background color can help a section stand out.
Let’s start with Root Studio and how the design uses a yellow background to highlight its case study about the Chester Zoo. The yellow background helps set the tone for the case study. In addition to the minimalist design style, the background color is an important design element. Not all of their case studies use vibrant colors like the Chester Zoo yellow and that’s okay – you don’t have to use a vibrant hue to make something stand out. This design wouldn’t work so well if the case study sections weren’t minimalistic either.
Next, is Mambo Mambo which uses color to highlight different sections of the portfolio as well. Some sections are neon yellow, deep blue and even black. In the screenshot you can see that the neon yellow is paired with greens, blues black and skin tones; they work in harmony.
In this whole page, it’s the background colors that help make these sections unique and interesting. It’s also good branding for the agency.
Make a Statement
Other times, color can be used to make a bold statement. Let’s start with the Uber sign language landing page. The orange gradient background definitely catches your attention. This is a great design strategy since the purpose of the page is to teach people basic sign language which relies on visual cues.
Next, is Kickpush design studio portfolio. As you read the copy, notice they have a different kind of personality. Kickpush wants to show they are different and the chosen color scheme helps do this. It is purposeful and makes a quick visual statement.
This is also a good example of branding that we’ll talk about later.More
