19 benaderingen van kleur
Met meer dan 9 miljard geïndexeerde sites op het web en het tellen, moeten sites meer doen om opgemerkt te worden en gebruikers aanmoedigen om er tijd aan te besteden.
Met meer websites die om de aandacht van gebruikers vragen, wordt kleur steeds belangrijker om uw pagina op te laten vallen. Hier zijn enkele sites die precies dat doen: gebruik interessante kleuren in ongebruikelijke combinaties om op te vallen tussen de miljarden standaard kleurenschematische sites die er zijn.
Layrr
We weten allemaal dat inhoud de aandacht trekt en krantenkoppen jarenlang zijn gebruikt om nieuws te werven. Layrr maakt gebruik van ingetogen contrast om dit te bereiken, en zelfs als je geen Frans spreekt, raad ik je aan om deze site nu te bekijken, het maakt gebruik van kleine kleurvlakken om impact te creëren tegen de grijze achtergrond, en bereikt dit in een verbazingwekkend mooi ontwerp. Geen wonder dat het een eervolle vermelding ontving in de ontwerpwedstrijd Awwwards .
Havainas
De bestemmingspagina van Havainas , een zeer grote winkel voor flip-flops en sandalen is verrassend en prachtig kleurrijk, een eigenschap die zich uitstrekt tot de regionale pagina's van de site. Het doel van deze site is om hun stijl te illustreren, samen met de felle kleuren geassocieerd met warmte en zomer, vakantie en vooral hun producten. Hoewel de kleur deel uitmaakt van hun merkherkenning, is het verfrissend om de site van een groot bedrijf te zien dat goed is ontworpen qua kleur, zoals je waarschijnlijk aan de lijst met sites kunt zien, goede coördinatie wordt vaak overgelaten aan de kleine jongens.
ColourPixel
Naast dat het helder en kleurrijk was, viel mijn aandacht ook erg op ColourPixel site, was het gebruik van zwart, waar andere sites wit zouden hebben gebruikt. De reden dat wit wordt gebruikt, is omdat het contrast tussen het en andere kleuren gemakkelijker is voor de ogen en dus toegankelijker voor gebruikers, maar hier zijn grotere zwarte vakken gebruikt om tekst in te kapselen, die wit is. Dit bereikt eigenlijk het doel om mijn aandacht te vestigen op de tekst erin, in plaats van de eigenlijke dozen zelf als onderdeel van het ontwerp. Anders dan dat, de achtergrond van de site bereikt wat de ontwerper een 'etnische' look noemt, met verplaatste pixels om een tapijteffect te bereiken. De regenbogen worden tamelijk gratis gebruikt, maar bieden een mooie differentiatie van kleur in combinatie met de subtiele accolades op de achtergrond.
Zal Fernandes zijn
Zal Fernandes zijn 'site maakt gebruik van veel en gevarieerde kleuren, alle gedrang voor aandacht om zijn stijl te bereiken. Hij reserveert geel, oranje en wit voor de tekst en achtergrond, en vermijdt meestal om ze in zijn illustraties te gebruiken, om een onderscheid te maken tussen dat en de inhoud. Hij biedt een weergaveoptie op volledig scherm, wat wordt aanbevolen als u het werk van deze getalenteerde artiest en webontwerper wilt bekijken op een fantastische site met schitterende animaties. Er is duidelijk aan uitgebreid gewerkt om ervoor te zorgen dat de juiste kleuren worden gebruikt voor de kunst en de site terwijl ze elkaar aanvullen.
Ryan Keizer
Dit is de eerste site die we hebben bekeken die opzettelijk aanstootgevende, overweldigende kleuren gebruikt om te botsen, om een hoog contrasteffect te bereiken. De ontwerper geniet zo graag van kleuren dat hij een 'kleureninspiratie'-palet onderaan de site heeft. Ryan Keizer gebruikt voornamelijk geel, een kleur waarmee er veel mis kan gaan bij verkeerd gebruik, hier met cyaan, en in mindere mate roze, de hele site springt eruit. Tot slot, Cyan en Pink doen erg denken aan 3D-anaglyph-brillen, met behulp van een kleurenschema dat heel onconventioneel is opgenomen in ons onbewuste leven, waarvan men normaal niet zou verwachten dat het zou werken, maar op onverklaarbare wijze, omdat we die nu associëren twee kleuren samen.
Ben Markowitz
Nog een zeer ingetogen site met een zeer zorgvuldig gebruik van kleur, waardoor het interactieve element van de site een machinaal uiterlijk krijgt. Voor het ontwerp van een site als deze is het gebruik van kleur op deze manier ongebruikelijk, ontwerpers gaan meestal de ene of de andere kant op, maar dit draagt echt bij aan de titel: ' Ben Markowitz ', niet alleen de aandacht vestigen, maar ook differentiatie aanbieden, met behulp van een complementair palet met een groot bereik. Het enige andere kleurgebruik waarvan ik denk dat deze site er baat bij zou hebben, is met de sociale netwerkpictogrammen onderaan de pagina, omdat ze allemaal neutrale kleuren gebruiken en opvallen en wat beter herkenbaar zijn.
Knuffels voor monsters
Joe Lifrieri's Knuffels voor monsters heeft hetzelfde doel als de site van Will Fernandes waar we eerder naar hebben gekeken, maar het bereikt in een organische individuele stijl, waarbij kleur wordt gebruikt om zijn unieke stijl te benadrukken. Ik raad je ten sterkste aan enkele van zijn andere pagina's te bekijken, ze hebben allemaal verschillende kunstwerken in dezelfde eclectische stijl die je hier kunt zien.
Tim Bjørn
In tegenstelling tot de anderen die hier worden genoemd, wordt de bestemmingspagina van deze site gekenmerkt door een gebrek aan kleur en door naar het andere werk te kijken Tim Bjørn , de kunstenaar, hij gebruikt kleur duidelijk heel zorgvuldig en spaarzaam. Het is heel verfrissend om een site in eenvoudige grijstinten te zien die er niet uitziet alsof hij tien jaar geleden is ontworpen! Het artwork, zoals Hugs for Monsters hierboven, is erg organisch en is het belangrijkste punt van de site, met ingetogen menu's en bijna de hele bestemmingspagina die is gewijd aan een paar belangrijke stukjes.
Alleen voor kantoorgebruik
Dit is een andere site die een kleine hoeveelheid kleur gebruikt om een hoog contrast te bereiken tegen een site met een grijswaardenthema. In het bijzonder de onderstaande situatie, waarbij de transparantie van het logo een doffe rode kleur creëert tegen de afbeelding erachter. Een nadere blik op Alleen voor kantoorgebruik laat zien dat deze jongens weten hoe en wanneer ze kleur moeten gebruiken en het goed doen.
Method Design Lab
De Method Design Lab De innovatieve nieuwsfeed gebruikt kleur op een nieuwe manier, om de 'ouderdom' van het nieuws aan te duiden, met een gemakkelijk herkenbaar warm en koud kleurenschema, behalve dat het nieuws alleen bestaat in het 'hete' gedeelte van het kleurenschema, een slim marketingidee, misschien? Toch is het heel gemakkelijk om te begrijpen dat rood ouder nieuws is van meer dan 12 uur geleden en geel recenter. Zeer goed uitgevoerd, en de kleur draagt bij aan zowel het ontwerp als de functie van de site, niet iets dat kan worden gezegd van vele sites buiten hun navigatie. Nadat ik er tijdens het onderzoek voor dit artikel tegenaan liep, vond deze site zijn weg naar mijn bladwijzers, zowel qua inhoud als qua ontwerp.
DesignWise
Het thema voor DesignWise is contrast door eenvoud, met een subtiel grungy gevoel, het roze op zwart werkt perfect, en het gebruik van een gebroken wit voor tekstinhoud compenseert het roze zonder dat het contrast te scherp is tegen het zwart. Er is ook een contrast tussen de schone, maar gestructureerde achtergrond, en subtiele accenten van grunge die op de hele site worden bespat.
Prius Harmony
De kleuren van deze infographic zijn prachtig gecoördineerd, beide bereiken de duidelijke missie van het overbrengen van 'harmonie' en het communiceren van de onderwerpen met betrekking tot de kleuren. Terwijl dit eigenlijk een stukje reclame voor is Prius , het voert zijn werk goed uit, en zelfs als je Flash veracht, waardeer het dan gewoon voor de kleuren. Dit is een andere site met functionaliteit in kleur, al was het maar net zo, en een van de zeldzame die blokkleuren met transparantie gebruikt om variatie te creëren met de gecombineerde kleuren van twee of meer andere overlappende, die (meestal) een gevoel van harmonie overbrengen, als je negeert de lelijke zwarte en bruine overgekleurde en slecht gecoördineerde secties.
Organisch raster
Als je twee Flash-sites op een rij kunt vergeven, Organisch raster is een prachtige portfolio die kan worden vergeven door zijn ongelooflijke kleurgebruik in een menu dat elke keer dat je ernaartoe terugkeert van schema verandert. Onconventionele? Ja. Ongecoördineerde? Absoluut niet. Ga voor de kleuren, plaats de site in de modus Volledig scherm en blijf genieten van de ongelooflijke foto's en illustraties in de portfolio's, als u de laadtijden kunt negeren.
Matt Mullenweg
Deze op Lichtenstein geïnspireerde site moet worden opgenomen, al was het maar voor de vader van WordPress, Matt Mullenweg 's blog brengt de blokkleuren en cross-hatchings van pop-art tot leven. Blokkeren van primaire kleuren kan geweldig zijn als ze niet te veel worden gebruikt en deze site geeft ons een streepje voor. Er is een briljante pop-artgolf aan de onderkant van de blog, maar je zult er niet lang naar kunnen kijken, want Mullenweg heeft zoveel berichten dat je voor altijd zult blijven scrollen!
Vanity Claire
Als je voorbij kunt kijken aan het feit dat deze site verschrikkelijke bruikbaarheid heeft, wordt het artwork op elke pagina ongelooflijk goed gedaan. Eenvoudige ingetogen kleuren worden steeds populairder, en Claire De site weet ook een beetje grunge binnen te sluipen. Deze site wordt gekenmerkt door een andere achtergrondkleur voor één blok op elke pagina met een eenvoudig ontwerp horizontaal over het midden van de pagina.
Lijm
Een website die eenvoud naar een nieuw niveau tilt, Lijm stript terug alle inhoud ten gunste van een prachtig uitgevoerde zandloper, waarbij het zand naar boven valt en vergezeld gaat van de slogan 'Save Time'. De site had vroeger meer inhoud met de prachtige oranje lichtpunten op grijs, maar is helaas alleen maar een uitnodiging geworden.
Microsoft
Hoe erg het me ook doet om dit als een trouwe appelverdediger op te nemen, Microsoft De online aanwezigheid van Google is in een stroomversnelling terechtgekomen, vermoedelijk hand in hand met de verrassende vooruitgang in Internet Explorer (het zou waarschijnlijk genant zijn geweest als hun sitedatum hun browser was). De op een tegel gebaseerde 'metro'-interface van Windows 8 heeft duidelijk enige invloed gehad en ik moet zeggen dat hij er goed uitziet. Zoals we hebben gezien met Google Chrome, Skype en nu Microsoft, blokkeren gekleurde logo's de toekomst, zijn de dagen van kleverige verlopen en het gebruik van 3D voor het doel voorbij.
AdaptD
De opname van deze site kan iets te maken hebben gehad met het feit dat het me deed denken aan een raketlollie, een favoriete kindertijdtraktatie, of dat het gewoon kleur bevatte, gewoon voor de pure vreugde ervan. AdaptD bracht een glimlach op mijn gezicht gewoon met de 'iets kleurrijk' lint aan de bovenkant van de site, want waarom niet? Een prachtig juweeltje in een overigens standaard, maar goed ontworpen site.
ColoRotate
Ten slotte eindigen we met een site die geen gebruik maakt van kleur als onderdeel van zijn ontwerp, in feite is het ontwerp van de site ongelooflijk flauw, maar als een functie - het doel van de site is om u te helpen kleurenpaletten te doorbladeren en te combineren. Het lijkt gepast om te eindigen op een site die op deze manier kleur gebruikt, dus als u besluit dat uw site een make-over nodig heeft na het lezen van deze lijst, is er niets dat u ervan weerhoudt het perfecte kleurenschema te kiezen. ColoRotate heeft ook een interessante informatiepagina over kleuren als u graag de kleurentheorie van de 21e eeuw leest, en hoe onze ogen kleuren waarnemen.
Hoe benader je kleur? Speel je op safe of probeer je op te vallen? Laat het ons weten in de comments.