Kortversionen
- 90-talsestetiken är en familj av looks snarare än en enda stil: grunge, web 1.0, pastellteknik, rave och en ren minimalistisk gren.
- Grunge använder mörka, avmättade färger som oliv, oxblod och smutsig senap, med fotokopietextur och slitna bokstäver.
- Web 1.0 byggs av burdust skärmfärger som länkblått #0000ee, magenta #ff00ff och grönt #00ff00 på grått eller svart.
- Pastellteknik lånar från genomskinliga plastprylar: godisblått, lime, mandarin och druva, oftast på vitt.
- En 90-talslook fungerar bäst i dag när du tar en gren, håller paletten stram och lägger till modernt luftrum och läsbar text.
På den här sidan
90-talsestetiken är inte en stil utan fyra eller fem som löpte sida vid sida: grunge, med sina blekta olivtoner och fotokopierade bokstäver; web 1.0, med ren skärmblå och magenta på grått; pastellteknik, de godisfärgade genomskinliga plastprylarnas färger; och rave, helt i syragult och smileys. Var och en har sin egen palett, textur och typografi. Välj en gren, låna dess färger exakt, så läses din design som 90-tal utan att likna maskeraddräkt.
Nedan går vi igenom grenarna en och en, var och en med en palett du kan kopiera, och därefter hur du gör dem till inlägg och bakgrunder som ändå känns aktuella.
90-talslookens fyra grenar
Textur
Typografi
Textur
Typografi
Färger
Textur
Typografi
Textur
Typografi
Det fanns också en stillsam minimalistisk gren: svartvit modefotografi, mycket tomt utrymme och tunn sans serif-text. Den har åldrats så bra att den sällan läses som 90-tal alls, vilket är bra om du vill ha stämningen utan utklädnaden.
Palett för 90-talsgrunge
Grungefärger ser ut som om de legat i solen och fotokopierats två gånger. Ingenting är helt mättat och ingenting är rent vitt. Tänk flanellskjortor, secondhandkofta och konsertaffischer nitade på en telefonstolpe. Underlaget är oftast ett smutsigt benvitt eller nästan svart, och accenterna är dova snarare än klara.
Texturen gör lika mycket jobb som färgen här. Lägg till kraftigt korn, ett något ojämnt underlag och text som ser stämplad eller maskinskriven ut. Korniga gradienter förklarar hur du lägger till brus som ser ut som tryck och inte som ett filter.
Web 1.0-estetik: det tidiga internets färger
Tidiga webbsidor använde färger som skärmarna kunde visa pålitligt, och därför är paletten så burdus. Standardfärgens länkblått, besökt lila, grått webbläsarchrome och ibland grönt på svart för allt som skulle se tekniskt ut. Charmen ligger i uppriktigheten: hårda kanter, inga gradienter förutom någon fasad knapp och kaklade bakgrunder bakom allt.
För att göra det läsbart i dag, ge färgerna mer utrymme än originalen hade. En magentafärgad rubrik på grått läses som en medveten referens; sex färger som slåss på en stjärnhimmel läses som en trasig sida. Samma återhållsamhet gäller den senare Y2K-estetiken, som växte direkt ur den här looken.
Pastellteknik: genomskinliga plastfärger
Sent under decenniet kom datorer, telefoner och spelkonsoler i genomskinlig färgad plast. Apples iMac från 1998 i Bondi Blue är det berömda exemplet, följd av nyanser med fruktsmak. Paletten är ljus men mjuk, som om den vore belyst bakifrån, och den sitter bäst på vitt eller ett blekt, kallt grått.
De fungerar fint som enfärgade bakgrunder med en rad rundad sans serif-text. Para ihop det blå med mandarin för kontrast, eller håll varje inlägg till en smak och låt rutnätet bli regnbågen.
Rave- och klubbaffischernas färger
Klubb- och raveaffischer trycktes billigt, ofta i en eller två fluorescerande färger över svart. Syragult, UV-violett och het rosa var grundpelarna, med halvtonspunkter och breda technobokstäver. Hemligheten är begränsning: en klar färg på svart låter mer än fyra. Om neon är din riktning visar neongradienter hur du hindrar den från att bli grumlig.
En raveaffisch på mörkt underlag, en fluorescerande färg och korta, burdusa ord.
Ett pastelltekniskt grepp: ett ord på en mjuk genomskinlig färg, gott om luft.
Så använder du en 90-talsestetik utan att den ser daterad ut
Utklädnad
- Grungetextur, webbfärger och ravetypografi i ett inlägg
- Varje färg i full styrka på en gång
- Slitna bokstäver i brödtextstorlek
- Clipart och nyhetstypsnitt som hela idén
Referens
- En gren per design, hållen genom hela flödet
- En högljudd färg, resten av paletten stöttar
- Textur på bakgrunden, ren text ovanpå
- Modernt luftrum och en tidsdetalj gjord väl
- 1
Välj en gren
Grunge för band och vintagebutiker, web 1.0 för teknik och nyhetsbrev, pastellteknik för produkter och lekfulla varumärken, rave för kvällar ute.
- 2
Kopiera paletten, skär sedan ner den
Börja från hexkoderna ovan och behåll tre eller fyra. En stram palett läses som avsiktlig.
- 3
Lägg tidsdetaljen på ett ställe
Ett pixeltypsnitt för en etikett, en halvtonsbakgrund, en fasad knapp. En detalj säljer decenniet.
- 4
Gör orden lätta att läsa
Sätt rubriker stora på bakgrundens lugnaste del. Retrotypsnitt listar typsnitt som bär epoken och ändå läses väl.
Om du vill ha en 90-talsinspirerad bakgrund som ingen annan postar är Gradiently Marks ett bra första steg: levande gradient- och materialbakgrunder med korn och ljus inbyggt, var och en unik. Ord placerade på en Mark förblir läsbara eftersom bakgrunden lugnar sig själv bakom dem. För den bredare familjen av tillbakablickande looks, se retrogradienter och 80-talsestetiken.
Vanliga frågor
Vilka färger ingår i 90-talsestetiken?
Det beror på grenen. Grunge använder oliv, oxblod och senap; web 1.0 använder länkblått, magenta och grått; pastellteknik använder godisblått, lime och mandarin; rave använder syragult och UV-violett på svart.
Vad är skillnaden mellan 90-talsestetik och Y2K?
Y2K är decenniets allra sista del och tidiga 2000-talet: krom, bubblor och blank futurism. Den bredare 90-talslooken inkluderar också grunge, web 1.0 och rave, som är råare och plattare.
Vilka typsnitt ser ut som 90-tal?
Skrivmaskins- och smala sans-typsnitt för grunge, Times och pixeltypsnitt för web 1.0, rundade geometriska sans för pastellteknik och breda technotypsnitt för raveaffischer.
Hur gör jag en bakgrundsbild i 90-talsestetik?
Välj en gren, använd två eller tre av dess färger som gradient eller enfärgat underlag och lägg sedan till korn eller halvtonstextur. Håll det enkelt så att ikoner och widgetar förblir läsbara.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil