Är plandesignen klar? Vi tror inte det. Det är inte död än. Men trenden har utvecklats till att vara mindre stark och mer engagerande för användarna.
De tidiga dagarna med platt design präglades av en fullständig brist på designelement som skuggor, gradienter eller realistiska element med textur. Många av dessa designelement är tillbaka, men är ihop med det övergripande aning av platt design för att skapa en webbplatsanvändarupplevelse som är både enkel och lätt att engagera sig i. Beroende på vilken sida du är på, kan det vara en bättre version av platt design.
Här är en blick på den trendiga evolutionen av plattdesign, och där vi är idag.
Plattform 101
Plattform var det upproriska svaret på alla alltför realistiska - och ofta falska - tredimensionella element och texturer som översvämmade webben i början av 2010-talet. En del av det alltför verkliga designparadigmet kom från Apple, eftersom det var stilen på ikoner i appbutiken och på dess enheter. (Företaget så småningom bytte till en mer platt stil efter att trenden verkligen kom.)
Plattformen var verkligen det. Den förkroppsligar rena linjer och en mer 2D-stil som förespråkarna gjorde det lättare att förstå och använda. Planlösningsplaner fokuserade också på högfärgs- och typografifokuserade element i stället för massor av bilder. Vanligtvis kan en enda bild eller illustration bära hela hemsidan i ett plattdesignschema.
Problemet med riktigt platt design är det var inte alltid fallet. Vissa användare hittade de avskalade stilerna saknade tillräckligt med information för att hjälpa dem att styra igenom designen. Men överväldigande älskade designers det. Plattformen är förmodligen en av de största och mest revolutionära visuella trenderna under det senaste decenniet eftersom det lever vidare.
Material Design
För att förstå varför platt design ändrats så snabbt är det viktigt att titta på materialdesign, det visuella språket Google etablerat för sina produkter och appar.
Materialdesign tog de bästa delarna av platt design och lade sedan till subtila detaljer av dimensioner. Konceptet fokuserade på att öka användbarheten och användarinteraktionen genom att slå samman den digitala världen med verkligheten genom att använda taktiska effekter och realistisk rörelse.
Det tog tillbaka element som drop skuggor och verkade? Mjukna? den nästan hårda naturen av tidig planlösning.
Materialdesign är ett väldefinierat koncept med massor av ständigt skiftande dokumentation från Google. Det fortsätter också att utvecklas med trender och användares önskemål. Varför material är så viktigt att platta är att det pressade utvecklingen av platt så mycket snabbare.
Platt 2,0
Ange Flat 2.0. Så här beskriver vi trenden i de tidiga faser: Flat 2.0 är lättare att använda eftersom det kombinerar det bästa av plattform med ytterligare användargränssnitt som hjälper dig att skapa webbdesign som är vacker och funktionell. Det är också mycket anpassningsbart och fungerar med nästan alla koncept. Till skillnad från några av de renaste plattdesignade hemsidorna, kombinerar Flat 2.0 delar av plattor med subtila tillägg för att förbättra användarvänligheten.?
Vi kom inte fram? Flat 2.0? på Design Shack. Det användes först av designern Ryan Allen:? Platt 2.0 är en utveckling, inte en revolution. Där den platta designen var en radikal avvikelse från den häftiga skeuomorfismen i tiden, är Flat 2.0 en lekfull gren från det platta trädet. Plattform är julgran, Flat 2.0 är ornamenten och godisrottorna. Och presenterar. Ingen klädsel men det är en röra för att städa upp.?
Platt 2.0 gör det möjligt för konstruktörer att bryta de hårda reglerna i samband med platt design och återfå några av de tekniker som gör visuella mer engagerande (i måttlighet, förstås).
- slingor
- gradienter
- Flera toner och färgvärden
- Drop skuggor
- Varje färgpalett (inte bara super ljus)
Flat 2.0 lever inte i en värld där allt är ett UI-element eller en ikon. Foton och videor är en stor del av platt 2.0-gränssnitt. (Många tidiga plana designpurister trodde att dessa visuella element tog sig ifrån estetiska rena intentioner.)
Platt 2017
Nu faller de flesta mönster någonstans mitt i alla dessa trender och idéer. Det finns fortfarande en verklig lutning mot smickare stilar, men det finns mycket mer till mönstren. Denna utveckling har ännu inte fått namnet, men du kan se gemensamma egenskaper i många webbdesigner.
Här är vilken plattform som ser ut i 2017:
Plana delar
Många av knappstilarna och användargränssnittet från tidiga plattformsprojekt sitter fast. Den enklare knappstilen - rektangelboxen med kvadratiska eller svagt rundade kanter med vit svart text - är vanligt. Logotyper och ikoner tog också den platta stilen, och ihop med en mer detaljerad hemsida design ser de sig verkligen ut.
Strömlinjeformad navigering
Hamburgerikonet och den dolda navigeringen föddes ur platt design, eftersom konstruktörer försökte ta bort element ur det visuella flödet.
Fet, ljusa färger
Tack vare ljusa färgpaletter och acceptans av mer färg överallt från plana mönster, blev webben lite lyckligare. Detta har utvecklats till en stor nuvarande trend med att använda ljusa färggraderingar på hemsidor, som dominerande visuellt eller som bildöverlagring.
Minimala hemsidor
Huvudsidor är som regel en mycket mindre upptagen och tenderar att fokusera på enstaka åtgärder. Även med flera element, gör en enda användarriktning eller åtgärd att hela projektet verkar lite mindre upptagen.
Bättre typografi överallt
Stripped down mönster var tvungna att fokusera på bra typ. Den ideen som är kopplad till den växande användningen av bättre typkit och webbtecken har gjort det enklare för designers att fokusera på typografi online.
Färre? Fake? effekter
Skeuomorfismen har verkligen inte kommit tillbaka. Medan fler designtekniker används i 2017: s version av plattform, har de överdesignade försöksformerna inte återuppstått.
Integrerad rörelse och feedback
Den största avhämtningen från materialdesign var tanken på återkopplingsslingan som den tillämpade på bilder och kommunikation med användarna.
Gott om Whitespace
Skärmarna har blivit större (på stationära och mobila enheter) och designers utnyttjar detta utrymme genom att använda det som blankutrymme för att bibehålla den minsta känslan av platt. (Och för det mesta är detta extra utrymme inte vitt.)
Plana lager
Layered elements utan prydnad kan se bra ut och ge ytterligare information till användare.
Överdimensionella designelement
Stor text, stora bilder och stora knappar och ikoner är ganska normala, tack vare även de tidigaste projekten med platt design.
Slutsats
Utvecklingen av platt design har lämnat oss med en bättre webb. Det är lättare att läsa; det är mer användbart det ser bara trevligare ut.
Det bästa med denna trend - och anledningen till att den lever - är att den är tillräckligt flexibel för att utvecklas med lätthet. Designers kan ta delarna och koncepten från platt design som fungerar bäst och införliva dem i nästan vilket som helst projekt. Det är därför vi fortfarande ser så mycket av det i dagens projekt och varför platt design inte bara var en annan kortlivad kram.