Colour Web Design

Category List


Tag List

firefox (1)
Helpful Tips (1)
Image Dimensions (1)
Rubric (1)
keywords (2)
Apple (3)
photoshop (1)
Optimization (1)
E-Commerce (2)
ban from Instagram (1)
content writing (1)
mobile (1)
importance of a hashtag (1)
LinkedIn for Business (1)
Pinterest for Business (1)
worldpay (1)
Perfect blog (1)
Website and Logo design (1)
Advertising (1)
internet (1)
location (1)
Money (1)
Inventions (1)
Manners (1)
tips and advice (2)
EU Regulations (1)
iPhone (1)
How to stay creative (1)
Covid-19 (1)
Ideas (2)
Voters (1)
Digital Marketing Advice (1)
opencart (1)
News (1)
professionalism (1)
Load Time (1)
Hashtags (4)
Tools (1)
Content Calendar (1)
application (1)
GDPR (1)
payment (1)
Colour Wheel (1)
Business advice (2)
Business Page on Facebook (1)
Social Media (66)
ssl certificate, advice, help, business, website (1)
payment gateway (1)
A Simple Guide to... (8)
Further your business (1)
the team (1)
Updating an old website (1)
Instagram (14)
How to optimize Pinterest (1)
Festive (1)
seo keywords (1)
business tools (1)
Political Parties (1)
Search Engine Optimisation (1)
Newsletter (1)
Web Design (21)
Christmas (6)
Social Media News (1)
Digital News (2)
Responsive Design (1)
What is the fold (1)
Technology (20)
Optimise (1)
smart speaker (1)
wunderlist (1)
Uber in the Sky (1)
Instagram Shadowban (1)
office accessory (1)
Apple Watch (2)
Personalisation (2)
Extras (1)
mobile optimisation (6)
Tips (17)
UK (2)
SEO (66)
How to beat writers block (1)
Tweets (1)
Digital Agency (6)
CTA (1)
photos we wouldn't have taken before camera phones (1)
How to (7)
Engagement (1)
buzzsumo (1)
slack (1)
basecamp (1)
Creativity (11)
In-app Checkout (1)
Google Earth (1)
Facebook F8 (1)
Photography (3)
help and advice (1)
January (1)
digital design (1)
Virtual (1)
writing a blog (1)
Gadgets (4)
New data laws (1)
Flipbook (1)
Visual format (1)
trello (2)
Data Protection Bill 2017 (1)
online shop (1)
Office (4)
Advice (9)
Shadowban (1)
The Apprentice (1)
Social Media marketing (4)
meta tag (1)
Holidays (1)
Trends (2)
blog topics (1)
web team (1)
Social Media Tips (3)
finished (1)
Engagement on Instagram (1)
voice search (1)
vero (1)
instagram bio (1)
How to get personalisation right (1)
Lifestyle (1)
Writers Block (1)
2017 Election (1)
Links (1)
android (1)
the creation lab team (1)
Kent Digital Awards (1)
Live (2)
Email Marketing (3)
Data Protection (2)
paypal (1)
Awwwards (1)
posting (1)
sonos music (1)
Marketing Plan (1)
project coordinator (1)
The perfect tweet (1)
Social (2)
Colour (2)
Website Design (7)
what is the new data protection bill? (1)
Drones (1)
loading (1)
when should I post on Pinterest (1)
Twitter (12)
Important (1)
Food for Thought (3)
Conversion (3)
why do you need a blog (1)
Web (1)
The Fold (1)
AdWords (2)
Workplace (5)
Blogging (9)
tech (1)
Support Local (1)
Brexit Data Protection Bill (1)
ranking (1)
meta description (1)
Guide to Facebook (1)
WordPress (2)
PPC (3)
No internet (2)
kent (8)
Promote your business on Facebook (1)
Stock Photos (1)
Risk (1)
friday (1)
creative agency (5)
Emoji (2)
help (5)
#Lifeatloreal case study (1)
Design (18)
dartford (1)
Creative (11)
content management system (1)
website build (1)
Influencer marketing (1)
magento (1)
editing (1)
Website Design Inspiration (2)
Streaming (1)
Guide to Twitter (1)
diversity (1)
sonos (1)
Quick Response (1)
Promotion (2)
Email (2)
YouTube (4)
browser (1)
creative writer (2)
Webdesign (2)
Language (1)
hacking (1)
Website (13)
Who's Targeting me? (1)
organised and motivated tips (1)
Google Analytics (1)
Olympics (1)
Augmented Reality (2)
Call-to-action (2)
brainstorming (1)
b2b (1)
Instagram Captions (2)
web deign (1)
Hosting (2)
Search (3)
Amazon (2)
LinkedIn (5)
Promotion on Instagram (1)
IGTV (1)
clients (2)
speed (1)
KDA (1)
text (1)
web developer (2)
software (1)
new technology (1)
Facebook Header (1)
the perfect instagram (1)
Pinterest (9)
branding (3)
ecommerce (1)
Facebook Post (1)
blogs (2)
Google Stamp (1)
Office Hacks (1)
inspiration for emails to send (1)
Cards (1)
Google's Algorithm (2)
Oreo Social Media (1)
Guide (4)
How to be creative (1)
Pay Per Click (2)
Content Marketing (22)
sharing (1)
Rankings (1)
concrete 5 (1)
blogger (1)
design inspiration (1)
inspiration for office (1)
animation (2)
Get to know the team (1)
Drone (1)
Advertisement (2)
Revolutionary (1)
Decades (1)
Scheduling Social Media (1)
digital conversation (1)
gaming (1)
SEO VS PPC (1)
Agency (2)
FAQ (1)
Future (1)
Social Media Help (2)
day in the life of (1)
Breakdown of Tweet (1)
firefox quantum (1)
Online (4)
advice and support (1)
Innocent Smoothie Social Media (1)
How to keep motivated to blog (1)
Images (5)
brand building (2)
day to day life (1)
website projects (1)
Google (23)
Productivity (1)
visual (1)
content creation (1)
Slow loading site (1)
Facebook (11)
office antics (1)
UK prepares for brexit (1)
Encryption (1)
Brexit (1)
social network (1)
Video Production (10)
blog (10)
Valentine's Day (1)
Click-Worthy (1)
how to prepare for a redesign (1)
humpday news (1)
blogging tips (1)
cookies (2)
gif (2)
digital marekting (1)
Viral (1)
Black Friday (1)
2017 life (1)
simple guide (1)
Apps (5)
Logo design (2)
2017 (1)
app (2)
Case Studies (1)
Selfie (1)
Digital Content (1)
Emails (1)
Facebook and the election (1)
Advice and Tips (2)
How to be productive (1)
Digital Marketing (52)
sensory (1)
finalists (1)
copy (1)
Mindset (1)
Apprentice Thoughts (1)
today in digital (1)
Colour and Brand Relationship (1)
complete (1)
Smartphones (5)
content writer (2)
https://www.bates-environmental.co.uk/ (1)
Web Development (23)
ring central (1)
Seasonal (1)
How-to (1)
Digital (13)
optimisation (1)
day in the life (1)
songs (1)
Tool (1)
Halloween (1)
Apple Pay (1)
#hashtag (1)
Analytics (1)
Perfect post (1)
QR Code (1)
the creation lab (1)
Website Development (1)
Marketing Strategy (2)
Business (49)
Seminar (1)
Content (4)
Recognisable logo (1)
Why you should attend a seminar (1)
How to build a recognisable brand (1)
cms (1)
blog tips (1)
Snapchat (3)
Websites (39)
Infographic (6)
photos (1)
how to use Facebook (1)
visual content (1)
Agency Life (1)
Website Presenters (2)
Influencers (1)
Video (15)
questions (1)
Website Updates (1)
inspiration (16)
Security (2)
media (1)
Marketing (19)
SSL Certificate (1)
top tips (2)
Logo (2)
Google vs fake news (1)
blog post (1)
more conversion (1)
meet the team (5)
team (1)
Digital Age (1)
Pinterest Tips (1)
emily (1)
How to blog (1)
Crayon.co (2)
playlists (1)
Hashtag (1)
Free Seminar (1)
2016 (2)
graduate web developer (1)
A guide to Instagram (1)

Tag Cloud

A guide to InstagramRevolutionaryHelpful TipsInfluencer marketingsocial networkApple WatchValentine's DayoptimisationLogobrainstormingSEO VS PPCthe creation lab teammeta taginstagram biofridaySocial Media Newstextcreative writersonosinspiration for emails to sendAgency LifeMindsetWebsite DevelopmentHow to be creativevisual contentCovid-19In-app Checkoutwriting a blogsoftwareContent CalendarSecuritysharingLoad TimeQuick ResponseEU RegulationsAgencyGDPRfinishedcmsoffice accessoryOnlineVisual formatWebsite Updates2017 Electionbrowserpayment gatewayGuide to TwitterAdWordsPinterestsimple guideb2bban from InstagramRecognisable logoClick-Worthymeta descriptionFacebook PostCardsEngagement on InstagramOreo Social MediaContent MarketingShadowbandigital conversationWebsite and Logo designVideo ProductionDigital NewsspeedappSocial Media HelpcookiesSnapchatBlack FridaySmartphonessongsFree SeminarGet to know the teamVideoHostingConversionpaypalBloggingRiskAdvertisementmobile optimisationoffice anticsmobilefirefox quantumrankingStock Photos#Lifeatloreal case studytoday in digitalAppsssl certificate, advice, help, business, websiteEncryptionAwwwardsNo internetmagentocompleteEmailAnalyticsHow to get personalisation rightOfficeInstagram Captionsproject coordinatorsensoryDigital Marketing AdviceHow to optimize PinterestOffice HacksquestionsProductivitythe teamCall-to-actioninternetFlipbook2017 lifeblog postData Protection Bill 2017content writerAugmented RealitySEOslackTechnologyQR CodebloggerHalloweenHashtagmore conversionprofessionalismPersonalisationContentLinkedInSocial MediapostingDigital ContentInfographicphotosDronesTrendsthe perfect instagramkeywordsMarketing StrategyPinterest TipsInstagram ShadowbananimationblogDigital AgeSearchImportantHow to keep motivated to blogadvice and supportWebsiteswunderlistIdeascontent management systemweb developerFacebook HeaderSeminarbrand buildingimportance of a hashtagpaymentGoogle StampFAQExtraseditingFestiveweb teamBreakdown of Tweetonline shopPolitical Partiesmeet the teamLifestyleFacebookEmail Marketinghttps://www.bates-environmental.co.uk/website buildWeb DevelopmentGuidelocationDigitalinspiration for officeblog tipsPromote your business on FacebookVotersdartfordblogsloadingUpdating an old websitecopyconcrete 5StreamingEmailsColour and Brand Relationshiporganised and motivated tipsWhat is the foldThe Fold2016How to be productiveHow to build a recognisable brandData ProtectionInfluencersEngagementOptimisetechWriters BlockandroidHow to blogAdvertisingColourKent Digital AwardsCrayon.coRubricHow-toPay Per ClickChristmasAdvice and TipsiPhoneFacebook and the electionMarketing PlanhelpPromotionLinksFurther your businessWebdesignGoogle's AlgorithmGadgetsYouTubeMoneyInstagramGuide to FacebookMannersInnocent Smoothie Social MediaInventionsDroneapplicationLivehow to prepare for a redesignCreativeVirtualwebsite projectsgifBusiness Page on FacebookHow to beat writers blocktrellokentseo keywords2017Slow loading siteToolApprentice ThoughtsfirefoxemilyImagesWho's Targeting me?top tipsmediaWorkplacefinalistsAdvicetips and advicecreative agencyvisualGoogle EarthbuzzsumoE-CommerceteamResponsive DesignThe perfect tweetCTAopencartWebsite Design InspirationTwitterhumpday newsSupport Localday in the life ofA Simple Guide to...MarketingbasecampLinkedIn for BusinessDigital Marketingday to day lifeSeasonalIGTVLanguageCase StudiesViralHolidaysnew technologyEmojiinspirationecommercegraduate web developerdigital designworldpayveroWhy you should attend a seminarsonos musicclientsAmazondigital marektingbusiness toolsNewsletterwhy do you need a blogSelfieday in the lifeFutureWordPressWeb DesignGoogleAppleOptimizationSocial Media TipsplaylistsKDALogo designdiversitygamingScheduling Social Mediavoice searchThe ApprenticeSocialToolsPromotion on InstagramHashtagswhen should I post on PinterestHow toWebsite PresentersUber in the Skyblog topicsPerfect blogCreativitysmart speakerweb deignImage DimensionsNew data lawsSearch Engine Optimisationdesign inspirationPhotographyhackingFacebook F8photoshopblogging tipscontent writingSSL Certificate#hashtagthe creation labGoogle AnalyticsWebSocial Media marketingNewsApple PayDigital Agencyhow to use Facebookcontent creationBrexit Data Protection BillWebsitewhat is the new data protection bill?Pinterest for BusinessHow to stay creativeBusinessTweetsUKBusiness advicering centralPPChelp and adviceUK prepares for brexitBrexitPerfect postbrandingColour WheelJanuaryDesignFood for ThoughtGoogle vs fake newsDecadesOlympicsRankingsWebsite DesignTipsphotos we wouldn't have taken before camera phones


THE IMPORTANCE OF COLOUR IN WEB DESIGN

Apr 08, 2014



Category: Workplace Tips

Have you ever thought about how colour affects the way you react? It’s not something I’d put a lot of thought into until I started working for a design agency, but it’s amazing how a particular colour can make you feel a certain way.

Take red, for example. When you see a red stop sign, you are induced to stop. And the red “Sale” banners in a shop window draw you inside (or push you far, far away, depending on how you feel about shopping!) Red is an active colour, causing excitement and a sense of urgency. That’s why you’ll find a lot of red lighting in the casinos of Las Vegas – it encourages customers to gamble more.

When you are choosing colours for your website, it’s not just about picking your favourite colour and assuming your website visitors will love it too; it’s important to take into consideration the type of business that you are, and the reaction you’d like to get from your visitors.

Colour Groups

Colours tend to fall into three basic groups: warm, cool and neutral. Warm colours are associated with enthusiasm and power, and can evoke a range of active emotions. Cool colours have a calming, peaceful effect, and neutral colours are somewhere in between – they work well if you want to draw the eye away from design and onto your products.

Warm Colours

Red – Excitement, Power & Desire
Orange – Confidence, Creativity & Warmth
Yellow – Optimism, Warmth & Happiness

Cool Colours

Blue – Honesty, Stability, Trust & Confidence
Green – Harmony, Nature, Peace & Health
Purple – Beauty, Inspiration & Wisdom

Neutral Colours

Black – Elegance, Sophistication & Mystery
White – Purity, Simplicity & Sterility
Grey – Calm, Understated & Subtle

If you want a balanced feel to your website, avoid lots of warm colours, and perhaps pair a warm colour with a cool or neutral colour. Or if you’d prefer to go for a luxurious, modern look, neutral colours can achieve this.

3 Real Examples

Warm Colours – Coca Cola UK

Coca_Cola.png

Although a lot of white is used in this website, this makes the iconic red in Coca Cola’s logo, banner and headings stand out even more.

Cool Colours – O Green (Nestle)

Colour_Web_Design_1.png

This immersive design promotes the calming effects of Nestlé’s new Apple and Cucumber tea with a cool green colour palate.

Neutral Colours – The Windmill Club

The_Windmill_Club.png

The black and white theme in this website reflects the stylish simplicity of the menswear it sells.

 

Hopefully you’ve found this post about colour useful – do get in touch with your comments or feedback below!

Add Pingback

Please add a comment

You must be logged in to leave a reply. Login »

Our use of cookies

We use necessary cookies to make our site work. We'd also like to set analytics cookies that help us make improvements by measuring how you use the site. These will be set only if you accept.

For more detailed information about the cookies we use, see our Cookies page. Cookie Control Link Icon


Necessary cookies

Necessary cookies enable core functionality such as security, network management, and accessibility. You may disable these by changing your browser settings, but this may affect how the website functions.