Post Flat Design - Hvad sker der næste?

Der har været voksende uro om fremtiden for interaktionsdesigntendenser. I den sidste uge alene har jeg læst tre separate diskussioner om den såkaldte "ende på fladt design". Denne form for snak er fantastisk, fordi noget af det bedste æstetiske og interaktionsdesignarbejde udføres ved begyndelsen af ​​en helt ny trend. Det får designere til at tænke og inspirerer den særlige slags kreativitet, som vores branche thriveer tændt.

For eksempel sådanne temaer som Divi Avada forblev populær, fordi de altid har bevæget sig med designtendenser og holdt sig relevante.

Pendulet svinger

I begyndelsen tillod CSS kun grundlæggende kontrol over HTML-dokumenter. Da webdesignteknologien voksede op, gik den skeuomorfe æstetik fast og skubbede grænserne for, hvad der var muligt på nettet. Men da stilen modnede, blev nogle grænseflader vanskelige at bruge, forvirrende eller ligefrem grimme. Vi misbrugte teksturer, skygger og fine detaljer, der hjalp os med at definere vores branche. Designere og udviklere ville have noget nyt og simpelt at erstatte det.

Den flade bevægelse var født ud af et behov for at komme så langt væk fra skeuomorfisme som muligt. Skygger og metallisk glans blev erstattet med solide nuancer og typografidrevet design. Det var en harken tilbage til den schweiziske 'internationale stil' af design, hvor stærk typografi og farveblokke hersker øverst på tryk.

Schweizisk international stil flad design

Men måske svingede pendulet for langt i den flade retning. Ved overgangen til lejlighed mistede vi nogle af de nyttige overkommelige priser - især på knapper og formularer - som mere traditionel æstetik brugte til at gøre vores produkter nemme at bruge. Da alt blev fladt, blev oprettelsen af ​​et klart visuelt hierarki en konstant udfordring.

Fladt design - kan du fortælle, at skiftet er trykket nedKan du fortælle hvilken Shift-tast der er aktiveret?

Flat har været den fremherskende visuelle stil i over et år, og noget strålende arbejde er kommet ud af det. Men det er klart, at det nu er tid til at lade pendulet svinge tilbage - om end kun en lille smule.

Post flad

Jeg foreslår post fladt design - ikke kun som en ny måde at tænke på design æstetisk - men også skabe fornuftigt visuelt hierarki og mere forståelige grænseflader for vores brugere. Nogle kvaliteter af en post-flat interface kan omfatte:

  • Hierarki defineret ved hjælp af størrelseog sammensætning sammen med farve.
  • Overkommelige knapper, formularer og interaktive elementer
  • Skeuomorphs til at repræsentere 1: 1 analoger til I virkeligheden objekter (f.eks. krøllingen på en e-bogside) i brugerens glæde eller overkommelige navn
  • Stærk vægt på indhold, ikke ornamentik
  • Smuk, læselig typografi

Både skeuomorfe og flade ekstremer har unikke smukke og nyttige kvaliteter, men sammenlægning af de to stilarter giver os mulighed for at udnytte begge styrker. For eksempel kan en mobilapp muligvis have dimensionsknapper i stedet for farvet tekst for at repræsentere primære handlinger i grænsefladen.

iPhone design fladtFlaer af Brian Benitez


Uden streng visuelle krav forbundet med fladt design, tilbyder post flat designere masser af variation for at udforske ny æstetik - informeret om de bedste kvaliteter af skeuomorf og flad design. Designere behøver ikke ofre brugervenlighed for at "passe ind" med den nyeste trend.

Tænd og tændLight and Switch af Sebastien Gabriel

Animeret safari-ikon

Animeret Safari-ikon af Ray

Lad os prøve det. Støv dine skygger og stigninger af, og introducer dem til dine flade farveknapper og ikoner. Gør dit absolut bedste arbejde uden at føle dig begrænset til en enkelt æstetik. Bring variation, kreativitet og glæde tilbage til dine grænseflader og temaer. Vi prøver nogle spændende ting her på Collective Ray i ånden efter et fladt design - det er en forfriskende og spændende udfordring.

Og vi fortsætter med at prøve nye og spændende ting, så længe vi er i denne branche.

Om forfatteren

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...