Colour Web Design

Category List


Tag List

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

Tag Cloud

Free SeminarFlipbooksonos musicmeet the teamWebsite UpdatesPPCsonosDronesMannersHow toClick-WorthyworldpayImagesfinalistsInfographicinspiration for emails to sendOnlineSearchb2b2016diversityfirefox quantumhelpIGTVSocial Media TipsHow-tofinishedWriters BlockAugmented RealityDesignoffice accessoryHow to beat writers blockgifViralLoad Timecreative writerweb developerWebsite and Logo designgraduate web developerCrayon.coadvice and supportSnapchatContent CalendarImportantwebsite buildWebsite DesignFacebook Post#Lifeatloreal case studyWebsite Presentersoptimisationcontent writingmeta descriptionHalloweenOreo Social Mediaapplicationwhat is the new data protection bill?2017loadingWebsiteWebsitessharingHow to optimize PinterestphotoscompleteDigital ContentOptimisesongsblog postVirtualblogging tipsspeedRecognisable logoWeb DevelopmentNo internetOptimizationHow to be productiveLiveBreakdown of Tweetinstagram bioMarketing Planimportance of a hashtagCreativeBusinesstrelloCardsInstagramSocial Media NewsgamingMarketingExtrasSlow loading sitebrand buildingColour WheelinspirationFestiveAppsEmail MarketinginternetEmailsring centralTwitterBrexitOffice HackstechGuide to Twitterban from InstagramAdvertisementTipsconcrete 5Streamingonline shopEmailToolsVotersSocial Mediavoice searchContent MarketingFurther your businessAwwwardsprofessionalismlocationGoogle EarthInstagram CaptionsGuideLinkedIn for BusinessandroidGoogle AnalyticsHostingDigital AgeSocial Media Helpblog topicsConversionday in the life ofValentine's DayTechnologywebsite projectsThe FoldmagentoOfficePinterestFuturesocial networkCase StudieswunderlistbuzzsumoTrendssmart speakerthe creation lab teamWebdesignwhen should I post on Pinterestcontent creationFood for ThoughtHashtagFacebook F8Covid-19Colour and Brand RelationshipPinterest for BusinessImage DimensionsWeb DesignAdvertisingcreative agencyHow to stay creativeUber in the SkyEngagementwhy do you need a blogveroA Simple Guide to...Olympicsthe teamclientsslackLogo designVideo ProductionThe perfect tweetsoftwareGoogleRankingsInnocent Smoothie Social Mediameta tagLifestyleDecadesproject coordinatorweb teamSupport LocalLogopaypalphotos we wouldn't have taken before camera phonesvisual contentPay Per ClickCreativitybrowserSocial Media marketingPinterest TipsGoogle's AlgorithmSSL CertificateDigital AgencytextFacebook HeaderE-Commerceday to day lifehelp and adviceEU RegulationsVisual formatGuide to Facebooknew technologythe creation labday in the lifeHow to get personalisation rightShadowbanhumpday newsDigital Marketing Adviceecommercebusiness toolsSecurityGoogle vs fake newsWhat is the foldtoday in digitaloffice anticsRevolutionarybrandingteamweb deignUK prepares for brexitAmazonKDADigitaldesign inspirationInfluencersWebsite DevelopmentEngagement on Instagramhow to prepare for a redesignSmartphonesSelfieGDPRDronepayment gatewayFacebookLinkedInquestionsQR Codepaymenttips and adviceTweetsfirefoxBusiness Page on FacebookData Protection Bill 2017Updating an old websiteappPromotionBlack Fridayhttps://www.bates-environmental.co.uk/#hashtagInfluencer marketinganimationNew data lawsBrexit Data Protection BillWebSEOContenthow to use FacebookPromotion on InstagramfridayInstagram Shadowbaninspiration for officeStock PhotoscookiesPolitical PartiesYouTube2017 ElectionAnalyticssensoryMarketing StrategyInventionsVideodigital conversationAdvice and TipsKent Digital Awardsdigital marektingmediaPerfect blogHashtagsLanguageWorkplaceAgency LifeFacebook and the electionHow to keep motivated to blogHow to build a recognisable brandAdWordsphotoshopIn-app CheckoutGet to know the teamBusiness adviceMoneyNewsletterkeywordscmsWebsite Design InspirationFAQcontent writersimple guideHelpful TipsProductivitySEO VS PPCApprentice ThoughtsGoogle StampdartfordToolHow to be creativeGadgetsAdviceHolidaysA guide to InstagramEncryptionJanuary2017 lifebasecampRubricPersonalisationwriting a blogseo keywordsplaylistsPhotographyPromote your business on Facebookblog tipsmobile optimisationRiskIdeasvisualkentLinksCall-to-actionAppleSeasonalMindsetcontent management systemApple Watchorganised and motivated tipsHow to bloghackingdigital designblogsSeminarQuick ResponseDigital NewsCTArankingssl certificate, advice, help, business, websiteResponsive Designmore conversionpostingcopyWho's Targeting me?blogNewsWordPressSearch Engine Optimisationthe perfect instagramThe ApprenticeemilyScheduling Social MediaColourbrainstormingSocialEmojiData ProtectionApple PayWhy you should attend a seminarDigital Marketingtop tipsopencartbloggerChristmasUKAgencymobilePerfect posteditingiPhoneBlogging


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.