19 Tilnærminger til farge
Med over 9 milliarder indekserte nettsteder på nettet og telling, må nettsteder gjøre mer for å bli lagt merke til og oppfordre brukerne til å bruke tid på dem.
Med flere nettsteder som konkurrerer om brukernes oppmerksomhet, blir farge mer og mer viktig for å gjøre siden din skiller seg ut. Her er noen nettsteder som gjør nettopp det: Bruk interessante farger i uvanlige kombinasjoner for å skille seg ut fra milliarder standardfargeskjemaer der ute.
Layrr
Vi vet alle at innholdet kommer andre i å trekke oppmerksomhet, og overskrifter har blitt brukt i avispapir i mange år for å få interesse. Layrr bruker diskret kontrast for å oppnå dette, og selv om du ikke snakker fransk, foreslår jeg at du går sjekke dette nettstedet nå, det bruker små områder av farge for å skape innvirkning mot den grå bakgrunnen, og oppnår dette i en forbløffende, vakker design. Ikke rart at det mottok et æreverdig omtale i Awwwards designkonkurransen.
Havainas
Målsiden til Havainas , en veldig stor flip-flops og sandaler forhandler er overraskende, og fantastisk, fargerik, en egenskap som strekker seg til områdets regionale sider. Målet med dette nettstedet er å illustrere deres stil, sammen med de lyse farger som er forbundet med varme og sommer, helligdager og viktigst, deres produkter. Selv om fargen er en del av merkevaregjenkjenningen, er det forfriskende å se stedet for et stort firma som har blitt godt designet fargevennlig. Som du sikkert kan fortelle på listen over nettstedene her, er det ofte god samordning til de små gutta.
ColourPixel
I tillegg til å være lyse og fargerike, det som virkelig tok øye med meg ColourPixel s nettsted, var bruken av svart, hvor andre steder ville ha brukt hvitt. Årsaken til at hvit er brukt, er at kontrasten mellom den og andre farger er lettere på øynene, og så mer tilgjengelig for brukerne, men her har større svarte bokser blitt brukt til å inkapslere tekst som er hvit. Dette oppnår faktisk målet om å trekke min oppmerksomhet på teksten i dem, i stedet for selve boksene selv som en del av designet. Annet enn det, oppnår bakgrunnen på nettstedet hva designeren kaller et "etnisk" utseende, ved hjelp av fordrevne piksler for å oppnå en tapestry-effekt. Rainbows brukes ganske greit, men tilbyr en fin differensiering av farge kombinert med de subtile krøllete parentesene i bakgrunnen.
Vil Fernandes
Vil Fernandes 'Nettstedet bruker mange og varierte farger, som alle sørger for oppmerksomhet for å oppnå sin stil. Han forbeholder seg gul, oransje og hvit for teksten og bakgrunnen, og for det meste unngår å bruke dem i hans kunstverk, for å markere en differensiering fra det og innholdet. Han tilbyr et fullskjermvisningsalternativ, som anbefales hvis du vil se arbeidet til denne talentfulle kunstneren og webdesigneren på et fantastisk nettsted med strålende animasjoner. Det har tydeligvis blitt jobbet i stor grad for å sikre at de riktige farger brukes til kunst og sted mens de supplerer hverandre.
Ryan Keizer
Dette er det første nettstedet vi har sett på som forsettlig bruker støtende, overveldende farger designet for å kollidere, for å oppnå en høy kontrast-effekt. Designeren nyter å bruke farge så mye at han har en "fargeinitiasjon" -palett nederst på siden. Ryan Keizer bruker primært gul, en farge hvor mye kan gå galt hvis det brukes feil, her med cyan, og i mindre grad rosa, hele nettstedet kommer. På en endelig notat, cyan og rosa er mye minner om 3D anaglyph briller, ved hjelp av et fargevalg som har blitt meget ukonvensjonelt blitt absorbert i våre ubevisste liv, som man normalt ikke ville forvente å jobbe men uforklarlig gjør, fordi vi nå forbinder dem to farger sammen.
Ben Markowitz
Et annet veldig diskret nettsted med en svært forsiktig bruk av farge, noe som gir det interaktive elementet på nettstedet et maskinert utseende. For utformingen av nettstedet som dette, er det uvanlig å bruke farge på denne måten, designere går vanligvis på en eller annen måte, men dette legger virkelig til tittelen: ' Ben Markowitz ', ikke bare trekker oppmerksomhet, men tilbyr differensiering, ved hjelp av en komplementær palett med et stort utvalg. Den eneste andre bruken av farge jeg føler at dette nettstedet ville ha nytte av, er med ikonene for sosiale nettverk nederst på siden, siden de alle bruker svært nøytrale farger og vil skille seg ut og være litt enklere å identifisere.
Hugs for Monsters
Joe Lifrieri er Hugs for Monsters har samme mål som Will Fernandes nettsted vi så på tidligere, men oppnår det i en organisk individuell stil, ved hjelp av farger for å markere sin unike stil. Jeg anbefaler sterkt at du ser på noen av hans andre sider, de har alle forskjellige kunst i samme eklektisk stil du kan se her.
Tim Bjørn
I motsetning til de andre som er omtalt her, er destinasjonssiden til dette nettstedet preget av mangel på farge, og ved å se på det andre arbeidet med Tim Bjørn , kunstneren, bruker han åpenbart farge veldig nøye og sparsomt. Det er veldig forfriskende å se et nettsted i enkle gråtoner som ikke ser ut som det ble designet for ti år siden! Kunstverket, som Hugs for Monsters ovenfor, er veldig organisk, og er hovedfokuspunktet på nettstedet, med dype menyer og nesten hele destinasjonssiden viet til noen få nøkkelbrikker.
Kun for kontor bruk
Dette er et annet nettsted som bruker en liten mengde farge for å oppnå høy kontrast mot et gråtones temaområde. Spesielt saken nedenfor, hvor gjennomsiktigheten på logoen skaper en kjedelig rød mot bildet bak det. En nærmere titt på Kun for kontor bruk viser at disse gutta vet hvordan og når de skal bruke farge og gjøre det bra.
Metode Design Lab
De Metode Design Lab Innovativ nyhetsmating bruker farge på en ny måte, for å betegne nyhetens alder, med et lett identifiserbart varmt og kaldt fargevalg, med unntak av at nyheten bare finnes i "hot" -delen av fargeskjemaet, en smart markedsføring ide, kanskje? Ikke desto mindre er det veldig lett å forstå at rødt er eldre nyheter fra 12 + timer siden, og gul er nyere. Veldig godt utført, og fargen bidrar til både utformingen og funksjonen til nettstedet, ikke noe som kan sies om mange steder utenfor navigasjonen. Etter å ha snublet på det under undersøkelsen for denne artikkelen fant dette stedet at det var veien inn i bokmerkene mine både for innhold og design.
designmessig
Temaet for designmessig er kontrast gjennom enkelhet, med en subtil grungy følelse, den rosa på svart virker perfekt, og bruk av en hvit for tekstinnhold offsetter den rosa uten at kontrasten er skarp mot den svarte. Det er også kontrast mellom den rene, men strukturerte bakgrunnen, og subtile berører av grunge sprutet over hele siden.
Prius Harmony
Fargene til dette infografiske er vakkert koordinert, både å oppnå den opplagte misjonserklæringen om å formidle "harmoni" og kommunisere emner relatert til fargene. Selv om dette er et effektivt reklame for Prius , den bærer den jobben bra, og selv om du forakter Flash, setter du pris på det for farger. Dette er et annet nettsted med funksjonalitet i farger, hvis det bare er så tøft, og en av de sjeldne som bruker blokkfarger med gjennomsiktighet for å skape variasjon med de kombinerte fargene til to eller flere andre overlappende, formidle (for det meste) en følelse av harmoni, hvis du ignorerer de stygge, svarte og brune overfarvede og dårlig koordinerte seksjonene.
Organisk rutenett
Hvis du kan tilgi to Flash-sider på rad, Organisk rutenett er en vakker portefølje som kan tilgis av det utrolige bruk av farge i en meny som vil endre ordningen hver gang du kommer tilbake til den. Ukonvensjonell? Ja. Ukoordinert? Definitivt ikke. Gå for fargene, sett området i fullskjermmodus, og hold deg for å nyte de utrolige bildene og illustrasjonene i porteføljene, hvis du kan ignorere belastningstiden, det vil si.
Matt Mullenweg
Dette Lichtenstein-inspirerte nettstedet må inkluderes, hvis det bare er for faren til WordPress, Matt Mullenweg 's blogg bringer livsblokken til farger og kryssklokking av popkunst. Blokker primære farger kan være fantastisk hvis ikke overused, og dette nettstedet gir oss et dash. Det er en strålende popkunst bølge nederst i bloggen, men du vil ikke kunne se på det lenge, ettersom Mullenweg har så mange innlegg som du ruller for alltid!
Vanity Claire
Hvis du kan se forbi det faktum at dette nettstedet har forferdelig brukervennlighet, er bildene på hver side gjort utrolig bra. Enkle dype farger blir stadig mer populære, og Claire s nettsted klarer å snike seg i en liten grunge også. Dette nettstedet er preget av å ha en annen enkeltblokk bakgrunnsfarge på hver side med en enkel design horisontalt over midten av siden.
Lim
Et nettsted som er tatt enkelhet til et nytt nivå, Lim strips tilbake alt innhold til fordel for en vakkert utført timeglass, med sanden som faller oppover, ledsaget av slagordet "Save Time". Nettstedet pleide å ha mer innhold med de nydelige oransje høydepunktene på grå, men har dessverre siden blitt bare invitasjon.
Microsoft
Så mye som det smerter meg å inkludere dette, som en stalwart eple-supporter, Microsoft Nettbasert tilstedeværelse har kommet i sprang, antagelig holdt hånd i hånd med det overraskende fremskrittet i Internet Explorer (Det ville trolig ha vært pinlig for at nettstedet hadde datoen for nettleseren). Det fliserbaserte "Metro" -grensesnittet til Windows 8 har tydeligvis hatt litt innflytelse, og jeg må si det ser bra ut. Som vi har sett med Google Chrome, Skype, og nå Microsoft, er blokkert fargede logoer fremtiden, dagene med klissete gradienter og bruk av 3D for å få det til å være over.
AdaptD
Inkluderingen av dette nettstedet kan ha hatt noe å gjøre med det at det påminnet meg om en rakettlolly, en favoritt barndomsbehandler, eller at den bare inneholdt farge bare for den rene glede av det. AdaptD brakte et smil mot ansiktet mitt med "noe fargerikt" bånd over toppen av siden, fordi hvorfor ikke? En vakker perle i en ellers standard, men vel utformet side.
ColoRotate
Til slutt slutter vi med et nettsted som ikke bruker farge som en del av det designen. Faktisk er nettsteddesignen utrolig kjedelig, men som en funksjon - er nettstedets mål å hjelpe deg med å bla gjennom og blande fargepalett. Det synes hensiktsmessig å avslutte på et nettsted som bruker farge på denne måten, så hvis du bestemmer at nettstedet ditt trenger en makeover etter å ha lest denne listen, er det ingenting som hindrer deg fra å velge det perfekte fargeskjemaet. ColoRotate har også en interessant informasjonsside om farger hvis du har lyst til å lese opp fargeteorien om det 21. århundre, og hvordan øynene våre oppfatter fargen.
Hvordan nærmer du farge? Spiller du det trygt, eller forsøker å skille seg ut? Gi oss beskjed i kommentarene.