Är ingen design den nya designen?
Åh, jag minns dagarna bra ... när allt var en glänsande, drop-shadowed gradient, med minst 6 stycken klippkonst och ett lagerfoto av 5 firande kontorsarbetare. Vi älskade bilder av tangentbord med nonsensiska knappar på dem, och 3D-effektstickfolk med glansiga symboler.
Och vad hände då? iOS 7 kom med. Gradientverktyget på våra Photoshops började samla damm och vi tog bort vårt massiva bibliotek med stock foton.
Platt design tog över 2013 . Allt var nödvändigt för att vara ljus, tecknad och naturligtvis platt. På samma sätt som plattformen var en reaktion på skeuomorfismen börjar vi se sakerna helt och hållet.
Så, vad är årets nya smak? Jag är glad att du frågade: Webbplatser som ser ut som nedladdningssidan för ett open source-mjukvaruföretag som stängdes under slutet av 90-talet.
Detta har dokumenterats av Brutalistiska webbplatser , som plockade upp dragkraft och fick täckning på Washington Post och Fast Co för att nämna ett par. Men säkert är det bara webbplatser från pretentiösa designbyråer och experimentella artister? På brutalistiska webbsidor är det oftast sant, men vi börjar se den här estetiska läckan till det vanliga. Trevlig! Vi kan inte titta på elegant design för resten av våra dagar, kan vi?
Personligen älskar jag denna trend. Jag är inte den skarpaste webbdesignern där ute, och jag vill inte heller använda en hackneyed ram - vad jag kan cobble tillsammans är det bästa jag kan göra.
Jag brukade spendera tid på att skura internet för föråldrad webbdesign, glädjande i Clunky Times New Roman och besvärliga ramsatser. Förmodligen eftersom det påminde mig om en enklare tid, där folk kallade sig webmasters och allt var permanent "Under Construction".
Men, söker att lära sig webbdesign från början istället för att anta ett WP-tema eller CSS-ramverket har jag alltid varit skam för att skapa min drömmars enkla, fula hemsida. "Vad skulle vara meningen?", Tänkte jag. Att visa upp det skulle få mig att bli löjligt. Jag kan inte använda den som en portfölj för något utan att se ut som en röra.
Att se CSS-lätta webbplatser utan JavaScript i sikte gav mig det förtroende jag behöver för att sluta arbeta på andras webbplatser och göra mitt eget istället.
Med tanke på valet av nya minimalistiska sidor märkte jag flera viktiga teman som verkar uppfostra sina vackert fula huvuden.
Svartvit
Monokrom design gör exakt vad bra design ska göra: uppmärksammar innehållet.
Ingen Fancy CSS
Kom ihåg de goda gamla dagarna? När alla ägde en webbplats och hade något att bevisa? Nej (eller lite) CSS-tillvägagångssätt ger tillbaka de dagarna och gör mig personligen extremt nostalgisk för enklare tider där en webbplats kan vara en kort biografi och samling av länkar.
Snedställd / överlappande text
Skrå text kastar användaren av lite, och inte på en förvånande sätt . I stället är det något som användaren inte brukar se, så det ger ett starkt intryck.
Kolla in den experimentella textplacering Loïc använder på hans hemsida . Den totala avvikelsen för läsbarhet ger besökarna känslan av en modebutik som inte har prislappar. Det är så uninformative (och i det här fallet avskedad) att det är elegant.
Lite hänsyn till skala eller vaddering
Bloombergs blir ganska experimentell dessa dagar, och jag älskar det. Föreställ dig de prövningar och prövningar som designern var tvungen att gå igenom för att få det godkänt med den stora chefen.
Anledningen till att detta är fantastiskt är att det är så annorlunda. Det ger lite hänsyn till hårda designregler: lämnar tillräckligt med utrymme mellan element, håller saker i samma skala och till och med ser till att allt är lämpligt läsbart på alla enheter.
Referenser till legacy tech
Många av oss kommer att ha förtjusta minnen av Windows 98 eller tidiga Mac-operativsystem. Vissa webbplatser skapar en känsla av nostalgi - och kanske humor - genom att hänvisa till gammal programvara. När allt kommer omkring kommer en hel del brutalistisk webbdesign från "gamla dagarna".
Kolla in det här exemplet från Post HTML (dessa mappar innehåller var och en experimentell konst).
Vad detta betyder för designers
Vi trodde att platt = enkelhet, men självklart behövde det fortfarande massor av designarbete för att få det rätt.
Med brutalistiska estetik som kommer fram i framkant kommer designersna att behöva lita mindre på traditionella CSS-ramar och kodwebbplatser från början.
Det verkar emellertid inte vara företag som använder denna trend på sina webbplatser. Brutalistisk design-bortsett från Bloomberg och några andra större namn-är just nu begränsad till designbyråer, experimentella webbplatser och personliga bloggar.
Om du vill skapa din egen brutala hemsida, här är några tips ...
Strip CSS ur din nuvarande webbplats
Medan vissa webbplatser är starka beroende av CSS för horisontell positionering är det möjligt att rippa all styling från vissa webbplatser och fortfarande få dem att visa "korrekt". Här är ett exempel:
Om din webbplats är beroende av flashiga animeringar, JavaScript eller Fancy CSS, kommer det troligen att behöva omformas om du vill anta denna stil. Faktum är att jag drog WordPress för att jag inte kunde hitta ett tema som passar min vision. Till slut slutade jag faktiskt med att lära mig HTML / CSS genom att redigera en gammal mall från början av 2000-talet. Efter det kände jag mig säker på att fortsätta och börja om, skribla min egen röra CSS och göra det längsta från en polerad, "modern" webbplats.
Klipp tillbaka till monokrom
Ibland betyder brutalistisk design enkel design. Och det är alltid bra för användarupplevelsen. Skär tillbaka din nuvarande färgpalett till bara 2 färger (svart och en annan vit, tekniskt), kan bidra till att minska användarens överbelastning och ge dem en tydligare riktning på var du ska gå. När allt kommer omkring ser du inte webbplatser med ett ton olika färger i textområdet eftersom det är svårt att fokusera på.
Få kreativitet med textpositionering
Vem sa att du måste ha allt på rätt sätt? Loïc Dupasquiers hemsida ovan är till exempel ett modigt uttalande som säger något om designern. Att se exakt på samma sätt som varje annan potentiell hyra är inte en bra titt.
Om du inte är den mest kända designer på det området kommer du alltid att bli näst bästa. Genom att skicka traditionella "regler" om typografi står du ut från mängden.
Lär dig om grunderna och gamla sätten
För mig handlade det inte om att anpassa en design eller kompetens till en ny mentalitet. Jag lärde mig grunderna i webbdesign igen när webbplatser faktiskt såg ut som de jag visat dig, så allt jag behövde var att ta en snabb uppdatering och börja jobba.
Jag skulle rekommendera att kolla källkoden på gamla webbplatser och de som finns på brutalistiska webbplatser, gamla HTML-handledning , eller den här guldminen som innehåller en lista över de tidigaste webbplatser som fortfarande lever.
Där den här stilen fungerar bra (och där den inte)
I slutet är en webbplats alltid en balans mellan självuttryck och skapar den bästa upplevelsen för dina användare.
På en blogg är det förmodligen bäst att koncentrera sig på att smälta textens kropp. Du kommer märka att medan Bloombergs stycke på Yahoo börjar bli ganska konstigt, är huvudtexten lätt att läsa.
Så när du bygger en blogg är det bättre att hålla sig till konventioner för artikelns kropp. Till exempel, TRÅDBUNDEN Designen är ganska distinkt men när det gäller artiklarna själva använder de en trevlig typsnitt och håller den läsbar.
För en formgivare som arbetar mestadels med stuffy företag, kan en experimentell portfölj sätta klienten av vid den mest vitala första kontakten.
I slutändan kommer det ner till att veta din publik, och om du kan komma undan med helt ignorera konventioner.
Gå ut och gör något äckligt briljant.