Post Flat Design - Vad händer nästa?

Det har ökat oro kring framtiden för interaktionsdesigntrender. Bara under den senaste veckan har jag läst tre separata diskussioner om det så kallade "slutet på platt design." Denna typ av prat är häftigt eftersom några av de bästa estetiska och interaktionsdesignerna utförs i början av en helt ny trend. Det får designers att tänka och inspirerar den speciella sorten av kreativitet som vår industri thrives på.

Till exempel sådana teman som Divi och Avada förblev populär eftersom de alltid har flyttat med designtrenderna och hållit sig relevanta.

Pendeln svänger

I början tillät CSS endast grundläggande kontroll över HTML-dokument. När webbdesigntekniken växte upp tog den skeuomorfa estetiken grepp och pressade gränserna för vad som var möjligt på nätet. Men när stilen mognade blev vissa gränssnitt svåra att använda, förvirrande eller helt fula. Vi missbrukade texturer, skuggor och fina detaljer som hjälpte oss att definiera vår bransch. Designers och utvecklare ville ha något nytt och enkelt att ersätta det.

Den plana rörelsen föddes av ett behov av att komma så långt bort från skeuomorfism som möjligt. Skuggor och metallisk glans ersattes med solida nyanser och typografidriven design. Det var en harken tillbaka till den schweiziska "internationella stilen", där stark typografi och färgblock regerade högst i tryck.

Schweizisk internationell stil platt design

Men kanske svängde pendeln för långt i plan riktning. Vid övergången till lägenhet förlorade vi några av de hjälpsamma överkomligheterna - särskilt på knappar och former - som mer traditionell estetik brukade göra våra produkter enkla att använda. När allt blev platt blev det en ständig utmaning att skapa en tydlig visuell hierarki.

Platt design - kan du säga att skiftet är trycktKan du se vilken Shift-tangent som är aktiverad?

Flat har varit den dominerande visuella stilen i över ett år, och en del lysande arbete har kommit ut ur den. Men det är tydligt att det nu är dags att låta pendeln svänga tillbaka - om än bara lite.

Post platt

Jag föreslår post platt design - inte bara som ett nytt sätt att tänka på designestetik - utan också att skapa en förnuftig visuell hierarki och mer förståeliga gränssnitt för våra användare. Vissa egenskaper hos ett postplattgränssnitt kan inkludera:

  • Hierarki definierad med Storlekoch sammansättning tillsammans med färg.
  • Prisvärda knappar, formulär och interaktiva element
  • Skeuomorphs att representera 1: 1 analoger till verkliga livet objekt (till exempel krullen på en e-boksida) i användarens glädje eller pris
  • Stark tonvikt på innehåll, inte ornament
  • Vacker, läsbar typografi

Både skeuomorfa och platta ytterligheter har unika vackra och användbara egenskaper, men genom att slå samman de två stilarna kan vi utnyttja styrkan hos båda. Till exempel kan en mobilapp ha dimensionsknappar istället för färgad text för att representera primära åtgärder i gränssnittet.

iPhone design plattFlaer av Brian Benitez


Utan sträng visuella krav förknippade med platt design, erbjuder Post Flat designare massor av variation för att utforska ny estetik - informerad av de bästa egenskaperna hos skeuomorf och platt design. Designers behöver inte offra användbarheten för att "passa in" med den senaste trenden.

Tänd och slåLight and Switch av Sebastien Gabriel

Animerad safari-ikon

Animerad Safari-ikon av Ray

Låt oss prova detta. Damma bort dina skuggor och lutningar och presentera dem för dina platta färgknappar och ikoner. Gör ditt absolut bästa arbete utan att känna dig begränsad till en enda estetik. Ta med variation, kreativitet och glädje tillbaka till dina gränssnitt och teman. Vi försöker några spännande saker här på Collective Ray i en anda av post-platt design - det är en uppfriskande och spännande utmaning.

Och vi fortsätter att prova nya och spännande saker så länge vi är i den här branschen.

Om författaren
Författare: super~~POS=TRUNC

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...