Our team of writers brings you daily trend coverage, new products, inspiration, information and fun ideas. With an archive of more than 2,272 articles, you're sure to find something you love. Or if you have a great idea, let us know!
Your website has grown to the point where you know you need to separate pages into categories and subcategories. A mega menu is a perfect solution for a larger business to business (B2B) website. You can showcase the various areas without taking up too much real estate on your landing page.
In a recent survey, 94 percent of consumers said that if a website wasn't easy to navigate, they would leave that site and go to another. People have very limited time these days between work, raising a family and personal pursuits. Anything you can do to improve and speed up the experience on your website benefits your conversion rates.
Once you decide on a mega menu, knowing how to create it is the next step. Here are five different ways of designing an expandable menu for your website and a few examples of how other brands created theirs.
A mega menu is only useful if users can easily find the expanded menu. There are a couple of ways to activate your mega menu, including clicking on a tab at the top of the page or simply hovering over it. Keep in mind that users expect your navigation structure to be near the top of the page, so your mega menu activators should also appear near the top of the page.
One method is adding a navigation bar showing the main categories on your site. If anyone hovers or clicks on one of those buttons, the mega menu expands and appears.
DBS Interactive features a mega menu on their website. Users can choose from Capabilities, Clients or a view of their Portfolio. If you hover over Capabilities, a drop-down menu appears. Pause on the tab long enough and it takes you to the page with full information on the services they offer to business clients.
Don't try to get too cutesy with the wording of your categories. Have you ever visited a site with a theme, but the pages had such strange names that you didn't know what they were for? Instead, stick with basic wording such as "Shop" or "About Us."
If you're unsure what words to use, check out the searches people do while on your home page. What are the words they hunt for? Also, check out the wording on other popular sites. The words people are used to seeing in navigation bars on sites such as Walmart.com or Amazon.com are good choices for you as well because they're already familiar.
Think CTAs are only for the bottom of your page? Think again. Expandable menus are the perfect location for a CTA. Your customer has already taken one action, so asking them to take the next step makes perfect sense.
McCall Handling places a call to action so users can "Get More Info" right in their mega menu. Click on the category "Warehouse Solutions" and you'll see choices for subcategories such as overhead doors, dock levelers and vehicle restraints. You'll also see a bold CTA button calling the user to find out more about what they have to offer.
One of the great things about a mega menu is that you have a much larger space to work with than if you used only tabs on a navigation bar. As the menu expands across the screen, you now have an opportunity to add directional cues like arrows or category indicators such as icons.
Imagine an "About Us" category, for example, that drops down into an expanded menu and features an email with a letter icon, a phone number with a telephone icon, and a physical address as well as links to more information about your brand's history.
You can move a user through your site simply by giving them arrows as directional cues on where to head next. In a fast-paced world, this may make the difference between the buyer completing the journey on your site or bouncing away. Fellow business owners are just as busy as you are, so pay attention to the steps that get them from Point A to Point B the quickest and show them how to move there.
Designers sometimes make the mistake of creating for a larger screen and forget about the many people accessing the internet via mobile devices. The most recent stats show that 52.2 percent of all Internet traffic is mobile. If your site isn't optimized for mobile, you're missing out on about half of your potential traffic. However, you also must consider how a mega menu looks on smaller screen sizes and if your expanded menu accounts for variables such as the device being used.
Fortunately, creating a responsive site isn't hard. The mega menu may look different for mobile, but it should have text and buttons large enough for a human finger to press and navigate through. Test out all aspects of your menu for smartphones and see how it looks.
BuySwings.com is a website catering to organizations and businesses with playground equipment. They sell items such as seats and accessories. Their mobile site adapts perfectly for the user. Instead of showing the different categories in a nav bar, there is an option for "Categories" near the bottom of the screen on your mobile device. Click on the text and a page pops up with the categories of "Swing Seats," "Swing Set Hardware," "Accessories" and "Slides," or you have the option to shop by brand.
If your site has multiple categories that don't fit easily onto a single line, it may be time for an expanded menu. Only you can determine if a mega menu is the right choice for your website. Testing out different options with your target audience is a great first step to figuring out whether this option is best. Either way, you now have the tools and examples to create a mega menu that draws in users and keeps them coming back for more.
Adobe - it's the most used reader program at the planet for now, a lot of people doesn’t even know any of his options. That topic would help you to understand Acrobat DC a bit better, little interface and using guide. Check it out, and probably you would love to teach that program like a professional.
In an Adobe Acrobat interface, there are three views, and these are home, document, and tools. When we go further into details on document view, it can either be a single document interface or multiple document interface that is, view one document at a time or numerous views at a time respectively. Home is a displayed page before you open a PDF in Adobe Acrobat. The tool is where all the Acrobat tools are presented. The Document is the default view all the time when a document is opened in Adobe Acrobat.
Adobe pdf reader for windows 10 is available and can be downloaded for free from the Adobe official website. You can download it and install within a few minutes and start enjoying all that Adobe Acrobat has to offer. The following discussion shade more light on Acrobat DC interface.
As already said this is the page that is usually displayed when you open Adobe Acrobat and you have not opened any PDF file. It is an integral part of Adobe Acrobat in that it gives you quick access to recent files, frequently used tools, storage accounts, shared files, and to do tasks. Concerning the storage accounts, Adobe Acrobat has two accounts; these are the offline and online storage accounts where you can access your files. Other than your local computer, you can access your files from Adobe Cloud – these are files securely store using the link “Document Cloud” found on the left pane and online accounts such as Dropbox, Microsoft SharePoint, Google Drive, and OneDrive.
This is the view you can navigate through to discover all the tools available in Adobe Acrobat. All these tools are listed according to categories. Whenever you select a tool, that tool-specific commands will appear automatically on the document view only if the file is opened. In some instances, you can also be able to open some tools without necessarily opening the file. You should worry about whether to open or not open the document; if you choose a tool that requires the document to be open, you will be prompted to do so.
You have the freedom to either add or remove tools shortcut in the right pane. This is how to do it. Clicking the “Add” button will result in adding the shortcut in the right pane. An alternative way is by dragging the tool into the right pane. To remove the shortcut, next to “Open” just below the tool name, click the Down arrow then select “Remove shortcut”. There is also an alternative way to remove a shortcut, and this is done by a simple click on the cross button on that particular shortcut in the right pane.
As we have already highlighted, the document view is the default page whenever a PDF file is open. By default, when you open this page, you will see multiple tabbed interfaces for viewing numerous PDFs at a time. When you open multiple PDFs at a time, each will open as a tab but still on the same window of the application. You can switch from one tab to the other from the top whereby the name indicates the name of the file being opened in that particular tab. A previous and next buttons will always be displayed on the far right-hand-side for easy navigation through document tabs whenever the number or amount of documents are high such that they don’t fit the document view.
At the top of the work area, the toolbar and menu bar are displayed. For a stand-alone application, the work area comprises of three panes. Towards the left side is the navigation pane, on the middle is the document pane, and to the right is the tools or task pane. All these panes each have a specific important role it plays. The navigation pane located on the left is useful in providing smooth browsing through the PDF as well as perform other options on your PDF file. The function of document pane found in the middle is to display the PDFs. The toolbar located next to the top of the window plays a significant role in providing other controls you can use to work with your PDFs.
In the beginning, you may not be in a position to see various tools in the toolbar. To combat this, you can add some more tools to your toolbar for ease of access. To perform this, right-click on an empty space within the toolbar then select the tool that you want to be displayed in the toolbar.
In conclusion, we need to say that it's a small beginners guide, which takes five minutes from you. And even those tiny article bring a lot of helpful information to you, probably if you will check other guides by yourself - Acrobat DC will be used a lot by you. Thanks for reading and use only the best software.
When you are preparing a design project, presentation, UX prototype, pitch for a product, etc, sometimes you need a few shortcuts to get things done faster and focus on the logistic instead of the finesses. Before you are listed our best pics of websites that can help you get appropriate illustrations, absolutely free.
Streamline Illustrations gives you 50 illustrations for free, plus another 250 LGBT illustrations. You can choose between multicolor, duotone and monotone, and then download them for Illustrator, Sketch, SVG, PDF, PNG or Iconjar vector files. The illustrations themselves are cute, cartoon-like, and applicable to almost every topic.
The full pack includes 3000 customizable illustrations, and their price is only $199.
DrawKit gives you practical illustrations for your design, usable for startups and small businesses. They are under MIT license, which means that you can use them for commercial purposes. Acknowledged as No 1 Product of the Day by Product Hunt, DrawKit offers free categories, but also three different packages - Packs, Modular Kits and Animations, all for different prices. As Bukowski would say: Find what you love and let it... (p.s. this is not actually Bukowski, the internet just assigned it to him).
The sole name of this source makes you love it. Absurd Design is a weird, journalistic-comic type of drawings, black and white, available for your designs. They give you a total of eleven free designs, that you can use in commercial purposes, in PNG format. For the big players, they offer a monthly membership, that opens the gate for colored illustrations, SVG vectors, and all the drawings you can get.
Well, this is a whole different story. If you grew up loving Dr Who (like I did), or you come from a geeky background, you are going to flip to these designs! Bottts is a library, which gives you the elements to combine together for your perfectly designed robot illustration. You can mix the elements up using a Sketch App (they are basically a Sketch library themselves), design your robot's frame, antenna, colors and more. Look them up, they are adorable ?
Best kind of deal - you get free design, and in return, you have to link back to the source. This gives you a free resource and gives them visibility in return, so it builds a very respectful, symbiotic relationship between the designers and the illustrators. Ouch.pics is a project developed by Icons8, that aims to free vector illustrations for the user interface. They offer a clean, contemporary look to your designs. Alongside with stock photos, free icon packs, and free music, their desire is to build a design platform and change the way people create.
What are your favorite open-source platforms? Let us know in the comments below :)
Author: Nina Petrov, ninapetrov.com
Brand your business with amazing color combinations to ensure a positive reaction from your potential customers. Consider the fundamentals of color perceptions, which we will mention ahead, and get your colors on!
When you brand your business with pleasing color palettes, you make your target feel comfortable enough to do business with you! It starts from the moment your create your logo whether you decide to use color pantones or hex codes. A Logo Creator for example, gives you template options which you can work on if you don’t feel like starting from zero. Color your brand with your personality and your values!
Color schemes have a psychological impact you need to consider while you build a brand. This is why picking your colors is such an important task! You can create the perception you’re after in order to attract the specific market you want. People are very visual, so colors can impact them emotionally. To understand this better, let’s take a look at general meaning behind the most commonly used colors:
We have gathered the best color combinations for different business industries so you don’t have to break your head coming up with a harmonious mix. First, determine your brand’s personality by asking yourself:
This will help you decide which colors best represent your business personality and which will attract the kind of customers you want. Now let’s get to it by industry and get some color palette ideas that are on point!
Most tech businesses want to look innovative and bold, like they will be the next big thing. Because you are trying to appear innovative, don’t be afraid to step out of the typical blue or green. You can use other great colors like purple, yellow, orange, etc.
As you build your tech business, colors are an entirely personal decision. You should be informed on color psychology plus your brand's personality in order to make a more informed decision. Consider things like, is your business related to social media? Is it an app?
You trust healthcare businesses with your life and this is why their branding should evoke that feeling of security. Because these kinds of businesses have a huge responsibility with the community, their image should be professional, authoritative, and peaceful at the same time. Most healthcare businesses rely on mainly blue tones, but you can definitely get inspired by these colors and try something fresh!
Legal businesses should have a minimalist logo. Most legal businesses choose sober colors to appear professional and keep it basic. They usually decide to use only one or two colors.
Marketing brands usually want to appear as young, modern, and creative! They want to dazzle their clients while still keeping it professional. The challenge for these kinds of businesses is to have branding colors that are both cool while classic. I mean, they still need to be taken seriously. Among the industry, most leaders opt to use purples and they see their brands as feminine.
The real estate competition is fierce! Clients need a brand that they sense they can rely on. If your business is in real estate, just like in healthcare or legal businesses you want your colors to say: trust me. This is why most businesses go with a blue color. Remember you can use awesome color combinations to give your customers the whole message! Try these:
Inspired by a huge library of templates in combination with helpful information on color perceptions, you can design your logo easily using the best colors for it! The rest of your branding is a piece of cake once you have your logo and your branding colors (fonts are huge too by the way). If you decide to create your logo design with an online tool, look for one that allows you to input your exact hex codes for your brand colors.
So now you know! Start creating that unique experience for your customers with a totally fabulous color palette!
We recommend you spend a good amount of time understanding the intent of the user during the search process. Google has answers to searchers' questions already pre-ordered, so they're simply waiting for users to ask a question. The two primary ways searchers ask questions is through voice search and keyboard searches. We will tackle each one separately and provide tips to optimize for each method of search. Voice search is quickly rising in popularity and many websites have not made changes to their site to optimize for voice search. Optimizing your clients' websites for voice search will put you one or even two steps ahead of the competition. The most important thing to understand about voice search is that queries are conversational in nature. Voice searchers tend to search as they talk and ask questions as they would to a normal person. For example, if a searcher was looking for a cell phone repair company in Tampa, they might say something like "Find a cell phone repair company near me" or "Which cell phone repair companies are open right now?" Voice searchers are less likely to add a geographic modifier like keyboard searchers do. As a result, we recommend that you create an FAQ that answers common questions such as the ones above. We further recommend working answers into your blog posts and service pages where appropriate.
Optimizing for keyboard search requires that you understand which keywords bring users to your website. Jumping into Google Search Console or utilizing third-party tools such as ahrefs.com or SEMRush will provide you with the keyword research you need. If you have an AdWords account, you can also use Keyword Planner to find new keywords or simply use the keywords that are converting well in AdWords.
For most businesses, keyword research is fairly straightforward as users typically type in the service they're looking for coupled with the geographic location they live in. For example, if someone is searching for a home improvement company in Sacramento, they typically type in "Home improvement companies Sacramento" or "Sacramento home improvement company." Although it can be difficult to add these phrases to your marketing copy as they are quite awkward, keywords of this nature can be added to your site’s title tags. Once keyword research is completed, utilize these newfound keywords in your marketing copy and future blog posts.
As you are creating these new blog posts, please follow the tips below to maximize the potential rankings impact of each blog post. The most important thing to understand is that reader expectations have changed over the past five years. Readers used to be content with 500-word blog posts. That is no longer the case. Google rewards blog posts in excess of 2,000 words in length with page one rankings. The screenshot below shows the average number of words for content with page one rankings.
Long-form content outperforms shorter blog post for a myriad of reasons including the ability to add substantially more keywords and the ability to go into greater depth. A typical blog reader comes to your website looking for solutions to a problem they're facing in which your company specializes. If your blog post provides a detailed step-by-step solution to that problem, you will be rewarded with higher rankings and improve time on page. Google uses the amount of time a user spends reading a blog post as a quality indicator. Content that provides incredible levels of detail that users need to reference continually as they solve the problem garners the most time on page for obvious reasons. In the past, many agencies believed that their clients did not want to provide this level of content as they were giving away valuable information for free. Any lost business will pale in comparison to increasing website traffic and new customers. Many visitors to a blog will read one, two, or more of your blogs before deciding to do business with you. Because you spent time helping them with no expectation of return, you position yourself as a thought leader and someone who puts the customer first. Those that give the most tend to receive the most.
Google now utilizes machine learning to further aid in their quest to provide unmatched search results to their users. Machine learning helps Google sort through the incredible amount of data created on the web each day. It parses through that data to look for patterns that help provide high-quality search results. Follow the three tips below to help Google's RankBrain understand that your website provides valuable information for searchers.
Following the tips above will help you create a more consistent approach for your SEO clients and eliminate the strategic lurching that can often occur when new algorithm updates drop. The tips above will act as true north for your clients' SEO efforts. The next time an algorithm update drops, view it as a refinement of past updates centered around an effort to create better search results rather than a seemingly incongruent update that seems random in nature.
Thank you for taking the time to read this post; we hope that you will apply what you read here now and in the future.
There are many elements which go towards creating a successful dating app design, but the most basic – and crucial – of all are the content and the color. What will your customer discover when they navigate to your app, but even more importantly, what will draw them there in the first place. There is no point running an app which is lacking in compelling content for potential daters to engage with, but if they aren't inspired to check out your app in the first place, even the best content in the world will remain undiscovered. Which is where color comes into the equation. This primary consideration, the tones and hues you choose for your web pages, is all-important. Here are the four best tips regarding your app's color scheme.
Colors instigate an instant reaction. Take one of the top English football clubs, Liverpool. They once played in red shirts and white shorts. Then one of their managers decided an all-red kit would make his players look even more intimidating. Why? Because red is traditionally associated with danger, whether that's warning lights or labels on bottles containing hazardous substances. But how does that relate to a dating site apps?
Red is naturally associated with fire and heat. These are also terms which are readily applied to passion. Passion is never described as a cold emotion (cold colors being the aquatic tones of greens and blues.) It is hot. It's also no coincidence that red is the color of blood, symbolizing the life force which drives us all.
Red, and its more temperate, toned-down shade, pink, are the colors which should be first in your palette as you design your app. However, there's so much more to constructing a memorable dating app than just introducing a lot of red. Too much of any one color can prove to be overpowering.
As well as thinking of your basic color components, the next key consideration is how to balance these throughout your web pages. This is where your app's functionality comes into the equation. The purpose of your dating app is to draw in single clients who have been attracted to the overall look of your app (color, font, basic layout, the message you're presenting). Remember, people browsing the web, whether they're seeking dates or anything else, are fickle. If a design doesn't catch their eye within seconds, they'll swiftly move on, never to return.
There are many aspects which you can harness to establish your theme. The aforementioned hot colors may be associated with passion, but how you use color is equally important. Many dating apps (for example, TenderMeets) tone this down, focusing on presenting a clean, white interface, perhaps only introducing the occasional ‘hot' color to attract the eye. You might go with something completely different, like a subtle use of yellow or orange. Like art itself, there are infinite possibilities. The main rule is to remain consistent.
Once you choose your theme, don't ever deviate from this. Never mish-mash different elements – the theme and color schemes must be consistent. Using different colors so customers appreciate which words can be clicked on to jump to different parts of your site (hyperlinks) is a basic web design consideration. In the previously mentioned example, the app uses a contrast of pink for the links. The beauty of web design is you can make changes and tweaks to your colors at any time, but it would be better to start on a firm footing.
The virality of content is a curious phenomenon. Sometimes you write a simple article or you turn a video. You publish it and a few days later, your content triggered hundreds of shares.
Without knowing why, you have created viral content. Many entrepreneurs and marketers would like to know the secret of virality.
It's true anyway!
Which entrepreneur would not want to have more exposure for his brand, ideas or products quickly? In fact, virality is simply the best way to quickly gain visibility and traffic without necessarily paying for it or being an SEO wizard.
The 5 ingredients to make viral content
1) The social value: Share what motivates your audience
Social value is the idea that people who discuss a subject, in public or on social networks, do so because they want to appear interesting, intelligent or "cool". If the mere fact of talking about a product or idea makes us look like someone interesting to others, then chances are we'll talk about it around us. It is the social value, the value we place on the information we share with others. In fact, this desire to share our thoughts and experiences is at the root of the phenomenal success of social networks.
It's not just the titles that will help your content become viral, the content itself has a say.
Let's take an example.
You sell organic products and you would like to be a little more visible on the Internet?
For example, you could write an ultra-comprehensive blog post about the dangers of pesticides and share it on your social profiles. It is likely to be shared by others, because from the outside, it implies that they 1) care about their health and that of others and 2) care about the environment and the food brands they consume.
3) Emotion: Caring is sharing
This concept is simple and you surely know it. We share and discuss things that involve strong emotions. Whether positive or negative, it does not matter. Moreover, one of the emotions that sticks to our TV screens and triggers the word of mouth in a crazy way is fear.
Fear is selling. And that's true. Why do you think the media is constantly talking about the misfortune of others or the attacks? Because it makes talking! Because we read and share this kind of articles. For the greatest happiness of the media.
It's not just negative emotions that make you sell and trigger a monster word of mouth. Joy or hopes are emotions that trigger sharing.
4) The public: Become your own PR representative
People tend to mimic what others do. Rather than choosing ourselves, we prefer to emulate or be influenced by the choice of others. This is called social proof.
But you can’t imitate what you can’t observe. The idea here is to make your products or ideas more observable to others, making them easier to imitate, and therefore more likely to become popular. We want our products / ideas to do their advertising on their own.
Have you ever seen how many people use a Mac in a Starbucks?
There are many!
For several years, Apple has placed its logo on its laptops so that the user sees it when opening it.
The problem was that the logo was presented backwards for others when someone was using it, which posed a problem of recognizing the logo and could even harm the image of Apple. Steve Jobs, as a good marketer, made the decision to place the logo in such a way that it is visible to the public and not to the user. Today, in public places, the luminous apple is recognizable on all Apple computers. The visibility of a consumer choice by a large number of people triggers a well-known human behavior: imitation. If a lot of people use the Mac, then it's probably a good idea, and we should use one too.
How can this apply on your social networks?
On Facebook or Instagram, you can make your content more observable by the public via advertising. For example, if you have a Facebook page, you can boost your publications from $ 5 and show your content potentially in front of more than 1000 people. Or you can softwre related to Automatic Viral Alternative. Based on my experience, it works!
Keep in mind: can people see you using your product? How can you design your product so that it does its advertising itself (ex: MacBook)? Do you use an unconventional logo, sound or color for the public that could be highlighted?
5) The practical value: produce useful content for others!
Why would someone want to share your content if it does not add value?
This value is the utility. If we can talk about a product or content that can help others (i.e save money, save time, improve our health, etc.), then we will talk about it around us. It's something natural.
How to do on social media?
Here again, it's easy to set up. Your product is super useful and can improve people's lives. How to make people know it? The answer (and it's still the same): Create useful content. Why not make a video that explains the usefulness of your product or its new features? It's more and more common on social networks.
Hopefully the 5 tips above can help you to produce viral content.
So, you have decided to design your own website for your business but how do you get started? The colour of your website is just as important as other aspects such as the images used and the content that is written – but how do you get it right the first time?
In this article, we are going to give you some tips to help you get your website design right the first time. Keep reading if you’d like to find out more.
Colour is very important when it comes to designing your website and so it is something which you will need to consider in great detail before you get started. If you already have your logo designed, then you should match your website colour scheme to this. Otherwise, you have a blank canvas and can choose any colour that you think might work. We suggest that you stick to one or two main colours to avoid confusing things.
If you want people to stay on your site once it loads, you need to make sure that you are nailing the layout the first time. This online casino is a prime example of a site that has a good layout that is clear and attractive to look at. Your layout should complement your colour scheme and it should make the whole experience more enjoyable for the visitor.
When anyone visits your website, they will need to be able to get around. Your main menu is the base, it is where all of the main pages go, and it is how your visitors will navigate. You need to make sure that the main menu is clear and that it is easy to find. Try to choose colours that will stand out against the background so that your visitors are directed to the main menu right away. This site is a great example of a site that has a good main menu.
Finally, we think that you should make sure that you are filling the space on your site well without overcrowding it. You want to show that a lot of time and effort has gone into creating your website and choosing the colour scheme, so you want to make sure that there is plenty of content on there. Try to fill the space but don’t go overboard. Give your visitors room to breathe and they’ll be more likely to stick around.
You never know how many times someone is going to visit your website, so you need to make sure that you are getting things right before you even go live. Try to choose the colour scheme to suit your business and don’t overcrowd things with too many colours. You should also keep the design clear and easy to follow if you want to keep people on the site. Follow our advice and you should be able to get your web design perfect.
A webpage is not just about information it contains but also the impact it leaves on the viewers. This is why color selection turns out to be a significant aspect of website design that a reliable marketing company like RankOne SEO Agency will help you figure out. While you don’t need to turn your site into a rainbow, thoughtfully curated color implementation will make your brand value look clearer.
This article aims towards assessing how essential colors are when you’re planning to showcase your brand image through your website.
The first impression of your site's visitor is always going to be the way its colors pop up. Studies suggest that colors tend to impact a person’s instinct and you can leverage this fact to readily come up with a color palette that goes hand in hand with your brand’s philosophy. You can drastically improve the visiting time when your targeted audience finds relevant color choice throughout your webpages.
This creates a personalized recognition that assists you in standing out among your competitors. Brand recognition should be the essential focus if you’re up to gaining loyal customers who can relate to your content.
Colored websites tend to be more appealing to any user because this way, you can showcase the theme of your brand more precisely. For this, begin with understanding the color wheel and analyzing how different shades are related to emotional triggers. Psychology suggests that you can drive massive targeted audience if you ensure going with a well-speculated choice of shades for different site elements.
Colors also determine how likely a viewer is to react to numerous CTCs you’ve placed on your website. One will only tend to respond if you have incorporated colors that go well with your products and services. Moreover, website designers also consider the correct placement of colored elements so that essential portions can be highlighted.
You can improve the focus on any particular site element with the help of suitable color choice. However, make sure you only highlight the most important sections of your website. This is because unnecessarily colorizing everything will make your content look overdone.
Now that it’s clear that color selection is a vital part of successful website design, here is a rundown of things to help you master color choice.
The foremost advice is to go with colors that match your website’s offering. For instance, using too much of red color for organic or environment-friendly products might not be the most suited preference.
Keep your targeted audience as an utmost priority when it comes to selecting colors for your webpage elements. Factors like gender and age of your potential customers determine which colors options are going to be the most relevant
The background should also be kept in accordance with the text color you’ve decided to go with. This is because the background color of your website majorly impacts readability. Try not to combine too many colors here in order to ensure a sober background that can showcase your content nicely.
Do ample research and consider expert opinion before finalizing color selection for your site. It’s also advised to pick some of the best practices from your competitors so as to come up with a color pattern that makes on stay on your webpages.
Here’s an overview of color choices depending on the industry you deal in. It’s suggested to stick to conventional selection methods as these are based on extensive research and result analysis.
Yellow: As yellow has a straining effect on the eyes, it shouldn’t be used aggressively in a website. However, this color represents cheerfulness and can be handy when you’re dealing with leisure products. Try to include yellow where you want to signify some creative elements on your webpage, especially if your brand is related to children.
Red: This color turns out to be a viable choice when you need to highlight certain CTCs on your webpage. You can use a combination of red to provoke emotions in viewers so as to make them take active action. Brands dealing with children products massively use red shade so as to maximize user response. However, red can be very sharp to some people’s eyes, so it becomes vital not to overdo this.
Black: It can be a great choice when your brand deals in art-related products as black can offer a great background that can actively showcase the artwork you’re posting.
Green: Most websites tend to include some shade of green as it is commonly related to invoking trust. Furthermore, it becomes an inevitable option if you’re going to design a travel website or one that specifically deals with nature. This color is quite soothing to the eyes and doesn’t cause much strain, unlike other vibrant colors. Thus, those looking for a sober website design find green to be appealing as it feels light while viewing.
Orange: If your targeted audience comprises of budding young individuals, orange can be a sparkling choice for your website elements. This color is widely popular for instilling a sense of positivity along with showcasing creativity. Typically, you’ll find many tech brands having a ton of orange color incorporated in their official site. You can also use this for food-related ventures as you can find your competitors heavily using this color.
Purple: Shades of purple are mostly chosen by religious websites because this color has a rich appeal to it. Moreover, you can suitably use purpose if you’re going to design a vacation site.
Blue: Next up is blue, a color that emerges out as an active choice of high-tech companies as this color stands out when it comes to establishing a trust factor. It feels relaxing to the nervous system and can make a person remain on your site for quite long. Diet brands also use shades of blue in order to make their website appealing to a viewer’s eyes. However, you should avoid employing it as the text color and look for other standard alternatives.
Colors are a huge part of life. They evoke our feelings, help us remember memories, and affect our mood. Learning how to use color for your website is an effective way to generate a specific response from your users and make your website more actionable.
Georgia O'Keeffe famously said, “I found I could say things with color and shapes that I couldn’t say any other way.” This is true for us all, and you don’t have to be a famous artist to hone the power of color. All you need is an understanding of branding and color psychology. Suddenly, a whole new world of color and design will be yours to explore.
Consumers and brands alike often underestimate the power of color. Well-versed marketers know just how powerful it can be, but it's hard to put this influence into words unless you have a strong understanding of how color affects us as humans. In this guide, we’ll take a close look at the psychology behind our favorite colors, how brands have successfully used color in the past, and how you can choose a good color scheme for your own website.
Does a blue sky make you feel relaxed and calm? Does bright yellow make your heart race a bit faster? If you’ve ever experienced any of these feelings, you’re not alone. Color is a tool for communication, and it’s been used since the dawn of civilization to express influence, action, and mood.
It was in 1666 when English scientist Sir Isaac Newton first discovered that when white light passes through a prism, it separates into all of the visible colors. These visible colors don’t communicate the same things to everyone. The way you feel about certain colors is a deeply personal thing that’s derived from your own experience or culture.
However, there are some general “rules” of color that we can take from our own western history. Here are some of the most well-known associations with color that you’re probably familiar with:
These might seem like a very basic level of color understanding, and that’s because they are. The deeper symbolism behind these colors takes root throughout our history and culture, and they’re not stagnant. Colors can change meaning in different situations and throughout time.
For example, do you know the story of why purple symbolizes wealth? In fact, Queen Elizabeth I forbade anyone except the royal family from wearing purple since it had such an elite status. Hundreds of years ago, purple dye was initially incredibly expensive. In the time of the Phoenicians, the dye could only be found in a small mollusk in the Mediterranean sea. Since it was so expensive to collect, it was only used by the wealthy elite.
There’s a story just like this one behind almost all of your favorite colors. The more you understand the history of colors, the better equipped you are to use these colors to your advantage.
As you’ve probably realized, we’ve come a long way from purple only symbolizing wealth. Colors have become complex entities, and now they’re a tool used by marketers and designers to create branding that resonates with audiences.
To understand how companies utilize color today, let’s look at some of the most well-known brands and the colors behind their logos and designs.
Red - When it comes to marketing, red is said to trigger stimulation and appetite. It’s also commonly used in clearance sales since it’s known to call your attention. Red has even shown to raise the human heart rate measurably when they see it. Red brands: Frito Lay, Nintendo, Netflix, ESPN, Coca-Cola, and Lego.
Blue - Blue in marketing is used to symbolize professionalism and strength. It’s a favorite color for a lot of people, so it’s often used to demonstrate trust. Blue brands: Facebook, Visa, Samsung, AT&T
Yellow - Yellow is all about optimism and happiness. It’s great at grabbing users’ attention, so it’s commonly used for fast food brands. Yellow brands: McDonald's, Snapchat, Subway, IKEA.
Green - Green has recently been used to show eco-friendly brands, but it’s also used to convey growth with financial wellness. Green is related to health, relaxation, and productivity. Green brands: Starbucks, Excel, Holiday Inn, Heineken, and Land Rover.
Purple - Purple has come a long way, but it still does symbolize royalty as well as wisdom and success. This is why it’s usually used for luxury brands. Purple brands: Crown Royal, Qatar Airways, Hallmark, and Cadbury.
Black - Black as a color has also developed from its original “evil” symbolism. Today, it conveys professionalism and relates to intelligence and authority. Brands use black to maintain simplicity or to show a luxurious quality. Black brands: Amazon, Disney, Chanel, Nestle, Gucci, Hermes.
Multi-Color - Finally, sometimes brands use a few colors to show their diversity and to stand out from other brands. These are often used by internet-based companies or global brands that want to show connectedness. Multi-color Brands: Windows, Google, NBC, eBay, the Olympics.
How did you feel reading through these lists of brands? If you’re like most people, you likely understood the connection just by your current feelings about these brands. These brands have been crafted by expert marketers who use colors to tell their story.
With your website, you want it to tell the story of your brand, but you need to do that in a simplified way that doesn’t get in the way of the user experience. It takes users a startling 50 milliseconds to form an opinion about your website. That’s less than a second to make an impact.
Go through these steps below to make sure you’re choosing the right colors for your website.
Step 1: Choose Your Dominant color
First, you need to choose your dominant color. This is your brand color, and it’s how you’re going to create a design you love. Remember all of those words and emotions associated with the colors we listed below? Refer to your list and decide which color most closely relates to your brand.
This is the color your audience will remember most when they visit your website. If you’re trying to show that you’re eco-friendly or growth-driven, go with green. If you’re a calming, thoughtful brand, go with blue, and so on. If you already have a logo, make sure this color is complementary or the same.
Step 2: Consider Your Audience
Next, consider your audience and what colors they’ll prefer. Remember how we said our perception of color will depend on our history and culture? This is very relevant if you’re trying to address a specific group of people.
While all genders can like all colors, it’s true that some colors and shades speak to one gender more. The same goes for age. Keep your target audience in mind to make sure your colors speak to them. Here’s a simple guide to help:
Step 3: Where to Use Your Dominant Color
Now, it’s time to utilize your dominant color. You want this color to attract attention, but not too much attention. We’ve all visited websites that had too much color, and it can be confusing to know where to even look. Try to use your dominant color in a limited number of places, especially where you want users to take action.
The best places to use your dominant color are in the logo, menu tabs, calls to action, and when highlighting important information. They’re also useful for titles and buttons.
Step 4: Choosing and Using Your Accent Colors
Your website would be boring if you only had one color. If you want your website to appear professional, you need accent colors. This is the scary part since mixing colors can be complicated.
When in doubt, limit yourself to 1 or 2 accent colors. Too many colors can be overwhelming. Your accent color might be the same color but in a different shade, like choosing a maroon when you already have red as your dominant color. It might also be a neutral that complements your current color. You might even bring in an entirely new color that means something to your brand.
Where should you use your accent color? Use it in subtle places like in the current menu tab, subtitles, and to highlight secondary information.
Step 5: Tie It Together
Last but not least, it’s time to tie it all together. Now that you know what colors are right for your website, it’s time to create a stylish website that works for your business.
Start by building a website or finding a premium theme that matches your design aesthetic. From there, customize any elements to make sure the right colors are pulling through.
Consider any extras that incorporate your colors as well like graphics, images, and more. These are the things that tie the entire look together. To finish the process, take a look at your completed website. How does it make you feel? It can help to bring in some extra sets of eyes.
Creating a website is about more than throwing different colors on the page. In fact, color is one of the most complex parts of the design process. Not only does it take some understanding of colors to know which look good together, but you also need to know the meaning behind the colors you use.
You can experience this for yourself the next time you go shopping. Take a look at the different brands offered for a specific product. How do these brands make you feel? It’s this same effect you’re trying to achieve with your website.
The right colors come from your audience and the meanings behind these colors, not just what colors you prefer. If you put your audience first, you’ll create the best color scheme for your website in no time.