Moderna trender i utformningen av mobila gränssnitt
Inspiration / / December 26, 2019
lätt design
Den platta utformningen av ljus fanns en tendens att estetik. Utrymmet runt ett objekt inte används eller är inramad (med användning av gradienter, skuggor och liknande). Detta gör det möjligt att skapa ett enkelt gränssnitt med fokus enbart på den viktiga informationen. Inte bär semantisk belastningsdesignelement avlägsnas, spårar ett tydligt avvisande av de tomma dekorationer.
Ljusdesign inte distrahera för mycket uppmärksamhet till ögonen och hjälper lugnt glida över skärmen och bara fokusera på innehållet. Denna lösning gör det möjligt att enkelt navigera i gränssnittet, vilket är viktigt för användaren. Elegant modern estetik är inte bara tilltalande för ögat, men lämnar ett gott intryck.
Ett typsnitt för alla
Designers vägrar från en mängd olika typsnitt på skärmen och uppmärksamma typografi. Istället för att använda flera typsnitt eller typsnitt de ändrar helt enkelt teckenstorleken. Detta gör det möjligt att separera de enskilda delarna av innehåll.
Med maximal samma typsnitt hela programmet fungerar inte bara ett erkännande, men också för kommunikation av olika kanaler: applikationer, mobil och webbversionen av webbplatsen. Detta gör det möjligt att samla alla objekt i ett enda integrerat gränssnitt. Dessutom användare bekvämt rullande text lätt att hitta informationen.
Moduler och block - inga linjer
linje innan och separatorer används för att identifiera en viss del eller kategori på skärmen. Resultatet är en kompakt, men den överbelastade gränssnitt. Att överge linjer, designers började gruppera block, separera dem från varandra "luft" - tomrum. Som ett resultat av utseendet på programmet blir mer ren fri.
Önskan att bli av med de formella linjer och separatorer verkar på grund av de krav som den moderna utseende ansökan som i första hand - funktionaliteten. Därför, för att använda utrymmet så mycket som möjligt, började designers att leta efter mindre påträngande metoder för isolering. Till exempel, istället för de dragna linjerna används teckenstorlek eller förstoras bildlänkar.
Siffrorna i rampljuset
Användarinställningar alltmer skiftande mot enkla gränssnitt. Därför ska viktig information lämnas i förgrunden: siffrorna sticker ut (igen genom att öka teckenstorlek och ljusa färger) för att locka publikens uppmärksamhet.
Med hjälp av förbättrade teckensnitt och rika färger, är det lättare att rikta uppmärksamheten till ett visst område utan störande ytterligare kommandon och tangenttryckningar. Användaren får snabbt information via dess fina läge och enkel navigering.
Mikrointeraktiv
Mikrointeraktiv - är små element, såsom animation, som visas beroende på användningsscenarier. Sådana scenarier i olika situationer kan inkludera standardoperationer, popup-meddelanden på skärmen, de element som svarar på pressning.
Mikrointeraktiv används som en signal för användaren att utföra några åtgärder. Till exempel justerar inställningarna för sig själva och hjälpa honom att popup-hjälpmeddelande. Program som interaktiv är väl anges, lätt att använda, roligt och användar ihåg bättre.
Små palett av färger
Efter urskillningslös fortplantning av en plan konstruktion i 2013, när alla inspirerade tydlighet och enkelhet i design, ingår användning av enkla färgscheman på modet. Idag, både designers och användare både föredrar ett litet antal färger.
Färger måste betona den övergripande humör, för att styra användarens uppmärksamhet där det är nödvändigt att upprätta en anslutning med varumärket. Med ett litet antal färger lättare att återspegla den företagsidentitet. Dessutom användare som denna estetiska, eftersom uppmärksamheten inte utspridda, som i fallet med användning av en mängd olika nyanser, och så det är lättare att hitta nyckelfunktioner och navigera strömmen information.
Flerskiktsgränssnitt
gränssnitt avsedda för tidigare skeuomorph principer. Det antogs att designen följer formen av verkliga objekt (till exempel en kalender på datorn såg ut som en stationär papper kalender, alla ikoner utförs i 3D). Nu - med populariteten av platta design - kan ses tillbakadragande av denna princip vid vägkanten, som har möjlighet att representera djup på andra sätt. Främst - med hjälp av lager. Detta bidrar till att skapa en känsla av djup och storlek för att skapa ett konkret objekt.
Denna platt design riskerar att "alltför flat", och linjen är tunn: som en användare att navigera i en lägenhet ansökan och använda den, om den används för att omge 3D? Det finns en lösning - lager. Lager hjälp införa ett objekt till ett annat, att bygga relationer mellan elementen och markera det viktigaste.
genomskinliga knappar
Transparent knapp - en knapp utan fyllningsfärg, är gränserna för vilket indikerade mycket fin stroke. I detta fall är endast de enkla former användes: rektangulär eller kvadratisk, med raka eller rundade hörn. Text knappar i en så enkel och minimalistisk.
Genomskinliga knappar locka användarens uppmärksamhet, samtidigt som den är stilren, diskret och modernt utseende. Dessutom är det möjligt att bygga en hierarki, om du använder flera olika typer av knappar. Sålunda är de genomskinliga knappar måste peka på de ytterligare funktioner eller mellanverkande, och för vissa skuggor appliceras, kan användaren enkelt läsa den hierarkiska relationen.
gester
Med införandet av sensorer och gyroskop användarenheter bli smartare rörelse. Mänsklig interaktion med enheten möjliggörs inte bara genom kranar, men den verkliga tecken.
Människor intuitivt förstå hur enheten svarar på gester. Om du frågar användaren (oavsett vad det är kön eller ålder), hur man tar bort ett objekt, det är bara en rörelse smahnot det från skärmen. Med ökande erfarenhet av användarna klickar på knappen mindre och mer rullning. Metoder för samverkan med enheten blir mer interaktiv, och skärmen förvandlas till något mer än bara ett område för klick.
rörelse
Tack vare innovationer inom teknik designers kunde kontrollera förflyttning av lagren med stilar. Rörliga designelement kan ta många former, inklusive övergångar, animationer, och även texturer som efterliknar 3D-djupet. Medlemmar lärt sig att sätta allt i rörelse utan att fråga designers och utvecklare. De förändrar sitt eget innehåll, ändra element, objekt, data, snabbt läsa det viktigaste.
Rörelsen uppmärksammats. Men det är viktigt att förstå att det kan hjälpa användaren och kan distrahera honom. Och med rörelserna behöver veta när du ska sluta. Men i allmänhet, ökar ofta en visuell manifestation av svaret deras räckvidd på grund av wow-faktor.
Korta användarscenarier
Användarna behöver inte längre förstå den komplexa strukturen på sidorna. Designer skapar en enda sida, där, vid behov, det finns ytterligare faktorer. Denna lösning bidrar till att spara både tid och ansträngning. Till exempel är formen automatiskt eller markeras när användaren når ett visst område och försvinner när den rör sig till nästa.
Smartphone-användare gillar det när allt är lätt och enkel i ansökan. Hela design erfarenhet har åtagit sig att se till att minimera användarens ansträngning och öka svarshastigheten, så manus och bli kortare.
Design standarder - Den bästa lösningen
Design Standards - en process för att bilda ett visuellt språk i den inledande planeringsstadiet. Definierade grupper av standarder: färg, ikoner, den samlade materialet.
Definition av standarder bidrar till att skapa en logisk och konsekvent produkt utan mismatch på olika plattformar. Detta gör det möjligt att minska till noll risken för fel i samband med genomförandet av projektet och det är lättare att förändras i framtiden.
prototyping
Prototyp - detta förarbete på en tidig version av produkten. Använda prototyper för att skapa en funktionell design, förutse eventuella förändringar och svara på användarnas önskemål utan att slösa tid och krafter designerns.
Att skapa prisvärda experimentella lösningar - prototyper som kan vara kvalitativt räkna ut de viktigaste komponenterna i projektet: Viktiga egenskaper och tekniska krav. Detta bidrar till att spara tid och resurser för att lära sig genom erfarenhet, och för att bättre hantera produktframtagningsprocessen.