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, kommer animering av samma illustrationer också att ta dig långt. Det känns mindre som en påklistrad ”stämpel” när även statiska illustrationer har en gnutta rörelse, inget för avancerat.
Självklart bör ingenting hindra en design från att gå all-in när man testar något mer dynamiskt, vilket exemplen ovan har lyckats mycket bra med. Men man bör ta hänsyn till det brus som kan uppstå och distrahera användaren från viktigare information, särskilt på textsidor.
System- och hårdvaruförändringar på både iPhone och Android har lett till att både skärmknappar och skärmkanter har försvunnit.
Appar sträcker sig nu hela vägen ut till skärmens sidor, över- och underkant, vilket avsevärt ökar gränssnittets storlek.
Branschen är så besatt av detta att nya frontkameror i princip måste försvinna eller placeras någon annanstans, bara inte på själva skärmen! Designers har börjat använda det utrymmet på mer intressanta sätt, både när det gäller UI och UX. Ta en titt på bilderna nedan.
Visst är det intressant? Tack vare att knapparna som tog upp skärmyta har försvunnit har gester blivit avgörande för navigering både i och utanför våra mobilappar. Överväg därför att ha kortare introduktioner som inte tråkar ut nya användare och tvingar dem att hoppa över dem, så att du enkelt kan visa dem åt vilket håll de ska svepa för att komma dit de vill.
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.
Kommer du ihåg hur brutalismen blev en gångbar stil även för mer kommersiella och etablerade varumärken? Den här stilen är här för att stanna, åtminstone ett tag. Rutnät är flexibla och behöver inte vara extremt stela eftersom användarna har blivit alltmer vana vid hur digitala produkter fungerar. Sanningen är att sidor blir lite mindre förutsägbara och mer intressanta att läsa, vilket följande koncept exemplifierar.
Nyckeln är att hämta inspiration från de mer ”extrema” exemplen och anpassa dem efter produktens behov när det är möjligt, såvida inte produkten positionerar sig som nyskapande – i så fall är det bara att experimentera och testa – vi vill ju inte att någon går (fö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.
People who read this post, also found these interesting:
