Nyårslöften är allas favorit, det är jag säker på. Att undersöka och veta var man ska ta en produkts kreativa riktning bör dock vara på en att göra-lista innan man bara går vidare och bara gör det som har gjorts hittills.
Trender tar nya vändningar tillräckligt ofta för att en produkt kan göras föråldrad ganska snart, och det är därför vi på Imaginary Cloud bestämde oss för att gå vidare och göra en lista. Ja, en annan, men håll dig till oss om detta: vi har bara valt det mest visuellt relevanta och summerat det till topp 7 UI-trender du måste se upp för.
Som ett tidigare blogginlägg nämnde, Illustrationen fick en ny tyngd i våra digitala produkter. Även de snyggaste stockfoton räcker inte längre, och platta animationer räknar sina dagar också. Det betyder inte att man ska bli superkomplex för att få det att fungera, men tänk på alla otroliga stilistiska referenser som en illustratör/designer har på sin display. Handritade, 2D- eller till och med 3D-stilar är livskraftiga idag.
Som du kan se från webbplatsexemplen nedan, kreativa hade ingen rädsla när de antog stilar som har styrts bort från den normala dagliga användargränssnittsillustrationen, vilket gick mycket bra för dem.
Vi bör också tänka på att illustrationen går in i en period där efterfrågan är tillräckligt hög till den punkt där stockvektorillustration är den snabbaste lösningen på en brådskande design. Men det faller också in i samma stilistiska val som alla andra gör, vilket betyder stockvektorillustrationens vanligaste stildagar räknas, och det är definitivt inte en långsiktig lösning. Att tänka utanför boxen är i stort sett alltid vägen att gå, lägg bara märke till hur stor skillnad det gör.
Om du vill ta det ett steg längre, att animera samma illustrationer tar dig också långt. Det känns mindre som en placerad ”stämpel” när även tomma illustrationer har sin egen rörelsekänsla, inget för stort.
Naturligtvis bör ingenting hindra en design från att gå ut när man provar något mer dynamiskt, eftersom ovanstående exempel har gjort det mycket bra. Men det bör ta hänsyn till det brus det kan skapa som kan distrahera användaren från viktigare information, särskilt när man pratar om texttäta sidor.
System- och hårdvaruförändringar på både iPhone och Android resulterade i att både skärmknappar och skärmgränser försvann.
Appar går hela vägen till sidorna, övre och nedre kanterna på skärmen, vilket ökar gränssnittets storlek avsevärt.
Branschen är så besatt av det att nya frontkameror i stort sett är tvungna att försvinna eller placeras någon annanstans, bara inte på skärmen! Och designers har använt det utrymmet på mer intressanta sätt, både på UI- och UX-nivå. Ta en titt på följande bilder.
Intressant, eller hur? Tack vare denna frånvaro av knappar som tar bort skärmutrymme blev gester avgörande för navigering inom och utanför våra mobilappar. Så överväg att ha kortare ombordstigningar som inte kommer att tråka ut nya användare och tvinga dem att hoppa över, så att du enkelt kan låta dem veta var i helvete de ska svepa för att komma dit de behöver.
Ditt varumärke behöver inte vara så restriktivt när det gäller färgpaletter längre. Två till tre färger kommer att visa sig vara för repetitiva för den nuvarande smaken. Dropboxsom ni kan se har gjort det ett tag, och Figma Följ också.
Naturligtvis finns det ett system- och stilguide till det, färgerna väljs inte slumpmässigt. Det är bara det att nu, vad som brukade vara en 4 eller 5 färgpalett, kommer att ge plats för mycket mer mångsidiga färgpaletter som är vettiga och representerar ditt varumärke på ett etablerat och harmoniskt sätt. Olika färger tagna från den stora paletten kommer att användas beroende på vilket motiv eller miljö en specifik skärm försöker förmedla.
Gör det effektivt - fet och enorm text kommer att räcka långt när du skapar den första effekten av en produktBeroende på hur relevant meningen är. Och det behöver inte se aggressivt ut eller användas enbart för målsidor. Man kan gå den extra milen och använda den för menyer också, om det är ett genomförbart val.
Som du kan se från följande exempel gav antagandet av enorma teckenstorlekar dem den grafiska effekten av brådskande affischer.
Återigen är fallgropen att ha så stor text att den döljer alla andra element som leder användaren djupare in i upplevelsen, och det vill vi inte ha.
Kom ihåg hur brutalism blev en livskraftig stil även för mer kommersiella och etablerade varumärken? Denna stil har kommit att stanna, åtminstone ett tag. Rutnät är flexibla och behöver inte vara superstyva eftersom användaren har blivit mer och mer skicklig med digitala produkter. Sanningen är att sidor blir lite mindre förutsägbara och mer intressanta att läsa, som följande begrepp exemplifierar.
Nyckeln är att ta från de mer ”extrema” exemplen och anpassa dem till produktens behov, när det är möjligt, såvida inte produkten etablerar sig som banbrytande - i vilket fall experimentera och testa - vi vill inte att någon (för) går vilse.
Materialdesign kom med, och brutalism var dess motreaktion. Men dessa materialdesignprinciper togs också till nästa nivå genom att driva grafiska objekt till en helt annan ambition om realism.
En knapp ser ut som en verklig knapp och minimalism bidrar till en estetik som faktiskt är ny och användbar.
Det är inte en lätt stil och drar nytta av vissa rumsliga föreställningar, men det kräver inte att designern känner till 3D-modellering.
Följande artister bestämde sig för att utforska skeuomorfismens comeback samtidigt som de passade de nuvarande färgerna och atmosfären som förväntas av vissa typer av produkter. Resultaten var otroliga.
Låt oss dock ta upp något: det här är inte en snabb stil att göra. Höjdpunkter och skuggor måste vara på plats så att elementen faktiskt ser ut som de skulle vara i verkligheten. Och det är knappast en av de situationer där ett designelement passar alla, men säkert kommer designers att komma med snabbare sätt att uppnå dessa effekter.
Vid Imaginärt moln, det finns massor av nya saker att vara glada över det kommande året. Designers och produktägare kan börja titta på sitt arbete med en ny anda att prova något nytt som sticker ut på marknaden, eftersom nya UI-trender alltid bör motivera dem att gå längre i stilistiska val. Vem vet, kanske våra utforskningar kommer att bygga på vad som görs och sätta de nya trenderna. Man kan drömma.
Hittade den här artikeln användbar? Du kanske gillar dessa också!
Jag är UI & produktdesigner, illustrationskonstnär och målare. Känd för min kärlek till skräpiga strandhanddukar, musikproduktion, typografi och alla typer av pizza.
Människor som läste det här inlägget tyckte också att dessa var intressanta:
