19 Tillvägagångssätt för färg
Med över 9 miljarder indexerade webbplatser på webben och räknar måste webbplatser göra mer för att få märkt och uppmuntra användare att spendera tid på dem.
Med fler webbplatser som konkurrerar om användarnas uppmärksamhet blir färg allt viktigare för att din sida ska sticka ut. Här är några webbplatser som gör just det: använd intressanta färger i ovanliga kombinationer för att sticka ut från miljarderna av standardfärgscheman där ute.
Layrr
Vi vet alla att innehållet kommer andra i uppmärksamhet, och rubriker har använts i tidningspapper i flera år för att få intresse. Layrr använder diskret kontrast för att uppnå detta, och även om du inte pratar franska, föreslår jag att du går igenom denna sida nu, det använder små områden av färg för att skapa inverkan mot den grå bakgrunden och uppnår detta i en förvånansvärt vacker design. Inte undra på att det mottogs ett ärade namn i Awwwards designtävlingen.
Havainas
Målsidan för Havainas , en mycket stor flip-flops och sandaler återförsäljare är överraskande och underbart färgstarka, ett drag som sträcker sig till de regionala sidorna på webbplatsen. Syftet med denna webbplats är att illustrera sin stil, tillsammans med de ljusa färgerna i samband med värme och sommar, helgdagar och framför allt deras produkter. Medan färgen är en del av deras varumärkesigenkänning är det uppfriskande att se platsen för ett stort företag som har blivit välkonstruerat färgvis. Som du säkert kan berätta från listan över sajterna här, lämnas en bra samordning ofta till de små killarna.
ColourPixel
Förutom att det var ljust och färgstarkt, så blev det verkligen ett öga på mig ColourPixel s webbplats var användningen av svart, där andra platser skulle ha använt vit. Anledningen till att vit används är att kontrasten mellan den och andra färger är lättare i ögonen, och så lättillgängligare för användarna, men här har större svarta lådor använts för att inkapsla text som är vit. Detta uppnår egentligen målet att uppmärksamma texten i dem, snarare än själva själva rutorna själva som en del av designen. Annars än det, uppnår bakgrunden på webbplatsen vad konstruktören kallar ett etniskt utseende med hjälp av förskjutna pixlar för att uppnå en tapestryffekt. Regnbågarna används ganska gratis, men erbjuder en fin differentiering av färg i kombination med de subtila krullarna i bakgrunden.
Kommer Fernandes
Kommer Fernandes "webbplatsen använder många och varierade färger, allt uppmärksammar för att uppnå sin stil. Han reserverar gul, orange och vit för texten och bakgrunden och för det mesta undviker att använda dem i hans konstverk för att markera en differentiering av det och innehållet. Han erbjuder ett fullskärmsvisningsalternativ som rekommenderas om du vill se arbetet med den här begåvade artisten och webbdesignern på en fantastisk plats med lysande animationer. Det har uppenbarligen varit utförligt arbetat för att säkerställa att rätt färger används för konst och plats samtidigt som de kompletterar varandra.
Ryan Keizer
Detta är den första webbplatsen vi har tittat på som avsiktligt använder offensiva, överväldigande färger som är konstruerade för att kollidera, för att uppnå en hög kontrast effekt. Designern gillar att använda färg så mycket att han har en "färgin inspiration" palett längst ner på sidan. Ryan Keizer använder primärt gul, en färg med vilken mycket kan gå fel om den används felaktigt, här med cyan och i mindre grad rosa, hela webbplatsen dyker upp. I sista hand noterar Cyan och Pink mycket om 3D-anaglyph-glasögon, med hjälp av ett färgschema som mycket okonventionellt har absorberats i våra omedvetna liv, vilket man normalt inte skulle förvänta sig att fungera men oförklarligt, för att vi nu associerar dem två färger tillsammans.
Ben Markowitz
En annan mycket diskret webbplats med mycket noggrann användning av färg, vilket ger det interaktiva elementet på webbplatsen ett maskinbearbetat utseende. För utformningen av sajt som denna, är det ovanligt att använda färg på detta sätt, och formgivare brukar gå på ett eller annat sätt, men detta lägger verkligen till titeln: ' Ben Markowitz ", inte bara uppmärksamhet, men erbjuder differentiering, med hjälp av en komplementär palett med ett stort utbud. Den enda andra användningen av färg som jag tycker att den här webbplatsen skulle ha nytta av är med de sociala nätverksikonen längst ner på sidan, eftersom de alla använder mycket neutrala färger och skulle sticka ut och vara lite lättare identifierbara.
Kramar för monster
Joe Lifrieri s Kramar för monster har samma mål som Will Fernandes webbplats vi tittade på tidigare, men uppnår den i en organisk individuell stil med färg för att lyfta fram sin unika stil. Jag föreslår starkt att du tittar på några av hans andra sidor, de har alla olika konst i samma eklektiska stil som du kan se här.
Tim Bjørn
Till skillnad från de andra som presenteras här är landningssidan för denna webbplats präglad av brist på färg och genom att titta på det andra arbetet Tim Bjørn , konstnären, använder han uppenbarligen färg mycket noggrant och sparsamt. Det är väldigt uppfriskande att se en webbplats i enkel gråskala som inte ser ut som om den designades för ett decennium sedan! Konstverket, som Hugs for Monsters ovan, är väldigt organiskt och är huvudkontaktpunkten för webbplatsen, med dämpade menyer och nästan hela målsidan som ägnas åt några nyckelbitar.
Endast för Office-användning
Det här är en annan webbplats som använder en liten mängd färg för att uppnå hög kontrast mot en gråskalts tema. I synnerhet fallet nedan, där transparensen på logotypen skapar en matt röd mot bilden bakom den. En ytterligare titt på Endast för Office-användning visar att dessa killar vet hur och när de ska använda färg och gör det bra.
Metod Design Lab
De Metod Design Lab innovativa nyhetsflödet använder färgen på ett nytt sätt för att beteckna nyheterna med en lätt identifierbar varm och kall färgschema, förutom att nyheterna bara finns i "heta" av färgschemat, en smart marknadsföring idé, kanske? Ändå är det mycket lätt att förstå att rött är äldre nyheter från 12 + timmar sedan och gul är senare. Mycket bra exekverad, och färgen bidrar till både designen och funktionen på webbplatsen, inte något som kan sägas om många platser utöver deras navigering. Efter att ha stött på det under undersökningen för den här artikeln hittade den här platsen i mina bokmärken både för innehåll och design.
Designmässigt
Temat för Designmässigt är kontrasten genom enkelhet, med en subtil grungy känsla, den rosa på svart fungerar perfekt, och med en vitvit för textinnehåll förskjuter den rosa utan att kontrasten är skarp mot svart. Det finns också kontrast mellan den rena, men ändå strukturerade bakgrunden och subtila handen på grungan som stänks över hela webbplatsen.
Prius Harmony
Färgerna på detta infografiska är vackert samordnade, både genom att uppnå det uppenbara uppdragsförklaringen att förmedla "harmoni" och kommunicera de ämnen som är relaterade till färgerna. Även om detta verkligen är en del av reklam för prius , det bär det bra jobbat, och även om du förnekar Flash, uppskattar du bara det för färgerna. Detta är en annan sida med färgfunktionalitet, om än bara otroligt så, och en av de sällsynta som använder blockfärger med genomskinlighet för att skapa variation med de kombinerade färgerna hos två eller flera andra överlappande, förmedlar (mestadels) en känsla av harmoni, om du ignorerar de fula svarta och bruna överkolorerade och dåligt samordnade sektionerna.
Organiskt rutnät
Om du kan förlåta två Flash-platser i rad, Organiskt rutnät är en vacker portfölj som kan förlåtas av den otroliga användningen av färg i en meny som ändrar sitt schema varje gång du återvänder till den. Okonventionell? Ja. Okoordinerade? Definitivt inte. Gå för färgerna, sätt webbplatsen i helskärmsläge och håll dig för att njuta av de fantastiska bilderna och bilderna i portföljerna, om du kan ignorera belastningstiderna, det vill säga.
Matt Mullenweg
Den här inspirerade Lichtenstein-webbplatsen måste inkluderas, om det bara är för fader till WordPress, Matt Mullenweg s blogg leder till livet block färger och cross-kläckningar av pop art. Block primära färger kan vara underbart om inte överanvändning, och den här webbplatsen ger oss ett dash. Det finns en lysande popkonstvåg längst ner i bloggen, men du kommer inte att kunna titta på det länge, eftersom Mullenweg har så många inlägg som du rullar för evigt!
Vanity Claire
Om du kan se bortom det faktum att den här webbplatsen har hemsk användbarhet, är konstverket på varje sida gjort otroligt bra. Enkla dämpade färger blir allt populärare, och Claire s webbplats klarar sig att smyga i en liten grunge också. Den här sidan präglas av att du har en annan bakgrundsfärg på en enda sida med en enkel design horisontellt över mitten av sidan.
Lim
En webbplats som har tagit enkelhet till en ny nivå, Lim remsor tillbaka allt innehåll till förmån för en vackert exekverad timglas, med sanden som faller uppåt åtföljd av slogan "Spara tid". Webbplatsen brukade ha mer innehåll med de underbara orange högtalarna på grå, men har tyvärr sedan blivit inbjuden bara.
Microsoft
Så mycket som det smärtar mig att inkludera detta, som en stalwart äppelupporter, Microsoft s närvaro på nätet har kommit framsteg, förmodligen hand i hand med det överraskande förskottet i Internet Explorer (det hade nog varit skämsamt att ha haft sitt webbläsningsdatum i webbläsaren). Det kakelbaserade "tunnelbana" -gränssnittet i Windows 8 har tydligt haft lite inflytande, och jag måste säga att det ser bra ut. Som vi har sett med Google Chrome, Skype och nu Microsoft är blockerade färgade logotyper framtiden, dagarna med klibbiga gradienter och användning av 3D för att det är över.
AdaptD
Införandet av den här webbplatsen kan ha haft något att göra med att det påminde mig om en raketlolly, en favorit barndomspraktik eller att den bara innehöll färg bara för den rena glädjen av den. AdaptD tog ett leende i mitt ansikte helt enkelt med "något färgstarkt" band över toppen av webbplatsen, för varför inte? En vacker pärla i en annars standard, men väl utformad webbplats.
ColoRotate
Slutligen slutar vi med en webbplats som inte använder färg som en del av dess design, i själva verket är webbplatsdesignen oerhört intetsägande, men som en funktion - webbplatsens mål är att hjälpa dig att bläddra och blanda färgpalletter. Det verkar lämpligt att sluta på en webbplats som använder färg på det här sättet, så om du bestämmer att din webbplats behöver en makeover efter att ha läst den här listan finns det inget som hindrar dig från att välja det perfekta färgschemat. ColoRotate har också en intressant informationssida om färg om du vill läsa om färgteorin om 21st century och hur våra ögon uppfattar färg.
Hur närmar du färg? Spelar du det säkert, eller strävar efter att sticka ut? Låt oss veta i kommentarerna.