Post Flat Design - Hva skjer neste?

Det har vært økende uro om fremtiden for interaksjon designtrender. Bare den siste uken har jeg lest tre separate diskusjoner om den såkalte "slutten på flat design." Denne typen prat er fantastisk fordi noen av de beste estetiske og interaksjonsdesignarbeidene utføres ved begynnelsen av en helt ny trend. Det får designere til å tenke og inspirerer den spesielle typen kreativitet som vår industri thrives på.

For eksempel slike temaer som Divi og Avada forble populær fordi de alltid har flyttet med designtrendene og holdt seg relevante.

Pendelen svinger

I begynnelsen tillot CSS bare grunnleggende kontroll over HTML-dokumenter. Da webdesignteknologien vokste opp, tok den skeuomorfe estetikken tak og presset grensene for hva som var mulig på nettet. Men da stilen modnet, ble noen grensesnitt vanskelig å bruke, forvirrende eller rett og slett stygg. Vi misbrukte teksturer, skygger og fine detaljer som hjalp oss med å definere vår bransje. Designere og utviklere ønsket noe friskt og enkelt å erstatte det.

Den flate bevegelsen var født ut av et behov for å komme så langt unna skeuomorfisme som mulig. Skygger og metallisk glans ble erstattet med solide fargetoner og typografidrevet design. Det var en harken tilbake til den sveitsiske 'internasjonale stilen' der design hvor sterk typografi og fargeblokker hersket øverst på trykk.

Sveitsisk internasjonal stil flat design

Men kanskje svingte pendelen for langt i flat retning. I overgangen til flat mistet vi noen av de nyttige prisene - spesielt på knapper og former - som mer tradisjonell estetikk pleide å gjøre produktene våre enkle å bruke. Da alt ble flatt, ble det en konstant utfordring å skape et klart visuelt hierarki.

Flat design - kan du fortelle at skiftet er trykketKan du fortelle hvilken Shift-tast som er aktivert?

Flat har vært den dominerende visuelle stilen i over et år, og noe strålende arbeid har kommet ut av den. Men det er klart at det nå er på tide å la pendelen svinge tilbake - om enn bare litt.

Post Flat

Jeg foreslår post flat design - ikke bare som en ny måte å tenke estetisk design på - men også å skape fornuftig visuelt hierarki og mer forståelige grensesnitt for brukerne våre. Noen egenskaper ved et post-flat-grensesnitt kan omfatte:

  • Hierarki definert ved hjelp av størrelseog sammensetning samt farge.
  • Rimelige knapper, skjemaer og interaktive elementer
  • Skeuomorphs å representere 1: 1 analoger til virkeligheten objekter (krøllen til en e-bokside, for eksempel) i brukerens glede eller overkommelige navn
  • Sterk vekt på innhold, ikke ornamentikk
  • Vakker, lesbar typografi

Både skeuomorfe og flate ekstremer har unike vakre og nyttige egenskaper, men sammenslåing av de to stilene gjør at vi kan utnytte styrkene til begge deler. For eksempel kan en mobilapp ha dimensjonsknapper i stedet for farget tekst for å representere primære handlinger i grensesnittet.

iPhone design flatFlaer av Brian Benitez


Uten streng visuelle krav knyttet til flat design, tilbyr post flat designere massevis av variasjon for å utforske ny estetikk - informert om de beste egenskapene til skeuomorf og flat design. Designere trenger ikke ofre brukervennligheten for å "passe inn" med den nyeste trenden.

Lys og bryterLight and Switch av Sebastien Gabriel

Animert safari-ikon

Animert Safari-ikon av Ray

La oss prøve dette. Støv av skyggene og stigningene, og introduser dem for de flate fargeknappene og ikonene. Gjør ditt absolutt beste arbeid uten å føle deg begrenset til en enkelt estetikk. Ta med variasjon, kreativitet og glede tilbake til grensesnittene og temaene dine. Vi prøver noen spennende ting her på Collective Ray i en ånd av post-flat design - det er en forfriskende og spennende utfordring.

Og vi fortsetter å prøve nye og spennende ting så lenge vi er i denne bransjen.

om forfatteren
Forfatter: super~~POS=TRUNC

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...