Er ingen design det nye designet?
Åh, jeg husker dagene godt ... da alt var en skinnende, skyggefull gradient, med minst 6 stykker klippekunst, og et lagerfoto av 5 feirende kontormedarbeidere. Vi elsket bilder av tastaturer med nonsensiske knapper på dem, og 3D-effektpinne folk som holder glossy symboler.
Og så hva skjedde? iOS 7 kom med. Gradientverktøyet på våre Photoshops begynte å samle støv og vi slettet vårt massive bibliotek med lagerfotografier.
Flatt design overtok i 2013 . Alt måtte være lyst, tegneserieaktig, og selvfølgelig flatt. På samme måte som flatdesign var en reaksjon på skeuomorphism, begynner vi å se ting gå helt annet.
Så, hva er årets nye smak? Jeg er glad du spurte: Nettsteder som ser ut som nedlastingssiden til et open-source programvarefirma som slått av på slutten av 90-tallet.
Dette har blitt dokumentert av Brutalistiske nettsteder , som plukket opp traksjon og scoret dekning på Washington Post og Rask Co for å nevne et par. Men sikkert, disse er bare nettsteder fra pretensiøse designbyråer og eksperimentelle artister? I brutalistiske hjemmesider, det er mest sant, men vi begynner å se denne estetiske lekkasjen gjennom til det vanlige. Hyggelig! Vi kan ikke se på slank flatdesign for resten av våre dager, kan vi?
Personlig elsker jeg denne trenden. Jeg er ikke den skarpeste webdesigneren der ute, og jeg vil heller ikke bruke et hackneyed rammeverk - hva jeg kan cobble sammen er det beste jeg kan gjøre.
Jeg pleide å bruke tid på å skure Internett for utdatert webdesign, glede i Clunky Times New Roman og ubehagelige rammesett. Sannsynligvis fordi det minnet meg om en enklere tid, hvor folk kalte seg webmastere og alt var permanent 'Under Construction'.
Men, søker å lære webdesign fra bunnen av i stedet for å vedta et WP-tema eller CSS-rammeverk, har jeg alltid blitt skamfull for å skape den enkle, stygge nettsiden til drømmene mine. "Hva ville være poenget?" Tenkte jeg. Viser det av ville få meg til å se latterlig ut. Jeg kan ikke bruke den som en portefølje for noe uten å se ut som et rot.
Å se CSS-lette nettsider uten JavaScript i sikte ga meg tilliten jeg trenger til å slutte å jobbe på andres nettsteder og lage mitt eget, i stedet.
Ser på utvalg av nye, minimalistiske nettsteder, la jeg merke til flere sentrale temaer som synes å være oppdrett av sine vakkert grimme hoder.
Monochrome
Monokrom design gjør nøyaktig hvilken god design som skal gjøres: gjør oppmerksom på innholdet.
Ingen Fancy CSS
Husk de gode gamle dager? Når alle eide et nettsted og hadde noe å bevise? Den nei (eller lille) CSS-tilnærmingen bringer tilbake de dagene, og personlig gjør meg ekstremt nostalgisk for enklere tider hvor et nettsted kan være bare en kort biografi og samling av lenker.
Skrå / overlappende tekst
Slanted tekst kaster brukeren av litt, og ikke på en forbløffende måte . I stedet er det noe brukeren ikke er vant til å se, så det gir et sterkt inntrykk.
Sjekk ut eksperimentell tekstplassering Loïc bruker på hans nettside . Den totale uoverensstemmelsen for lesbarhet gir besøkende følelsen av en høymotebutikk som ikke har prislapper. Det er så uninformative (og i dette tilfellet, på forhånd) at det er stilig.
Litt hensyn til skala eller polstring
Bloomberg blir ganske eksperimentell i disse dager, og jeg elsker det. Tenk på prøvelsene og trengselene som designeren måtte gå gjennom for å få det godkjent med den store sjefen.
Grunnen til at dette er fantastisk er at det er så annerledes. Det gir lite hensyn til vanskelige designregler: å forlate nok plass mellom elementer, holde ting på lignende skala, og til og med sørge for at alt er riktig lesbart på alle enheter.
Referanser til eldre tech
Mange av oss vil ha gode minner fra Windows 98 eller tidligere Mac-operativsystemer. Noen nettsteder skaper en følelse av nostalgi - og kanskje humor - ved å henvise til gammel programvare. Tross alt kommer mye brutalistisk webdesign fra "gamle dager".
Sjekk ut dette eksemplet fra Legg inn HTML (disse mappene inneholder hver eksperimentell kunst).
Hva dette betyr for designere
Vi trodde at flat = enkelhet, men selvsagt behøvde det fortsatt massevis av designarbeid for å få det riktig.
Med brutalistiske estetikk som kommer til forkant, vil designere nødt til å stole mindre på tradisjonelle CSS-rammer og kodesider fra bunnen av.
Det ser imidlertid ut til at det ikke er bedrifter som bruker denne trenden på deres nettsteder. Brutalistisk design bortsett fra Bloomberg og noen andre større navn - er, akkurat nå, begrenset til designbyråer, eksperimentelle nettsteder og personlige blogger.
Hvis du vil lage din egen brutalistiske nettside, her er noen poeng ...
Strip CSS ut av ditt nåværende nettsted
Mens noen nettsteder er avhengige av CSS for horisontal posisjonering, er det mulig å rippe alle styling fra noen nettsteder og fortsatt få dem til å vise "riktig". Her er et eksempel:
Hvis nettstedet ditt er avhengig av prangende animasjoner, JavaScript eller fancy CSS, vil det sannsynligvis trenge remaking hvis du vil adoptere denne stilen. Faktisk var grunnen til at jeg droppet WordPress fordi jeg ikke kunne finne et tema som passer til mitt syn. Til slutt endte jeg faktisk med å lære HTML / CSS ved å redigere en gammel mal fra begynnelsen av 2000-tallet. Etter det følte jeg meg trygg på å gå videre og begynne å begynne, skribbe mitt eget rotete CSS og gjøre det lengste fra et polert, "moderne" nettsted.
Kutt tilbake til svart-hvitt
Noen ganger betyr brutalistisk design enkel design. Og det er alltid bra for brukeropplevelsen. Kutte tilbake din nåværende fargepalett til bare 2 farger (svart og en hvitt, teknisk), kan bidra til å redusere brukerens overbelastning og gi dem en klarere retning på hvor du skal dra. Tross alt ser du ikke nettsteder med massevis av forskjellige farger i tekstområdet fordi det er vanskelig å fokusere på.
Bli kreativ med tekstposisjonering
Hvem sa at du må ha alt i orden pent? Loïc Dupasquiers nettside ovenfor, for eksempel, er en dristig uttalelse som sier noe om designeren. Ser akkurat ut som alle andre mulige leie er ikke et godt utseende.
Med mindre du er den mest kjente designer på dette feltet, vil du alltid være den nest beste. Ved å skjule tradisjonelle "regler" om typografi står du ut fra mengden.
Re-lær grunnleggende og gamle måter
For meg var det ikke et spørsmål om å tilpasse et design eller ferdigheter til en ny mentalitet. Jeg lærte grunnleggende om webdesign tilbake når nettsteder faktisk så ut som de jeg har vist deg, så alt jeg måtte gjøre var å ta en rask oppdatering og komme på jobb.
Jeg vil anbefale å sjekke kildekoden på gamle nettsteder og de som er omtalt på brutalistiske nettsteder, gamle HTML-opplæringsprogrammer , eller denne gullminen som inneholder en liste over de tidligste nettstedene som fortsatt er i live.
Hvor denne stilen fungerer bra (og hvor den ikke gjør det)
Til slutt er et nettsted alltid en balanse mellom selvuttrykk og å skape den beste opplevelsen for brukerne.
På en blogg, er det sannsynligvis best å konsentrere seg om at teksten er lett å fordøye. Du vil legge merke til at mens Bloombergs stykke på Yahoo starter ganske rart, er hovedteksten av tekst lett å lese.
Så når du bygger en blogg, er det bedre å holde seg til konvensjonene for artikkelen. For eksempel, WIRED Designet er ganske særegent, men når det gjelder artiklene selv, bruker de en hyggelig skrift og holder den lesbar.
For en designer som virker for det meste med tettede selskaper, kan en eksperimentell portefølje sette klienten av ved det viktigste tidspunktet - første kontakt.
Til slutt kommer det ned til å kjenne publikum, og om du kan komme unna med helt ignorerende konvensjoner.
Gå ut, og gjør noe motbydelig strålende.