Färg är en viktig del av nästan vilken design som helst. Oavsett om du är ett fan av ljusa, djärva nyanser eller föredrar en mer minimalistisk svartvitt, hur du använder färg kan ha stor inverkan på den övergripande designen.
Ett sätt att använda färg för att göra ett uttalande är med en design som innehåller ett färgöverlägg. Det innebär att du täcker en bild eller video med en halvtransparent färgad ruta. Effekten kan ge mening åt en bild, uppmärksamma en design och hjälpa dig att göra det mesta av begränsade konstval.
Idag ska vi titta på en mängd olika färgläggningar för att tjäna som inspiration för att skapa din egen.
Prova en Gradient
Gradienterna är coola igen. De gör också ett bra (och iögonfallande) alternativ när du vill arbeta med ett färgöverlägg.
Det som är särskilt trevligt med en gradient är att du kan arbeta med ett par färger - tänka på din branding här - eller använd en enda färg för att skapa fokus. Ljusa parningar kan hjälpa till att dra användare in i designen och ge bilder lite gnista.
Mycket av denna trend kan kopplas tillbaka till Spotify, som började använda övertoner för gradient och duoton för att markera spellistor. Färgen gav nytt liv till bilder som användarna brukade se (tryck på bilder av musiker).
Detta är ett koncept som är enkelt för dig att kopiera också.
- Välj ett foto.
- Skapa en lutning med märkesfärger.
- Ha så kul!
Solida färger Ställ in en ton
En solid färgöverlägg kan vara lika slående som ett gradientmönster, men har ofta mer av en distinkt betydelse som kan associeras med färgval. Tänk på en sepiaöverläggning, till exempel. Det ger omedelbart känslor av gamla tider och historia.
Samma sak kan sägas om att välja ett trendigt färgval. Genom att använda en av de ljusa, mättade färgerna i samband med platt eller materiell design kan du framkalla känslor av modernism eller high-fashion.
När du använder en enda färg som ett överlag, tänk på graden av mättnad och transparens i färgen. Dessa element kan också lägga till mening. Tyngre färgkombinationer - mindre transparent och mer mättnad - lägg mer fokus på själva färgen än bilden bakom den. Lättare, mer subtila kombinationer lägger mer fokus på bilden.
Tänk på mörk eller ljus
Du behöver inte alltid använda en färg i sig för att skapa ett överlag. Ibland kan det vara svart, vitt eller grått. Att använda dessa toner och toner kan verkligen förändra stämningen i ett projekt.
Som du sannolikt förväntar sig, skapar mörkare överlag en moodier miljö. Lättare överlagringar är förknippade med roligt. En annan bidragsfaktor när det gäller dessa känslor och svartvitt är själva bilden. Hur fungerar det med nyans eller ton? Fungerar bilden och färgen och meddelandena tillsammans?
Ring mig Ish (ovan) använder ett vitt överdrag för att få fokus på orden på skärmen ovanpå ett svartvitt foto. Men märk uttrycket på fotografens ansikte: Han ler i ett stort grin. Färgen och fotokombinationen är inbjudande och gör att du vill interagera med fotografen och eventuellt även anställa honom för ett jobb.
Välj högkvalitativa bilder
När du planerar ett bildöverlag i ett designprojekt är kompositionen för fotot (eller videoen) viktigt. En blid bild kommer att lämna dig med ett blidt färgöverlagringsresultat. Du får det bästa resultatet om du börjar med ett foto med mycket kontrast med mörka och lätta utrymmen i bilden.
Om din bild inte har tillräckligt med kontrast, överväg att lägga till kontrast i bildredigeringsprogram eller välja en annan bild. Annars kan bildeffekten falla platt.
Det finns ett annat knep för att uppnå denna effekt är att börja med ett svartvitt foto. Särskilt för nybörjare kan det vara lättare att se och förbättra kontrasten i en svartvitt bild. Bara åtgärder ger ett bra exempel på en svartvit bild bredvid bilder med färgöverlägg. (Dessutom är det en cool effekt att para bilder utan färg och ljus kontrast.)
Bilder ska se naturligt ut (eller inte)
När det gäller att arbeta med färgöverlagringar har du två alternativ:
- Bilderna ska fortfarande vara naturliga. Färg och belysning och skuggor bör visas på en naturlig plats. Överlägget är lite subtilt, såsom Abednego Coffee (ovan).
- Bilderna ser helt förändrade ut. Det finns ingen gissning att ett färgöverlägg har använts (som de flesta av exemplen i den här artikeln).
Det finns inte riktigt en mellanklass här. Om bilder inte faller i någon av dessa? Ytterligheter ,? Användare kan tänka för hårt om färgval och inte koncentrera sig på innehållet på webbplatsen. Du vill inte distrahera med en färgöverlagringsteknik; Det borde förbättra designen.
Prova ett överlagringsakent
Medan de föregående exemplen har visat sätt att använda ett färgöverlägg för stora bilder, till exempel hjälterubrikalternativ, är det inte det enda sättet att göra det mesta av denna teknik. Färgöverlagseffekter kan fungera ganska bra som accenter också.
De två exemplen ovan visar olika sätt att uppnå detta på ett effektivt sätt.
Knot Clothing (top) använder en ljusgrön navigeringsfält med öppenhet. Det framhävs ytterligare av den solida stroke ovanför den. Effekten hjälper till att behålla varumärkets färgpalett under hela designen samtidigt som de visar olika objekt i en rad andra färger. Effekten är enkel, hjälper sidan att se lite mjukare ut än om navigationen var inne i en fast färg och drar ögat ner på sidan och genom designen.
Nötter och Woods tar ett annat tillvägagångssätt. Designen använder en färgöverlägg som en svängareffekt för att berätta mer om specifika saker på webbplatsen. Varje element som får en röd överlagring är också ett klickbart element. Vad som är anmärkningsvärt med denna design är att färgöverläggningen tjänar som en visuell signal till användarna, berätta för dem exakt vad de vill veta och ge en sökväg till länkar i hela innehållet.
Slutsats
Att använda ett färgöverlägg är en av de tekniker som inte fungerar hela tiden. De flesta designers tycker att de bara kan komma undan med det för ett eller två projekt innan det verkar överdrivet. (Det är där ett accentöverlägg kan vara ett bättre alternativ.)
Som med någon designteknik, se till att tillämpa den i rätt sammanhang. Du bör aldrig använda ett färgöverlägg bara för att du har blivit inspirerad av ett annat projekt. spara tanken och använd den för bara rätt design.