30 prachtige driekleurenwebsites voor uw inspiratie
Kleur beïnvloedt een ontwerp enorm. Een ontwerp met te veel kleuren kan een kijker echter gemakkelijk overweldigen. Soms kan een minimalistische benadering helpen de aandacht van de bezoeker te vestigen op specifieke inhoud - de juiste inhoud.
In deze verzameling websites hebben we ons gericht op ontwerpen die drie kleuren voor hun gebruikten primair ontwerp elementen. Sommige van deze sites bevatten echter een of twee markeerkleuren buiten de 3 hoofdkleuren. Desalniettemin waren deze websites gewoon te goed gedaan en dicht genoeg bij de 3 kleurcriteria die we niet konden helpen, maar ze in deze verzameling opnemen.
Merk op hoe de kleuren u helpen uw aandacht te richten op waar het nodig is. Kun je zien hoe het merk aan elk van deze ontwerpen was verbonden? U kunt ook zien hoe het gebruik van kleurenafbeeldingen naast een beperkt kleurenpalet nog steeds nuttig is zonder het minimalistische ontwerppad te ver in te gaan. De volgende voorbeelden laten dat zien websites die maximaal 3 kleuren gebruiken kan nog steeds effectief zijn.
Beeldmechanica
Een mooi minimalistisch ontwerp, dat net genoeg kleur gebruikt om de aandacht te vestigen op belangrijke inhoud op de site.
nclud
De grote, blauwe fotografische achtergrond vormt een mooi contrast met de witte hoofdtekst en de groene merknaam, die eerst de aandacht van de lezer trekt. De lichtblauwe tekst trekt het oog naar beneden naar een korte beschrijving van het bedrijf en een lijst van hun indrukwekkende klanten. Mooi kleurgebruik om hiërarchie te creëren!
The Loft
Verschillende grijstinten op een witte achtergrond geven deze webpagina een geraffineerd, minimalistisch uiterlijk. De gekleurde tekst in het paginamenu dient als gids bij het navigeren op de site.
Fat-Man-Collective
Net zoals het uiterlijk en de toon van hun merk, is dit websiteontwerp ook 'kort en krachtig'. Goed van pas met het behouden van een merklook!
Creative Spark
Minus de illustratie, deze website bevat slechts 3 kleuren in het ontwerp: geel, zwart en wit, wat een mooie verwijzing is naar een gloeilamp, als je erover nadenkt. En een gloeilamp werkt goed met de bedrijfsnaam, Creative Spark. Interessant.
Pepperminted
Leuke naam en een schattig, meestal 3 kleuren ontwerp, deze is eenvoudig maar tegelijkertijd creatief.
Sergey Stanchev
Het donkere kleurenschema en het beperkte kleurgebruik geven deze site een verfijnde, professionele uitstraling.
Digimurai
De tekstkleuren van oranje en blauwe coördinaat met de geïllustreerde achtergrond en de leuke kleine mascotte.
Causecast
Grijs, blauw en roze op een witte achtergrond zorgen voor een erg "vrolijke" toon, wat een goede keuze lijkt te zijn voor een vrijwilligers- / liefdadigheidsprogramma.
Astheria
Dit slimme ontwerp maakt gebruik van kleuren van, nou ja, drugs! Wit, grijs en blauw zijn meestal de kleuren die je op pillendoosjes ziet, dus deze ontwerpers renden echt met het idee van "Design is a drug."
Dave Airey
Ah, David Airey, een van de meest populaire merkidentiteitsontwerpers in de community voor het bloggen over grafisch ontwerpen. Zijn site is minimalistisch met alleen zwarte, oranje en grijze tekst op een witte achtergrond. Eenvoudig maar effectief!
Eduardo de La Rocque
De gestructureerde achtergrond lijkt op het sjieke papier dat sommige mensen gebruiken voor cv- en CV-afdrukken. Het is ook interessant dat de roze-rode tekst vervaagt tot lichtgrijs wanneer u er met de muis overheen beweegt.
Acht gezichten
Zwart, wit en grijs, samen met een paar hints van oranje tekst, zijn de hoofdkleuren die in dit ontwerp worden gebruikt. Deze kleuren geven deze website een soort "nieuw" uiterlijk.
Koorts
Donker en lichtgrijs en rood worden in dit ontwerp door elkaar gebruikt. Hoewel dit ontwerp een beetje beter georganiseerd kon worden in termen van welke kleuren werden gebruikt, bleven ze wel goed bij de drie kleuren van de titel.
Stefan Coisson
Deze site maakt effectief gebruik van 3 kleuren in een eenvoudige website-indeling. Hoewel de tekst beter kan worden georganiseerd, valt de groene markering mooi op tegen de zwart-witte tekst.
Jon Tangerine
Oké, dus dit is een ander dat een beetje verder reikt dan het 3-kleurenschema, maar het is zo'n prachtige site dat het schreeuwt: "Kijk naar mij!" De gele highlights en tekstlinks (met een klein beetje oranje onderstreping) contrasteren mooi met de zwarte en grijze en af en toe witte tekst. Mooi!
Martin Hipp
Donkergrijs, zwart en een grasgroene mix goed om deze site een verfrissende professionele en toch unieke uitstraling te geven.
Minimale locaties
Beginnen met een patroon in het gebruik van zwart, grijs en een heldere kleur op een witte achtergrond op te merken? Misschien is dit type kleurenschema populair omdat het een minimalistische look creëert met net genoeg kleur om de aandacht te trekken ... en deze website vormt daarop geen uitzondering.
Bewegingstheorie
De strook zwart aan de zijkant is een leuke touch die bijdraagt aan de "film" look and feel. Grijze en rode tekst houden deze site eenvoudig, wat erg belangrijk is met alle afbeeldingen die moeten worden opgenomen.
Een weg terug
Blauw samen met grijstinten houden dit ontwerp minimalistisch en traditioneel. De 3 verschillende kleuren worden mooi gebruikt om aandacht te vestigen op belangrijke tekst.
Graan en gram
Deze website doet goed werk in het creëren van een "gentleman's" aantrekkingskracht met mannelijke kleuren van donkergrijs, een korrelkleur (in overeenstemming met de titel) en wit.
Geweldige lettertypestapels
Oranje, samen met zwart en grijs (en een klein beetje witte tekst) helpt om deze tekstzware site op te splitsen en interessant te maken.
Yuna
Deze site maakt meestal gebruik van de donkere en lichte greys van de geometrische vormen, maar blauw is ook een opvallende kleur, samen met een beetje roze. Dit is echt een andere variant van het zwart, grijs en gemarkeerd kleurenschema.
Pentagon
Grijs, wat wit en veel blauw zorgen voor een heel eenvoudig kleurenschema. Aan de andere kant lijkt het blauw een beetje overweldigend, en de knipperende afbeeldingen helpen niet veel.
Grafisch ontwerp op de radio
Technisch gezien gebruikt deze site slechts ongeveer 3 kleuren: zwarte en grijze tekst in witte vakken en de roze gestructureerde achtergrond. Maar wacht! Sluit de pagina, open deze opnieuw en de achtergrond is nu blauw, nee, geel. Oké, je kunt nu stoppen met het opnieuw openen van de pagina. Teleurgesteld dat er maar drie kleuren zijn om mee te spelen, jij ook niet?
Pixelbot
Nogmaals, donkergrijs, lichtgrijs en een markeerkleur zorgen voor een eenvoudig, effectief kleurenschema voor webdesign.
Site inspireert
Als u de tekst van kleur wilt veranderen wanneer u er met de muis overheen beweegt, kan het leuk zijn, deze kan iets te veel profiteren van deze functie. Maar misschien kunnen ze ermee wegkomen vanwege hun eenvoudige, 3-kleuren ontwerp.
Stefan Persson
Grijs / zwart met oranje en wit toevoegen aan dit zeer overzichtelijke ontwerp. Elke kleur lijkt aan een strikt gebruik te blijven, waardoor de navigatie van deze site echt tot grote hoogten komt.
Faust
Een eenvoudig kleurenschema helpt de drukte van deze site af te zwakken; minder oranje zou het ontwerp echter nog meer hebben geholpen.
Industriële faciliteit
De navigatie op deze site is een beetje anders, iets dat niet altijd wordt aanbevolen. Toch helpt het donkergrijze, lichtgrijze en witte kleurenschema de site eenvoudig genoeg te houden om vrij snel te leren.
Opmerking van de uitgever: Dit bericht is geschreven door Tara Hornor voor Hongkiat.com. Tara heeft een diploma in het Engels en schrijft over marketing, reclame, branding, grafisch ontwerp en desktop publishing. Naast haar schrijfcarrière geniet Tara ervan om tijd door te brengen met haar man en twee kinderen.
