Welcome to our web color community. Here you'll find the latest web-focused Palettes and Patterns, as well as Blog, Trends and Forums to help guide your next web design project.

Channels»Web»Blog

Daily Posts. Colorful Ideas & Inspirations.

Our team of writers brings you daily trend coverage, new products, inspiration, information and fun ideas. With an archive of more than 2,163 articles, you're sure to find something you love. Or if you have a great idea, let us know!

Designing for Digital Marketing: How to Get Started


It is not uncommon for web designers and developers to think about aspects such as search engine optimization (SEO) and email marketing when designing a website. After all, there are a lot of optimizations to be added to the design and even more benefits to enjoy as a result.

Interestingly, even site owners see digital marketing for its instruments rather than holistically during the design stage of the site. The site may be optimized for SEO and tweaked to work well with social media, but does it really support an integrated digital marketing campaign?

That is exactly the kind of question you need to ask when designing for digital marketing. There are some easy steps to take to get started, and we are going to discuss them in this article.

Think UX

User experience or UX is a big part of digital marketing. Even search engines now track metrics like time on site and pages visited to better understand how users are affected by the site’s UX. Naturally, you have to see UX from one or two steps back; from a wider angle.

Fine-tuning the UX of a website means making sure it performs well. It also means the site loads important content first and features a consistent navigation menu. More crucially, the site needs to function just as well on mobile devices.

Other aspects, such as the way the checkout process is designed and how users enjoy the information they are searching for, are also UX-related aspects that will help amplify your digital marketing campaign further.

Keep It Modular

Modern websites usually use CMS platforms like WordPress for better, easier development and maintenance. WordPress themes are highly configurable, so there is nothing you cannot achieve in terms of design.

What you want to avoid is adding custom functions into the WordPress core or modifying the core altogether. This may seem like the easiest way to go, but it isn’t a sustainable way of designing and developing a website.

Remember that digital marketing is a volatile field, and you have to keep the site as flexible as possible to be able to keep up with changes in trends and strategies. You already have thousands of marketing-related plugins to benefit from; don’t cripple the site from the beginning by editing the core.

Remove Annoyances

Last but not least, the website must have the ability to convert. In this respect, many site owners and web designers still take the wrong approach. Most marketing agencies offer an audit that will reveal conversion rates and other metrics associated with your site, but let’s start with something simple, shall we?

Imagine seeing an advertisement as you browse through Facebook. The ad is interesting, so you decide to click on it. You get taken to the advertiser’s website and…there is a huge, bright modal popup between you and the content you want to read.

Annoying, isn’t it? During the design and development process, that modal popup may make sense. You have to get users to sign up for your newsletter, don’t you?

When you audit the site further, however, annoyances like this pinpoint exactly how you lose potential customers. For the site to be optimized for digital marketing, it needs to have the power to convert. And for the site to have that power, it needs to be as pleasant to use as possible.

So, is your site ready to support an integrated digital marketing campaign? With the tips and tricks that we discussed in this article, you can optimize your site and boost your digital marketing KPIs in no time.

Read the full post

Be the boss of email marketing


Email marketing might seem like an easy way to communicate with your customers, but creating and growing your email list of faithful users takes more time and effort than you might think.

Marketing your business via your email list, above all, is about developing trust and intimacy with your clients. You would want to have a growing email list of people who engage with your content, who are interested in your products or services, and who are or will be your buyers.

First of all, when starting to grow your email list, you want to attract people to subscribe to your website. Once you have their email, you are one step closer to building a trustworthy relationship and recruit future customers.

 

Here's what you get for free

In order to get people to give away their email addresses, we strongly recommend that you offer them a free option and a set of services (eBook, newsletters with valuable content) which will give them an idea what they can benefit from you if they purchase the service/product.

 

Subscribe "here" and "here" ... and "here"

Another important thing is to make this subscription easy to reach for a website visitor. By this, we mean to make the subscription button easy to find and spot for those who are interested in following you further.

 

Don't end up in a junk folder

Once you start your way with email marketing, you should also be aware of how the law of CAN-SPAM (Controlling the Assault of Non-Solicited Pornography And Marketing) works. Basically, you need to make sure that your newsletters won't be marked as spam by the readers and that they won't end up in the junk section (trust me, the penalties for spamming can be pretty high).

 

how to be awesome at email marketing

 

Best tip for avoiding this and growing a healthy email list is to always include the unsubscribe button, as well as helping them unsubscribe easily, without a hassle.

 

Always say thank you

When someone happens to eventually click at your shiny SUBSCRIBE button, you would want to make them feel welcome and give them a warm hug for entering your email community. This means that you need to send a personalized email to every single subscriber and keep that close relationship you establish when sending your emails in the future.

You will be happy to hear that this doesn't mean typing a letter every time someone comes on board. Relieved? I thought so. Luckily for you, we live in an automatized world, which means you can easily send automatic emails to say thank you and welcome dear Jonathan, Molly, Luke...

Kindest regards,

Colourlovers Team

 

About the author:

Nina Petrov is an activist, poet, performer and mathematician. She communicates with the world mostly through words, movement and equations, but sometimes also by speaking very loudly. The only truth she could say about herself is that she keeps changing every day, never stops learning and interacting with her surroundings.

 

 

Read the full post

Six principles of animation


Did you ever wonder what is that makes animated characters look so realistic to you and how you can relate so easily? Are you working on developing your animated video and are wondering how to keep all laws of physics in order? Twelve Basic Principles of Animation is a book published by Disney and written by his animators, trying to explore the keys to lifelike animation. These principles apply regardless of whether you draw by hand or, much more likely, are using computer animation. Here are the first six principles:

 

Squash and Stretch

 

Rule number one is the most important rule which talks about giving a sense of weight and flexibility to your objects - this is especially important for facial expressions, although if you want to create a comic effect you can take this stretch into an extreme.

 

Anticipation

 

When developing a situation on screen, try not to make sudden frames, but rather prepare the audience for an action - focus the attention on the keys in the lock, before the character unlocks the door.

 

animation principles

 

Staging

 

This principle comes from techniques of staging from theater and film - simply know what is important and what needs to be in focus of each frame. Avoid unnecessary details that take the eye's attention from the point.

 

Straight Ahead Action and Pose to Pose

 

These are two different drawing techniques you can use in animation. Straight Ahead Action means that the process starts at the beginning and fluidly moves towards an end, drawing frame by frame, while Pose to Pose means that you start with some keyframes and then develop the story behind it. Most often the combination of these techniques is used, especially in computer animation, since the software removes the trouble of finding the right proportion and putting sequences together.

 

Follow Through and Overlapping Action

 

These two techniques are the ones that keep your character and objects under the rule of physics in real life. Follow through roughly means that arms of a walking character move while he is moving, and keep swinging just a little bit after he stops, in a synchronized movement. Overlapping Action considers that different body parts can move in a different rhythm, while a technique called "drag" does that well-known scene when a character starts the movement, but some body parts are catching up in the next frame.

 

Slow In and Slow Out

 

This is a notice that will help you make your scene look more real - when moving a character from one pose to another, draw this movement with many frames in the beginning and end of the action, with fewer frames in the middle. Try to make those frames full of details of the movement - facial expression, stretching of the body, etc.

 

Stay tuned to COLOURlovers to discover other six principles that guide the world’s most famous animators.

 

About the author:

Nina Petrov is an activist, poet, performer and mathematician. She communicates with the world mostly through words, movement and equations, but sometimes also by speaking very loudly. The only truth she could say about herself is that she keeps changing every day, never stops learning and interacting with her surroundings.

Read the full post

Creative Commons Copyright


By the definition, commons is a kind of resource that belongs to the whole community - it is used and improved by all. Cultural commons stand for physical or virtual cultural property which is shared within community. It can also represent an intellectual property (such as library) available to community on a certain physical or cyber space.

 

Creative Commons is nowadays a well known US based community platform, that is structurally a non-profit organization, devoted to make artwork available for sharing and define legal boundaries of creative products which are used for commercial purposes. Their licenses are enabling users to download and use their content free of charge. However, there is a set of rules and variety of Creative Commons licenses you should know about.

 

video production CC license

 

CCO license

 

CCO is the type of license that gives you all the freedom with the content. This means that the work is open for public, the author does not require any credit and you are not restricted to the personal use of the content only. This is the most carefree type of license you should look for, if you want your experience to go smooth and never thing about plagiarism set of laws.

 

CC BY 4.0 license

 

CC BY 4.0 is also known as an attribution license. Within this type of license, you are obliged to give credit to the content author, specify if you made any changes to the content and also insert a link to the license itself. For better knowing how to give credit, you can find the information you need on the wiki website of Creative Commons. Although, this license requires more work from you and it's not particularly handy if you are using it for commerce or your own marketing campaign.

 

CC BY-SA 4.0 license

 

This license has the same rules and restrictions as the CC BY 4.0 attribution license, although on top of it, if you make any changes to the work, you are required to distribute your own work with the same license as the original. This license reminds you that in a community, except from taking resources for free, it is expected from you to give something back in return. SA in the title stands for "share-alike".

 

CC BY-NC 4.0 license

 

Following the restrictions of the attribution license, you may download and use the content for free, although this particular license doesn't allow you to use the credited content in a commercial purpose. These images and videos aren't your choice for a marketing video or poster. NC clearly stands for "non-commercial".

 

CC BY-ND 4.0 license

 

ND in this license title stands for "no-derivatives", meaning that the original content is free of charge to use however you choose, even commercially, under the restrictions of the attribution license (credit, link), but only under the condition that you do not make any changes to the original work. If you do change the content, you are not allowed to publicly expose and distribute it. This is a tricky license and also very demanding and complicated if you are looking for stock photos/videos for your own project.

 

photography CC license

 

In our previous articles, we have listed several websites where you can find free stock videos, as well as photography. Most of the titles from our list use their own policy regarding giving credits and hyper linking the shared content, while several use the set of rules by Creative Commons for their distributions.

 

If you have any doubts about your freedom of use of certain content, you can either contact the website owner or the content creator, or simply move on to the content with clear licensing. Before moving on to downloading the images from stock websites, it is recommended that you read the guidelines on the Creative Commons website, as well as to consider what is that you can do to give back to the community.

 

The world of free stock footage wouldn't exist if there weren't for selfless creators willing to share and contribute to the creative worldwide community. Think about your role in this global commune and find a way to improve and enrich this cyber space with your participation and contribution.

 

Even if the license does not require giving credit to the author, it would be a matter of respect to show in any way that we appreciate the work of our colleagues and how much their sharing helped us with our projects.

 

Another important notice on the topic of stock footage is that most of the websites have a disclaimer that the content must not be used in the process of creating a work that promotes violence, discrimination or any other offensive marketing campaign. We would like to remind you that the creative industry is not here to be led by these types of values and we strongly support the disclaimers of these websites.

 

Good luck with creating your next project and pay attention to the copyright of the stock content you use!

 

About the author:

Nina Petrov is an activist, poet, performer and mathematician. She communicates with the world mostly through words, movement and equations, but sometimes also by speaking very loudly. The only truth she could say about herself is that she keeps changing every day, never stops learning and interacting with her surroundings.

Read the full post

Why Graphic Designers Should Also Be UX Designers


Graphic design focuses on making things visually beautiful, while UX design focuses on the experience of the design and how functional everything is for the user. Combining both types of design results in aesthetically pleasing designs that are high functioning.

The world changes rapidly in the modern age, and social media has a lot to do with how immediate people expect things to be. Trends show that more and more companies are offering things immediately, including healthcare video appointments 24/7 and chatbots that talk to customers on social media sites. Here are six reasons you should add UX design to your repertoire.

1. Increase Your Income

UX designers make more on average than non-UX designers. In the United States, a graphic designer's average salary is $41,000 and a UX designer's average salary is $74,000. Adding UX design to your abilities increases your income by more than $20,000 per year.

If you work for a company, then understanding user experience may put you up for promotions and raises you wouldn't receive without that knowledge. If you own your own design company, you'll be able to bring in clients specifically looking to up their game and increase the user-friendliness of their sites.

2. Decode Artificial Intelligence (AI)

More and more sites are integrating artificial intelligence (AI) or augmented reality (AR) to create an overall exciting experience for users. However, the technology is still new, so there are bound to be glitches along the way. A UX designer will naturally focus more on the way AI integrates with the site as a whole and how the user is able to navigate various features. What isn't working, and how can it be fixed?

3. Understand Type

Typefaces are super easy to find in the 21st century. There are around 60,000 font families, so designers can choose from any of those or create a font of their own. However, knowing there are plenty of fonts isn't enough. You need to understand the emotional impact different fonts have and the story they tell the viewer. There is a long history of choosing fonts, cutting out elements to lay out on a page and coming up with a design that has elements that all work together.

Even though the process is all computerized today, the same concepts of allowing white space for the eye and using the right combination of images and letters to create an overall story apply. To fully understand what font to use where, you must first understand the background of various fonts and typestyles. Once you know the history and where those styles were used in the past, it's easier to figure out how they fit in today's world.

4. Shift Your Focus

Designers tend to have an eye for detail and want everything to line up perfectly and every pixel of an image to be 100 percent in line. However, UX designers focus more on the overall experience and how everything functions. Learning to shift your focus from general design to UX design may be challenging at first, but can also be a nice break from the perfectionistic tendencies you may have developed from years of graphic design work.

It isn't that you shouldn't present a beautiful and well-designed product to your users, but your focus is less on finding the perfect shade of red and more on how the color you did choose affects your site's visitors. You may conduct some split testing to see which shade they relate best to. You'll do a lot more usability testing as a UX designer.

5. Force Yourself to Be Mobile Responsive

More and more people are using their smartphones to access the Internet. Mobile Internet traffic is now 51.2 percent of all online traffic. As a designer, you're likely aware that more people are accessing the website via mobile devices, but as a UX designer, you'll test how the site looks on those devices. Issues such as loading times become more important as a part of the overall design.

So, if you have the choice to use a big, expansive file of a beautiful image or reduce the file size and slightly sacrifice quality, as a UX designer, you choose the reduced file size that loads fast on the user's screen.

6. Hone Your Problem Solving Skills

Some experts feel that UX design is more about identifying and solving a problem than the design itself. The process of UX design begins with studying the user and seeing what is and isn't working for them. You then design a solution to that problem and build the website or make changes that solve the problem for the user.

An example of this might be an eCommerce site where users are abandoning the shopping cart before entering the details. The UX designer will study the exact point of abandonment. Is it when they're asked to share a phone number, for example? The use of heat maps helps show the place the user is before exiting the site.

Next, the UX designer might poll some of the customers who have abandoned carts and try to identify if it was the request for a phone number that prompted them to leave. Once you recognize the problem, the solution is merely a matter of testing different options, such as removing the phone number field.

7. Resources on UX Design

If you want to expand into UX design, there are many free courses or paid classes online or via a local community college.

  • Udemy – There are a wide range of both general and very specific topics in UX design at Udemy. Prices vary, but courses start at only $9.99 each. Some of the courses include "User Experience Fundamentals" and "Mobile App Design in Sketch 3: UX and UI Design from Scratch."
  • Gymnasium – This site offers a 100 percent free course called “UX Fundamentals.” Lessons includes how to identify users, using wireframes and prototypes and analyzing users.
  • Open2Study - Open2Study is a project of the Open Universities Australia (OUA) and is a college-level course offered online at no charge. You'll learn how to create positive experiences for website visitors. The site also offers accredited courses as well.

These are just a few of the free and inexpensive resources to get you started. Your local community college is also a good source for expanding your UX knowledge.

Expanding Into UX Design

Designers learn from studying other artists, creating new things and taking courses. Hone in on the functionality of design, how to make things usable and the overall framework on which a site is designed. With a little effort, you'll become a pro at UX design and be able to add this element to your designer resume, too.

 

Lexie is a graphic designer and typography enthusiast. She spends most of her time A/B testing websites and creating style guides. Check out her blog, Design Roast, and follow her on Twitter @lexieludesigner.

 

Read the full post

Free stock material for breathtaking videos


For everyone who communicates with their audience via social media, video content is shown to be amazing for getting your message across. If you are not a professional filmmaker or you don't have much time for shooting cool videos yourself, there is a number of website platforms where you can use the footage of your colleagues for free.

Videezy

One of the coolest platforms we'll recommend is Videezy - one of the largest base of stock videos you can use free of charge. They made it easy for you to discover what you like by searching the keywords or choosing the category of the video. They also offer their pre-made after effects templates for easy editing. These guys are perfect if, for example, you are creating a Thanksgiving / Christmas greeting video; something simple that you need done quickly.

 

 Ignite Motion

Ignite Motion is a web platform where you can find motion backgrounds for your video, for commercial use. Their community develops animated videos which are perfect for presentations in the sphere of technology, science, ecology, etc.

 

where to find free creative commons video

 

Motion Elements

Another safe space for discovering animated videos is Motion Elements, where you can find variety of videos, but also images, GIFs and audio clips. They require a tag back to their website if you are using their content, but they also offer exclusive videos which you can purchase. They add new stock clips every week.

 

Production Crate

For example, Production Crate functions in a way that they require you to make an account, in order to use their content. Free accounts are allowed to download five videos per day, while besides videos the website gives you access to some special effects, templates and audio for editing. They ask you to link your video back to them, although legally they don't specify this.

 

Motion Backgrounds

Unlike Production Crate, Motion Backgrounds gives you full access to all of their background stock videos, where you can download as many as you want and they will not ask you for any credits, so this can relax most of us.

 

Stock Footage 4 Free

Stock Footage 4 Free, as the name says it, leads you to number of free stock videos which you can use commercially. They would also ask you to create an account, but there are no obligations which come with it. They add new content several times a week and sort it under various categories for simple search.

 

Fancy Footage Club

One of the websites that is no longer operating is Fancy Footage Club, which retired leaving a storage full of free stock videos for downloading. Their database is still open for use, although their terms of use are no longer existing, so the question of licensing is not quite transparent.

 

free stock video

 

Clip Canvas

Clip Canvas offers a couple of hundred free stock footage, and a lot more available for purchase. For their videos you will not have to sign anyone.

 

Open Footage

Somewhat different model of management is created by Open Footage, which allows you to download lower quality of videos for free, while high resolution is only available for buyers. They are licensed under Creative Commons licenses, which is a type of copyright license to allow the content to be distributed under certain terms free of charge.

 

Videvo

One of more famous websites for stock footage is Videvo, which lets you use their content while asking you to give them a thumbs up on social media. They also have three different types of licencing, which you should read carefully to avoid confusion on which content is which.

 

Pixabay and  Pexels Videos 

Even though Pixabay is famous for their stock of photography, they also offer a large database of free stock videos. And just like Pixabay, Pexels Videos are a big resource of free images and videos. Both of these platforms are licensed under Creative Commons licenses.

 

Cute Stock FootageMotion Places and  Vidsplay

We've listed some trustworthy websites where you can discover and download for free, footage for your commercial video - marketing campaign, presentation, website promotion. Some honorable mentions to this list would be Cute Stock Footage, which require credit to their website, Motion Places, where you would need to subscribe to download videos, and Vidsplay, thw website offering you vectors, images, videos, templates, mockups and much more, while in return you would be asked to credit their website when using their material.

 

We have discovered that some of these websites give you absolute freedom to how you choose to use their materials, while other as you to subscribe, create an account or purchase higher quality video. Some of the best known websites choose to use A Creative Commons license, which regulates the way someone uses the content, even if it's for free. There are different types of licenses and a set of rules which apply under these regulations. However, since this is a wide and complex topic, we will explore more about Creative Commons license in our next blog post.

 

Stay tuned to colourlovers.com!

 

About the author:

Nina Petrov is an activist, poet, performer and mathematician. She communicates with the world mostly through words, movement and equations, but sometimes also by speaking very loudly. The only truth she could say about herself is that she keeps changing every day, never stops learning and interacting with her surroundings.

Read the full post

The science of colors


Did you know that human eye can recognize more shades of green than any other color?

Having in mind that forest was our natural habitat since Homo Sapiens started walking the Earth, this makes a lot of sense. In fact, throughout evolution, man’s survival was depending on our vision and sensitivity to colors – blue, trustworthy and calm, color of the sea reflecting the sky. Yellow, friendly and joyful, color of the Sun which lights every new day. Red, passionate and dangerous, color of the fire.

 

van colored yellow

 

After a history of relying on colors to evoke our instincts, nowadays, deep in civilization and the digital era, our brain still uses the power of colors for communication and signalization. Every child using dozen of different markers to paint a picture, knows that colors are a way of expressing feelings and reflecting the world around us.

Now, surely, we no longer live in the forest, and today we might primarily associate use of colors with something artistic. But how can we use colors today , what is their importance in technology and where is their place in modern communication?
The reality is that, as a modern society centralized in metropolis, colorful and shiny advertisement is something we can’t escape. We live in the time of consumerism and competition, where digital marketing is sending signals to our brain everyday, influencing our decisions on every level – what we eat, which toilet paper we use, how we paint our living room.

 

red roses next to closed window

 

And for every one of those brands we decide to like – science plays a big role in that liking. With every shade of every color a logo or an advert uses, a certain emotion, thought, association is evoked, we are inspired to trust them, to remember them, talk about them and buy that special product.

Further more, now that we know how exactly we connect feelings to certain colors, we can use that knowledge in our everyday life. Wouldn’t it be cool if we tricked our brain to be more productive in our office by choosing the right colors at our desk? Just like that, we could paint our bedroom in a way that would help us be more relaxed after a hard day’s work.

Make every moment of your life even more special by discovering all about colors around you!

It’s not Feng Shui, it’s science.

 

About the author:

Nina Petrov is an activist, poet, performer and mathematician. She communicates with the world mostly through words, movement and equations, but sometimes also by speaking very loudly. The only truth she could say about herself is that she keeps changing every day, never stops learning and interacting with her surroundings.

 

Read the full post

3 Ways to Perfect your Website Design Colors


Let’s face it!

 There is a lot more to colors than meets the eye. If anything, 85% of the shoppers base their product purchase decisions on product color. And, as it turns out, some of the world’s top-notch brands are very particular about their color choices, whether it’s Coca-Cola with its fiery fire-engine red or Pepsi’s with its predominant blue.

In fact, if you look at their logos, you will see that both these companies have interestingly used their choicest colors to stand out and build their brand identity.

As per a research, “Color increases brand recognition by 80 percent.”

The point is: Big companies don’t simply wing it when it comes to choosing colors for their websites or products. Conversely, they are strategically chosen because colors, powered by different attributes, attract shoppers to the product or site. Not to mention, colors alter consumer behavior well.

Now, with the internet providing a level-playing field to all, not just big brands, every small and big website are significantly focussing on getting their websites colored in a correct way.

However, here’s the rub:

There are no fewer than 10 million colors that a human eye can witnesses.  I repeat 10 million colors.

So, with a million colors swarming before the eyes, I daresay picking and choosing that one right color, to form the base of your website, is not an easy job.

And, mind you, you cannot simply wing it as there’s so much at stake...among others, your website’s bounce rate, conversions and more depend on colors.

I know what you are thinking now:

How to pick the starting color (dominant color) for your website with so many to choose from?

Here, I walk you through simple tips and tricks on choosing the starting color for your website. 

#a. First off, make the most of what you already have. That is, use the color of the existing logo as your starting color.

Never mind competitor’s colors. In fact, you need to delete competitors’ colors from all your color schemes.

#b. Look at your target audience. The website color of an IT company will be diametrically opposite to that of a real estate company.  So, it’s paramount to think about the users who will be using the site and the kind of emotions you want them to go through while browsing your site. Should they be excited, serious and so on?

#c. Think of the words you frequently use in your conversations with regards to your brand. See, if you can connect those words with any of the colors.

Finally, stay away from stereotypes. If the website is meant for bridal wear, look beyond the white and cream shades. Because it is said that clichés tend to undermine your credibility.

Some of the colors you can start experimenting with include red, green, blue, pink, yellow, and so on.  For more ideas on website design and colors, consult top web design companies.

Now, let me elaborate in detail the above-mentioned three points for selecting the starting color of your website.  

  1. Let the Starting Color Flow from your Logo

Remember: The starting color of your website will be your brand color, maybe forever. So, choose something that your brand invariably associates with. A color that your audience fancies the moment they think of you and even nudges them to check your site.

Like, I mentioned before, the moment you think of Coca-Cola, nothing but a conflagration of fiery red floods your sights. If you think about it for a moment, you will realize that Coca-Cola’s starting color (popularly referred to as the dominant color) stems from its logo.

So, if you are finding it difficult to arrive at the starting color of your website, don’t worry and do just one thing: Go by the logo color.

Again, if this seems difficult for you, you can go by the other methods as well:

  1. Go by your Website’s User Demographic

If the logo thing doesn’t help, simply take a break from your web designing activities and reflect on your brand and the kind of customers you want to linger on your site.

Should they be a really young crowd? Or should you be targeting highly sophisticated ones with huge disposal incomes? Or should they be gender-specific - geared toward male or female? Or should you focus on a specific age group?

Also, what sort of emotions you want them to experience while seeing your site?

You need to find answers to all these and more, before narrowing down the starting color of your website.

You can also take cues from other websites and see what they are doing. Most often, sites tend to play safe and go by conventions. For instance, if you check an organic product site, subtle colors like light green, light blue and occur yellow are commonplace over bold colors like red, purple and black.

In short, consider the emotions and personality of your target audience before deciding the starting color of your website.

When it comes to gender, for instance, if your website focuses only on women, might as well go by their favorite color:

As you can see from the above images, blue is liked both by men and women. So, it’s one of the safest bets as far as your website color goes.

No wonder, most-visited social media sites like Facebook and Twitter use blue prominently in their logos and campaigns. But then, there’s nothing like one-size-fits-all in terms of a website color. It chiefly depends on the feelings you want to convey to your visitors.

  1. Connect Brand Associated Words with Colors

Think of the words you frequently relate your brand with. Then connect these words with various available colors.

Check out this color emotion guide to nail down the starting color of your website.

 

Tips to use the starting color on your website

There’s a general rule of thumb to follow when it comes to using starting colors:  

Use them only in specific spaces where you want your visitors to pay attention.

# Phone numbers

# Contact forms

# Signing up of a newsletter

Basically, starting color is supposed to be used in those spaces that need to pop out.

#2.  Choose Accent (Complementary) Colors

Once you have nailed down the starting color of your website, finding complementary or accent colors will become easier. However, as the name suggests, they are complementary colors and should not to be widely used in websites. So, use them only in your call to action buttons, quotes, subtitles, information boxes and more. These colors help highlight the attention-worthy parts of your website.

However, here’s the rub: Blending various colors is not easy if you haven’t understood the color theory well. And, who knows, you may have to go through several trials and errors, before arriving at your perfect accent colors.

Thankfully, there are color matching tools that help you decide. And these tools include Adobe Color CC tool and Paletton.

Tips to use complementary colors on your website

Accent colors are primarily used for highlighting secondary information on your web pages.  The content, though not important, has to stand out. Nonetheless, there’s a limit to using accent colors, max 1 or 2. If you plan to use many accent colors, it might create several focal points which might confuse the visitors.

#3. Choose your Background Color

Your website visitors should feel at home while browsing your site. So, bold colors most likely will have an opposite effect on them. And, even blase background could prove to be a bad choice as your audience might overlook the crucial points you want them to focus on.

But then, it’s also nice to choose your colors depending on your industry you belong to. For instance, if your brand is into cosmetics, you might enjoy a free hand in terms of choosing your colors. You can either experiment with either with subtle colors or opt for alternative bold colors. Bold colors like red are known to drive visitors in colossal numbers.

Tips to use background color on your website

# If you are running a content heavy website or an eCommerce website, keep your background neutral or use shades of white. This is because the focus should be on the content of the site. And a white background might just draw more eyeballs to your content.

# For a corporate website, you can try you using less intense shades of your starting color. Bold colors might overpower the other key elements of the site. The background color should stay in the background. It shouldn’t overwhelm the visitors.

# For sites that are into fashion, beauty, restaurant, and other similar industries, you are free to experiment with most of the colors. There is no actual rule of thumb to follow as to what background image or colors are ideal for creative sites. For all I know, you can use all the colors of VIBGYOR or create magic using black and other bolder looking colors. The only point that you need to bear in mind is that your color shouldn’t overpower the text.  Content should invariably be the king of your website. To ensure balance between colors and content, speak to the top content marketing agencies, directly.

Putting it all together

By now you know that you can’t simply wing it when it comes to website colors. You need to go by your audience tastes and liking, because that’s only the way to establish connections with your audience. More importantly, your accent colors should be carefully chosen and not randomly applied.

Follow the above 3 steps to create a beautiful color coordinated website. Also, don’t forget to use color combination tools if you are still a novice in terms of selecting complementary colors.

But then, always remember, colors shouldn’t overshadow the content. Never ever.

How do you choose the starting color of your website or product? Go ahead! Share your experiences below.

Author Bio: This is Jennifer Warren, a Content Consultant with GoodFirms, a review and research platform for eCommerce development companies, digital marketing companies among many others.  I enjoy humanizing technology through inspirational content, devouring best sellers, watching war movies, and running behind my sunshine sons.

Read the full post

Is Black the New Black?


If you have ever had even a passing interest in fashion then you will have come across the idiom “the new black.” The term is used to denote something that has had a sudden surge of popularity and can be used on various occasions, using the idea of black as a popular colour. You can also customize the term to suggest popularity in general; for example, if playing hopscotch was the new workout trend you might say “playing hopscotch is the new black in the world of exercise.” You can even use the phrase as a pun, as seen in the case of Netflix’s hit show Orange is the New Black which is a play on words as in this case the “orange” refers to the colour of prison jumpsuits.

However the phrase is used though, the underlying understanding is that black is a popular colour. Black is the colour that needs to be usurped. Black is trendy, cool and tough to beat. But what makes the colour black so special?

Why Simple Colours Are So Popular

SOURCE:PEXELS

What makes the colour black such a hit with trendsetters and designers alike is that it is so simple. The colour black goes with everything. By wearing black, you can make a neon-coloured accessory stand out or you can match a larger part of apparel (a dress or a jacket) for an extra bit of contrast. That’s the reason why many recommend that women own a little black dress or an LBD - these timeless black looks are perfect for any occasion. Whether it’s a night on the town, a business meeting, or a cocktail party where you need to get contacts, an LBD is a good companion for just about anything.

It also speaks to people’s love of simple colours in general. Simple colours and primary colours (red, yellow and blue) are especially popular because they are easy on the eye, familiar and, like the colour black, they’re easy to match with other colours. When looking at the most popular design palettes, you’ll notice that many of them include red, yellow or blue, even if they do feature some secondary shades as well. The same goes for logos, such as the red, white and black Delicious logo which pairs a more softer colour with an eye-catching dark colour to really make the name of the company pop. Like the little black dress, people are also encouraged to incorporate yellow in their wardrobe, all because of the wearability of these simple, primary colours.

What Are the Best Examples of Simple Colour Design?

SOURCE: PEXELS

But these palettes and dresses aren’t the only examples of simple colour design as this is a basic design principle embraced by creatives from a wide range of sectors and industries.

Take the refreshment company Coca-Cola as an example. Their red and white logo is renowned for its simplicity and the way that its white name stands out on the attractive red background. The contrast draws people in. Entertainment streaming platform Netflix uses a similar design. Its blockish logo stands out on a white background in external branding, while in the app it has a black background. This offers a design with minimal distractions. Speaking of apps, the design of the Betway mobile app uses blue and white throughout so that the category descriptions of the different table games and slots are easy to read. However, the logo of the brand itself and the category headers aren’t distracting. This is important as it draws the users eyes towards the logos of the different games available, helping players navigate to designs that interest them. And what of the companies that allow us to access these apps, such as Apple? Apple’s famous bitten apple logo is typically black or grey. This means that on the occasions that Apple does add a pop of colour to its logo, it makes it all the more special. Likewise, the multi-coloured Google logo that represents one of Apple’s competitors incorporates all three primary colours, although there is also one stick of green. With soft edges and gentle colours, the logo has become iconic.

Incorporating simple colours starts from the very beginning. Choose the right colours for your logo and then use them throughout your branding. Don't underestimate how much simplicity can help to make your message stand out.

 

Read the full post

Ready to get Colorized?


What is fresh and crispy on the market and saves the day for every web designer ever? We are happy to present a brand new version of Colorizer - a tool developed by Paletton, a trending designers company with a set goal to make your work even more enjoyable.

 

What is Colorizer?

 

Colorizer is a widget for your webpage, ready to fancy up your site, making it super easy to combine colors and create the perfect palette for your online presentation. By knowing basics of HTML, CSS and Javascript, you can simply add the Paletton Live Colorizer code to your website, and let it generate shades of the color you choose, or custom create your palette for your web design.

 

This awesome widget is led by the idea that your website users can colorize their own table, template, flyer or graphic design, developing an interactive platform for your site visitors. The developers are encouraging you to get the version you like, and play with many features and possibilities this code is offering.

 

What Colorizer actually does for you is letting you implement the Paletton application (Color Scheme Designer) and share it with your target group. This means that everyone will be able to, very easily, create his/her own palette with the help of Paletton, and enjoy your website through exploring this feature. The users can simply preview the results and apply or cancel their design if they choose.

 

paletton

 

What Paletton also made sure of is that you are given step - by -step instructions on how to "install" this widget, or how to attach the code in your website. The knowledge of coding you need is very basic, and here you can find the guide for starting your colorized adventure, or links to try the demo versions.

 

Colorizer is currently developing its beta version, available for you to test it and play with the possibilities online. They have so far developed three versions of Live Colorizer and you can choose the one which suits your preferences, although we can say with certainty that this company won't stop surprising us with innovations and awesome ideas to develop their apps further.

 

Are you ready to begin your own Paletton road trip? Enjoy playing and exploring many options Colorizer is offering for you, and spread the joy with your readers and customers!

 

About the author:

Nina Petrov is an activist, poet, performer and mathematician. She communicates with the world mostly through words, movement and equations, but sometimes also by speaking very loudly. The only truth she could say about herself is that she keeps changing every day, never stops learning and interacting with her surroundings.

Read the full post

Search The Blog

Subscribe & Share

Our Latest Tweets

Attention #colourlovers: Thank you all for loving colors for this long! Keep up with being awesome 💙 💜 🧡 💓 💛 https://t.co/9uT69U2GaJ
about 57 minutes ago
Tweet this ArticleFollow @COLOURlovers

Latest Articles

//View More ›

Latest Web Colors

//View More ›

Latest Web Palettes

//View More ›

Latest Web Patterns

//View More ›