Er ingen design det nye design?
Åh, jeg kan huske dagen godt ... da alt var en skinnende, drop-shadowed gradient, med mindst 6 stykker af billedkunst og et lager foto af 5 festlige kontorarbejdere. Vi elskede billeder af tastaturer med usammenhængende knapper på dem, og 3D-effektstænger med glossy symboler.
Og hvad skete der da? iOS 7 kom sammen. Gradientværktøjet på vores Photoshops begyndte at samle støv, og vi slettede vores massive bibliotek af lagerbilleder.
Fladt design overtog i 2013 . Alt var nødt til at være lyst, tegneserieagtigt og selvfølgelig fladt. På samme måde som det flade design var en reaktion på skeuomorphism, begynder vi at se tingene gå helt anderledes.
Så hvad er årets nye smag? Det glæder mig, at du spurgte: Websider, der ligner downloads siden af et open source software firma, der lukkede i slutningen af 90'erne.
Dette er blevet dokumenteret af Brutalistiske hjemmesider , som tog op traction og scorede dækning på Washington Post og Fast Co at nævne et par Men det er sikkert kun hjemmesider fra prætentiøse designbureauer og eksperimentelle kunstnere? I den brutalistiske hjemmesider udstillingsvindue er det for det meste sandt, men vi begynder at se denne æstetiske lækage igennem til mainstream. Pæn! Vi kan ikke se på fladt fladt design for resten af vores dage, kan vi?
Personligt elsker jeg denne tendens. Jeg er ikke den skarpeste webdesigner derude, og jeg vil heller ikke bruge en hackneyed ramme - hvad jeg kan cobble sammen er det bedste jeg kan gøre.
Jeg plejede at bruge tid på at scouring internettet til forældet webdesign, glædeligt i clunky Times New Roman og akavet framesets. Sandsynligvis fordi det mindede mig om en enklere tid, hvor folk kaldte sig webmastere og alt var permanent 'Under Construction'.
Men søger at lære webdesign fra bunden i stedet for at vedtage et WP tema eller CSS-ramme, har jeg altid været for skam at skabe min drømmes enkle, grimme hjemmeside. "Hvad ville det være?" Tænkte jeg. Visning af det ville få mig til at se latterligt ud. Jeg kan ikke bruge det som en portefølje til noget uden at se ud som et rod.
At se CSS-lys hjemmesider uden JavaScript i syne gav mig den tillid, jeg har brug for at stoppe med at arbejde på andres websteder og gøre mig selv i stedet.
Ser man på udvælgelsen af nye minimalistiske steder, bemærkede jeg adskillige nøgle-temaer, der tilsyneladende opdrætter deres smukt grimme hoveder.
Monokrom
Monokrom design gør præcis hvad godt design skal gøre: gør opmærksom på indholdet.
Ingen Fancy CSS
Husk de gode gamle dage? Da alle ejede en hjemmeside og havde noget at bevise? Den nej (eller lille) CSS-tilgang bringer tilbage de dage, og jeg gør mig personligt ekstremt nostalgisk til enklere tider, hvor en hjemmeside kun kunne være en kort biografi og samling af links.
Skrå / overlappende tekst
Skrå tekst smider brugeren lidt ud, og ikke på en forbløffende måde . I stedet er det noget, som brugeren ikke er vant til at se, så det giver et stærkt indtryk.
Tjek den eksperimentelle tekstplacering Loïc bruger på hans hjemmeside . Den samlede tilsidesættelse af læsbarhed giver besøgende følelsen af en high-fashion butik, der ikke har prislister. Det er så uinformativt (og i dette tilfælde, afskediget) at det er klassisk.
Lidt hensyn til skala eller polstring
Bloombergs bliver smuk eksperimentel i disse dage, og jeg elsker det. Forestil dig de prøvelser og trængsler, som designeren måtte gå igennem for at få det godkendt hos den store chef.
Årsagen til at dette er fantastisk er, at det er så anderledes. Det giver lidt hensyn til hårde designregler: Der skal være plads nok mellem elementer, holde tingene i samme omfang og endda sikre, at alt er passende læsbart på alle enheder.
Referencer til legacy tech
Mange af os vil have gode minder om Windows 98 eller tidlige Mac-operativsystemer. Nogle websites indgiver en følelse af nostalgi - og måske humor - ved at henvise til gammel software. Trods alt kommer en masse brutalistiske webdesign fra 'gamle dage'.
Tjek dette eksempel fra Skriv HTML (disse mapper indeholder hver eksperimentel kunst).
Hvad dette betyder for designere
Vi troede, at det var fladt = enkelhed, men selvfølgelig behøvede det stadig et ton af designarbejde for at få det rigtigt.
Med brutalistisk æstetik, der kommer til forkant, vil designere nødt til at stole mindre på traditionelle CSS-rammer og kodesider fra bunden.
Det ser imidlertid ikke ud til at være virksomheder, der anvender denne tendens på deres websteder. Brutalistisk design bortset fra Bloomberg og nogle andre større navne-er lige nu begrænset til design bureauer, eksperimentelle sites og personlige blogs.
Hvis du vil lave din egen brutalistiske hjemmeside, her er et par tips ...
Strip CSS ud af dit nuværende websted
Mens nogle websteder er stærkt afhængige af CSS til vandret positionering, er det muligt at rippe alle styling fra nogle websteder og stadig få dem til at vise 'korrekt'. Her er et eksempel:
Hvis dit websted er afhængig af prangende animationer, JavaScript eller fancy CSS, vil det sandsynligvis skulle genbruges, hvis du vil vedtage denne stil. Faktisk var grunden til, at jeg slog WordPress, fordi jeg ikke kunne finde et tema der passer til min vision. Til sidst endte jeg faktisk med at lære HTML / CSS ved at redigere en gammel skabelon fra begyndelsen af 2000'erne. Derefter følte jeg mig selvfølgelig sikker på at gå videre og begynde med at skribe mit eget rodet CSS og gøre det fjerneste fra et poleret, "moderne" websted.
Skær tilbage til sort / hvid
Sommetider betyder brutalistisk design simpelt design. Og det er altid godt for brugeroplevelsen. Skærer din nuværende farvepalette til kun 2 farver (sort og en anden-hvid, teknisk), kan medvirke til at reducere brugerens overbelastning og give dem en klarere retning om hvor de skal hen. Når alt kommer til alt, kan du ikke se websteder med et ton af forskellige farver i tekstområdet, fordi det er svært at fokusere på.
Få kreativ med tekstplacering
Hvem sagde, at du skal have alt rigtig fint? Loïc Dupasquiers hjemmeside ovenfor er for eksempel en fed påklaring, der siger noget om designeren. At se nøjagtig det samme som enhver anden potentiel leje er ikke et godt udseende.
Medmindre du er den mest berømte designer på dette område, vil du altid være næstbedste. Ved at skifte traditionelle "regler" om typografi står du ud fra mængden.
Genoplev det grundlæggende og gamle måder
For mig var det ikke et spørgsmål om at tilpasse et design eller færdigheder til en ny mentalitet. Jeg lærte det grundlæggende i webdesign tilbage, da websteder faktisk lignede dem, jeg har vist dig, så alt jeg havde at gøre var at tage en hurtig genopfriskning og komme på arbejde.
Jeg vil anbefale at tjekke kildekoden på gamle websteder og dem, der findes på brutalistiske hjemmesider, gamle HTML-tutorials , eller denne guldminde der indeholder en liste over de tidligste websites, der stadig er i live.
Hvor denne stil fungerer godt (og hvor den ikke gør det)
I sidste ende er et websted altid en balance mellem selvudtalelse og den bedste oplevelse for dine brugere.
På en blog er det nok bedst at koncentrere sig om at gøre teksten mere let at fordøje. Du vil bemærke, at mens Bloombergs stykke på Yahoo starter ganske underligt, er hovedteksten af tekst nem at læse.
Så når du bygger en blog, er det bedre at holde fast i konventioner for artiklens krop. For eksempel, WIRED Design er helt særpræg, men når det kommer til artiklerne selv bruger de en behagelig skrifttype og holder den læselig.
For en designer, der virker mest med sprængte virksomheder, kan en eksperimentel portefølje sætte klienten af ved den mest vitale øjeblik-første kontakt.
I sidste ende kommer det ned til at kende dit publikum, og om du kan komme væk med fuldstændig ignorere konventioner.
Gå frem og gør noget modbydeligt strålende.