19 Tilgange til farve
Med over 9 milliarder indekserede websteder på nettet og tæller skal websteder gøre mere for at blive bemærket og opfordre brugerne til at bruge tid på dem.
Med flere websteder, der konkurrerer om brugernes opmærksomhed, bliver farve mere og mere vigtigt for at gøre din side skelnet ud. Her er nogle websteder, der gør netop det: Brug interessante farver i usædvanlige kombinationer til at skille sig ud fra de billioner af standardfarvede skematiske websteder derude.
Layrr
Vi ved alle, at indholdet kommer andet i at være opmærksom, og overskrifterne har været brugt i avispapir i årevis for at få interesse. Layrr bruger diskret kontrast for at opnå dette, og selvom du ikke taler fransk, foreslår jeg at du tjekker dette websted nu, det bruger små områder af farve for at skabe indvirkning på den grå baggrund og opnår dette i et forbavsende smukt design. Ikke underligt, at det modtog et ærefuldt nævnt i Awwwards design konkurrence.
Havainas
Landingssiden for Havainas , en meget stor flip-flops og sandaler forhandler er overraskende og vidunderligt farverige, en egenskab, der strækker sig til områdets regionale sider. Formålet med dette websted er at illustrere deres stil sammen med de lyse farver i forbindelse med varme og sommer, helligdage og vigtigst af alt deres produkter. Selv om farven er en del af deres mærkegenkendelse, er det forfriskende at se stedet for et stort firma, der har været veludformet farvestoft, som du sikkert kan fortælle på listen over webstederne her, er der ofte en god koordinering til de små fyre.
ColourPixel
Udover at være lyse og farverige, hvad fik jeg virkelig øje med ColourPixel s websted, var brugen af sort, hvor andre steder ville have brugt hvid. Årsagen til, hvide er, fordi kontrasten mellem den og andre farver er lettere på øjnene, og så mere tilgængelig for brugerne, men her er større sorte kasser blevet brugt til at indkapsles tekst, som er hvid. Dette opnår faktisk målet om at henlede min opmærksomhed på teksten i dem, snarere end de egentlige kasser selv som en del af designet. Bortset fra det, opnår baggrunden for webstedet, hvad designeren kalder et 'etnisk' udseende ved hjælp af forskudte pixels for at opnå en tapestry-effekt. Rainbows bruges temmelig gratis, men tilbyder en god differentiering af farve kombineret med de subtile krøllede parenteser i baggrunden.
Vil Fernandes
Vil Fernandes 'websted bruger mange og varierede farver, alle jostling for opmærksomhed for at opnå sin stil. Han forbeholder sig gul, orange og hvid til teksten og baggrunden, og undgår for det meste at bruge dem i hans illustrationer for at markere en differentiering af det og indholdet. Han tilbyder en fuldskærmvisning, der anbefales, hvis du vil se arbejdet hos denne talentfulde kunstner og webdesigner på et fantastisk sted med strålende animationer. Det er naturligvis blevet arbejdet i vid udstrækning for at sikre, at de rigtige farver anvendes til kunst og sted, mens de supplerer hinanden.
Ryan Keizer
Dette er det første websted, vi har set på, der bevidst bruger offensive, overvældende farver designet til at kollidere for at opnå en høj kontrast effekt. Designeren nyder at bruge farve så meget, at han har en 'farve inspiration' palette nederst på siden. Ryan Keizer bruger primært gul, en farve, hvor meget kan gå galt, hvis det bruges forkert, her med cyan, og i mindre grad lyserød, hele stedet pops. Endelig bemærker Cyan og Pink meget om 3D-anaglyph-briller ved hjælp af et farveskema, der meget ukonventionelt er blevet absorberet i vores ubevidste liv, hvilket man normalt ikke ville forvente at arbejde, men uforklarligt gør, fordi vi nu forbinder dem to farver sammen.
Ben Markowitz
Et andet meget undervurderet websted med en meget omhyggelig brug af farve, hvilket giver det interaktive element på hjemmesiden et maskineret udseende. Ved udformningen af et websted som dette, er det usædvanligt at bruge farve på denne måde, at designere normalt går på den ene eller den anden måde, men dette tilføjer virkelig titlen: ' Ben Markowitz ', ikke kun tegner opmærksomhed, men tilbyder differentiering, ved hjælp af en komplementær palette med et stort udvalg. Den eneste anden brug af farve, jeg føler, at dette websted ville have gavn af, er med de sociale netværk ikoner nederst på siden, da de alle bruger meget neutrale farver og vil skille sig ud og være lidt lettere at identificere.
Hugs for Monsters
Joe Lifrieri er Hugs for Monsters har det samme mål som Will Fernandes 'websted, vi kiggede på tidligere, men opnår det i en organisk individuel stil med farve for at fremhæve hans unikke stil. Jeg anbefaler stærkt, at du kigger på nogle af hans andre sider, de har alle forskellige kunst i samme eklektiske stil, du kan se her.
Tim Bjørn
I modsætning til de andre fremhævede her er landingssiden på dette websted præget af mangel på farve og ved at se på det andet arbejde i Tim Bjørn , kunstneren bruger han naturligvis farve meget omhyggeligt og sparsomt. Det er meget forfriskende at se et websted i enkle gråtoner, der ikke ligner det blev designet for et årti siden! Kunstværket, som Hugs for Monsters ovenfor, er meget organisk, og er det vigtigste fokuspunkt på webstedet, med afdæmpede menuer og næsten hele destinationssiden afsat til et par nøglebrikker.
Kun til kontorbrug
Dette er et andet websted, der bruger en lille mængde farve for at opnå høj kontrast mod et gråtonetema-websted. Især tilfældet nedenfor, hvor gennemsigtigheden på logoet skaber et kedeligt rødt imod billedet bagved det. Et yderligere kig ind i Kun til kontorbrug viser at disse fyre ved, hvordan og hvornår de skal bruge farve og gøre det godt.
Metode Design Lab
Det Metode Design Lab innovativt nyhedsfeed bruger farve på en frisk måde for at angive nyhedens 'alder' med et let identificerbart varmt og koldt farveskema, bortset fra at nyhederne kun eksisterer i "hot" -delen af farveskemaet, en smart markedsføring idé, måske? Ikke desto mindre er det meget nemt at forstå, at rødt er ældre nyheder fra 12 + timer siden, og gul er nyere. Meget godt udført, og farven bidrager til både design og funktion af webstedet, ikke noget der kan siges om mange steder ud over deres navigation. Efter at have snublet over det under undersøgelsen for denne artikel fandt denne side det er langt ind i mine bogmærker både for dets indhold og design.
designmæssigt
Temaet for designmæssigt er kontrast gennem enkelhed, med en subtil grungy føler, den pink på sort virker perfekt, og ved at bruge en offwhite til tekstindhold modregnes den lyserøde, uden at kontrasten er skarp mod den sorte. Der er også kontrast mellem den rene, men alligevel strukturerede baggrund og subtile berører af grunge sprøjtet over hele siden.
Prius Harmony
Farverne på dette infografiske er smukt koordineret, både ved at opnå den oplagte missionerklæring om at formidle 'harmoni' og kommunikere emnerne i forbindelse med farverne. Selv om dette er effektivt et stykke reklame for Prius , det bærer det godt, og selvom du foragter Flash, værdsætter du det for farverne. Dette er et andet websted med funktionalitet i farve, hvis det kun er uhyggeligt og en af de sjældne, der bruger blokfarver med gennemsigtighed for at skabe variation med de kombinerede farver på to eller flere andre overlappende, formidle (for det meste) en følelse af harmoni, hvis du ignorerer de grimme sorte og brune overfarvede og dårligt koordinerede sektioner.
Organisk net
Hvis du kan tilgive to Flash-websteder i træk, Organisk net er en smuk portefølje, der kan tilgives af det utrolige brug af farve i en menu, der ændrer sin ordning hver gang du vender tilbage til den. Utraditionel? Ja. Ukoordineret? Absolut ikke. Gå efter farverne, sæt webstedet i fuldskærmstilstand og bliv ved for at nyde de utrolige billeder og illustrationer i porteføljerne, hvis du kan ignorere belastningstiderne, det vil sige.
Matt Mullenweg
Dette Lichtenstein inspirerede websted skal inkluderes, hvis det kun er for faders skyld til WordPress, Matt Mullenweg 's blog bringer livet blokken farver og cross-lukkerier af pop art. Bloker primære farver kan være vidunderlige, hvis ikke overbrugt, og dette websted giver os et dash. Der er en strålende pop-art-bølge i bunden af bloggen, men du kan ikke se det længe, da Mullenweg har så mange indlæg, du ruller for evigt!
Vanity Claire
Hvis du kan se forbi det faktum, at dette websted har forfærdelig brugervenlighed, er illustrationen på hver side gjort utroligt godt. Simple dæmpede farver bliver mere populære, og Claire s websted klarer at snige sig i et lille grunge også. Dette websted er kendetegnet ved at have en anden enkeltblok baggrundsfarve på hver side med et simpelt design vandret over midten af siden.
Lim
Et websted, der er taget enkelhed til et nyt niveau, Lim strips tilbage alt indhold til fordel for en smukt udført timeglas, med sandet falder opad ledsaget af sloganet "Save Time". Siden brugt til at have mere indhold med de smukke oransje højdepunkter på grå, har desværre siden siden kun været inviteret.
Microsoft
Så meget som det smerter mig at medtage dette, som en stalwart apple supporter, Microsoft online tilstedeværelse er kommet i spring og sandsynligvis hånd i hånd med det overraskende fremskridt i Internet Explorer (det ville nok have været pinligt at have haft deres webside dato deres browser). Den flisebaserede 'metro'-grænseflade i Windows 8 har tydeligvis haft en vis indflydelse, og jeg må sige, det ser godt ud. Som vi har set med Google Chrome, Skype og nu Microsoft, er blokerede farvede logoer fremtiden, dagene med klistrede gradienter og brug af 3D for at det er overstået.
AdaptD
Inddragelsen af dette websted kan have haft noget at gøre med det faktum, at det mindede mig om en raket lolly, en favorit barndom behandler, eller at det blot inkluderede farve bare for den rene glæde af det. AdaptD bragte et smil til mit ansigt simpelthen med det "noget farverige" bånd på tværs af toppen af siden, fordi hvorfor ikke? En smuk perle i en ellers standard, men godt designet hjemmeside.
ColoRotate
Endelig slutter vi med et websted, der ikke bruger farve som en del af det design. Faktisk er webstedet design utroligt kedeligt, men som en funktion - er webstedets mål at hjælpe dig med at gennemse og blande farvepalletter. Det forekommer hensigtsmæssigt at afslutte på et websted, der bruger farve på denne måde. Så hvis du bestemmer, at dit websted har brug for en makeover efter at have læst denne liste, er der intet, der forhindrer dig i at vælge det perfekte farveskema. ColoRotate har også en interessant informationsside om farve, hvis du har lyst til at læse om det 21. århundredes farve teori, og hvordan vores øjne opfatter farve.
Hvordan nærmer du farve? Spiller du det sikkert, eller stræber du efter at skille sig ud? Lad os vide i kommentarerne.