Neonfärger är svåra att använda utan att kollidera med resten av din design. De fungerar bra för tecken och ljus i verkliga applikationer, men kan presentera stora problem i webbdesign, om inte noggrant implementeras.
Idag ska vi titta på sätt att effektivt använda neonfärger i ditt designarbete, med en lista över do's och don'ts för att hjälpa dig att få ut det mesta av djärva, ljusa färgval. Du kommer bli en neon ninja på nolltid, vävning det genom ditt designarbete!
Använd Lime Green
? Lime är den nya neutralen? Jag vet inte om det här är riktigt sant eller inte, men en bröllopsplanerare vän svär vid den. Hon svär det är det? färg för att lägga till nästan vilken palett som helst.
När det gäller neoner är det definitivt sant. Lime, neon greener på en mörk bakgrund skapar omedelbar påverkan. Färgen är kul, engagerande och drar användarna in i designen. Det är ett enkelt sätt att lägga till en pop av neon utan att övervinna hela designen. (En av de stora kamperna med neon i webbdesign är att de verkar flytta och kan krossa för användare.)
Använd inte en Neon Rainbow
Medan vissa ljusa färger kan fungera tillsammans för att skapa ett övergripande färgschema, är neon inte svaret. De flesta neonfärger har liknande färgvärden när det gäller ljusstyrka och mättnad och kommer alla att likna på en skärm. Detta kan orsaka stora problem när det gäller kontrast och läsbarhet.
Gör en djärv färgdeklaration
Gå stort med en heltäckande neon. Det är inte något som användarna stöter på ofta och för en design med lite annat att tävla om skärmutrymme kan en neonfärg ge mycket effekt.
Var noga med att hålla allt annat på skärmen till ett minimum. Välj för svart text och så få andra element som möjligt.
Använd inte neon på en vit bakgrund
Neonfärger och vita blanda inte. Ljuset från en skärm visar genom vita och många neonfärger på samma sätt, vilket gör neonelementen nästan oläsliga på vit bakgrund för det mesta. Undvika det.
Innehålla Neoner från Branding
Vissa varumärken använder ett neonfärgschema; Låt inte avvika från vem du ska göra för att skapa en webbdesign enklare. Den visuella närvaron bör vara lika djärv med neon på nätet.
Om en neonfärg är en del av din varumärkesidentitet, såsom Mountain Dew (ovan), ska inte blyga bort från den. Omsmycka färgen med en design som skjuter den i framkant. Den visuella differentieringen kommer att bidra till att utforma bortsett från andra webbplatser.
Kombinera inte med andra effekter
En neonfärg är en ganska slående designteknik i sig. Gå inte överbord genom att röra den med andra effekter. Du kommer sannolikt att sluta med någonting som helt kommer att överväldiga - och stänga av - användarna.
Använd Neon Accents
Neonlinjer, märken, knappar och andra accenter kan hjälpa till att dra i ögonen mot specifika element. Inkludera neon nyanser i andra delar för att skapa en tonvikt eller använd stänk av neonfärg för att dra ögat från en del av designen till en annan.
Kom ihåg att neonar fungerar bäst där det finns mycket kontrast mellan neonelementet och bakgrunden. Därför är neon ofta mest effektiva på svarta bakgrunder.
Använd inte neontext
Mestadels neontext presenterar en läsbarhetsutmaning. Det kan fungera ibland med en djärv bildskärm, men borde i allmänhet undvikas.
Gör Färger? Glöd?
Tanken bakom en neon är att färgen är konstruerad för att ljus ska passera genom det, såsom neonskyltning. Skapa en realistisk neonffekt så att neonaccenter verkar glöda med samma ljus och taktila egenskaper som en fysisk neonstruktur.
Balansen är inte att bli för galen med glödande effekter eftersom de kan bli snabba. En enkel glöd kan dock bringa neonelementet till liv på ett mer realistiskt sätt.
Ett annat alternativ för att skapa? Glöd? kan vara att använda en enkel animering som förbättrar färgen i en långsam pulserande rörelse. Denna ebb av neonljus kan hjälpa till att dra uppmärksamhet samtidigt som man skapar en realistisk effekt.
Använd inte Clashing Color Palettes
Neonfärgerna blandar inte bra med andra. De flesta mönster med neon använder inte andra färger och håller sig till svartvitt. Detta beror på att kontrasten mellan en ljus neon och en mer typisk palett kan vara avskräckande och känna sig konstig och ojämn för användaren.
Använd Neon Imagery
Neoner är bara för element som du skapar i designen. Bilder som innehåller neonelement kan också lägga till en rolig gnista på designen.
Sann neonelement, som belysning, kan vara tuffa att fånga i bilder. Välj bilder som innehåller nästan neonelement - Yoke (ovan) använder en vacker kombination av färgade strånar - för att skapa samma känsla.
Håll bilderna enkla och använd samma begrepp i utrymme och kontrast (du behöver massor av båda) som du skulle om du skapar ett neonelement i designen.
Ställ inte in ett olämpligt humör
Neonfärger är i allmänhet roliga, lekfulla och lite excentriska. Var försiktig så att du inte skapar fel humör genom att använda dem med innehåll som inte har samma känsla. Medan du använder neonfärger kan du lägga till visuellt intresse, det ska inte användas för alla typer av projekt.
Justera färgblandningar
Gör din egen neon! Justera mättnad och ljusstyrka för att skapa egna egna neonstilar. Börja med märkesfärger för ett funktiskt koncept eller bara röra med några nyanser som vädjar till dig.
Och känner inte fast i det-har-att-vara-perfekt-neonutrymmet. Spela runt med nästan neonalternativ som är ljusa och intressanta, men kanske lite mindre i ditt ansikte. Neonfärger inkluderar inte bara grön, gul eller rosa. Neonalternativ kan komma från ganska mycket vilken färg som helst med amped up brightness.
Tvinga inte det
Neonfärger bör inte tvingas. Om du börjar ner vägen för att använda neoner och det inte fungerar, överge idén.Det är inte för varje projekt och neonfärg inte tilltalar allas design smak.
Använd bakgrundsnormer
Pröva neonfärger för en djärv, ljus bakgrundsestetik som kan ge något intetsägande innehåll till livet. En neonbakgrund kan hjälpa till att lyfta? andra element från skärmen och ge ett roligt utrymme för skiktning, såsom tekniken från Skala (ovan).
När du utformar en neonbakgrund, överväga färger som har lite mer djup och lite mindre ljusstyrka så att färg inte överväldigar andra designelement.
Slutsats
Moderna neonkonstruktioner har inte en 80-tals atmosfär, även om många av designen utvecklats från den. Välj om neoner som arbetar i minimala konstruktionsramar, markera nyckelfrågor och ha djärva meddelanden för en modern känsla.
Neonfärg kan vara mycket roligt, men innehållet och meddelandet bör matcha. Spara den här tekniken för det rätta projektet och du kommer bli lyckligare med resultatet.