Moderne trends in het ontwerp van mobiele interfaces
Inspiratie / / December 26, 2019
lichtontwerp
Het platte ontwerp van het licht was er een tendens om esthetiek. De ruimte rond een object wordt toegepast, wordt ontworpen (gebruikt gradiënten, schaduwen en dergelijke). Hiermee kunt u een eenvoudige interface te creëren met een focus alleen op de belangrijke informatie. Niet voorzien semantische ladingsontwerp elementen worden verwijderd, trekt een duidelijke afwijzing van de lege decoraties.
Lichtontwerp niet af te leiden te veel aandacht voor de ogen en helpt rustig glijden over het scherm en alleen richten op de inhoud. Deze oplossing maakt het mogelijk om gemakkelijk te navigeren door de interface, die belangrijk is voor de gebruiker. Elegante en moderne esthetiek is niet alleen een lust voor het oog, maar laat een goede indruk.
Een lettertype voor alle
Ontwerpers weigeren van een grote verscheidenheid van lettertypes op het scherm en let op typografie. In plaats van het gebruik van meerdere lettertypen en lettertype ze gewoon veranderen de lettergrootte. Dit maakt het mogelijk de afzonderlijke inhoud scheiden.
Met behulp van de maximale enkelvoudige lettertype door de gehele applicatie werkt niet alleen erkenning, maar ook voor de communicatie van verschillende kanalen: toepassingen, mobiele en web-versie van de site. Hiermee kunt u alle items in een enkele, geïntegreerde interface verzamelen. Daarnaast kunnen gebruikers gemakkelijk scrollende tekst eenvoudig om de informatie te vinden.
Modules en blokkeert - geen lijnen
lijn voor en afscheiders gebruikt om een bepaald gedeelte of categorie op het scherm te identificeren. Het resultaat is een compacte, maar de overbelaste interface. Het loslaten van lijnen, ontwerpers begon te groeperen blokken, die hen scheidt van elkaar "lucht" - spatie. Als gevolg hiervan, het uiterlijk van de applicatie wordt zuiverder gratis.
De wens om zich te ontdoen van de formele regels en afscheiders lijkt te wijten aan de eisen van de moderne uitstraling van de toepassing waarvoor in de eerste plaats - de functionaliteit. Daarom, om de ruimte zo goed mogelijk te gebruiken, de ontwerpers begon te zoeken naar minder ingrijpende methoden van isolatie. Bijvoorbeeld, in plaats van de getekende lijnen gebruikte font size of vergroot beeldverbindingen.
Cijfers in focus
Voorkeuren van de gebruiker verschuiven steeds meer in de richting van eenvoudige interfaces. Daarom zal belangrijke informatie naar voren worden ingediend: de cijfers opvallen (weer door de lettergrootte en heldere kleuren toenemende) om de aandacht van het publiek te trekken.
Met behulp van verbeterde lettertypes en rijke kleuren, is het makkelijker om de aandacht te vestigen op een bepaald gebied zonder opdringerig extra opdrachten en toetsaanslagen. De gebruiker snel ontvangt informatie via een gunstige ligging en gemakkelijke navigatie.
Mikrointeraktiv
Mikrointeraktiv - klein elementen, zoals animatie, die afhankelijk van gebruiksscenario's weergegeven. Dergelijke scenario's in verschillende situaties kunnen standaardbewerkingen, pop-up berichten op het scherm, de elementen die reageren op drukken.
Mikrointeraktiv gebruikt als een signaal voor de gebruiker die een actie. Bijvoorbeeld, het past automatisch de instellingen voor zichzelf, en hem te helpen bij het pop-up help bericht. Toepassingen die interactief is goed ingedeeld, gemakkelijk te gebruiken, leuk en gebruiker beter te onthouden.
Kleine kleurenpalet
Na selectieve vermeerdering van een vlak ontwerp in 2013, toen alle geïnspireerd duidelijkheid en eenvoud van ontwerp, inclusief het gebruik van eenvoudige kleuren in zwang. Vandaag de dag, zowel voor ontwerpers en gebruikers de voorkeur aan een klein aantal van de kleur.
Kleuren moeten nadruk leggen op de algemene stemming, om de aandacht van de gebruiker te leiden waar het noodzakelijk is om de verbinding met het merk vast te stellen. Met een klein aantal kleuren gemakkelijker om de eigen corporate identity. Daarnaast kunnen gebruikers als deze esthetische, omdat de aandacht wordt niet verspreid, zoals in het geval met behulp van een scala aan tinten, en dus is het makkelijker om de belangrijkste functies te vinden en navigeren door de stroom informatie.
Multi-layer-interface
interfaces ontworpen voor eerdere skeuomorph principes. Het was dat het ontwerp volgt de vorm van echte objecten (zoals een kalender op de computer zag eruit als een desktop papieren kalender, alle pictogrammen worden uitgevoerd in 3D) aangenomen. Nu - met de populariteit van platte ontwerp - kan worden gezien intrekking van dit principe uit de boot, evenals de mogelijkheid om diepte op een andere manier te vertegenwoordigen. Vooral - met behulp van lagen. Dit helpt om een gevoel van diepte en grootte aan te maken om een tastbaar object te maken.
Het platte ontwerp dreigt "te plat", en de lijn is dun: als gebruiker om te navigeren in een flat toepassing en gebruik het, als het wordt gebruikt om te omringen 3D? Er is een oplossing - lagen. Lagen hulp opleggen ene object naar het andere, om relaties op te bouwen tussen de elementen en markeer de belangrijkste.
transparante knoppen
Knop Transparant - een knop, zonder de vulkleur, waarvan de grenzen worden aangegeven zeer fijne beroerte. In dit geval worden alleen de eenvoudige vormen gebruikt: rechthoekig of vierkant, met rechte of afgeronde hoeken. Tekst knoppen in zo'n eenvoudige en minimalistische.
Transparante knoppen trekken de aandacht van de gebruiker, terwijl de resterende overzichtelijk, onopvallend, en moderne look. Daarnaast is het mogelijk om een hiërarchie op te bouwen, als je verschillende soorten knoppen te gebruiken. Dus de transparante knoppen moeten wijzen op de extra functies of tussenliggende werkend, en voor sommige schaduwen worden toegepast, kan de gebruiker gemakkelijk lezen hiërarchische relatie.
gebaren
Met de introductie van sensors en gyroscopen gebruikersapparatuur intelligenter beweging. Menselijke interactie met het toestel mogelijk niet alleen door klikken, maar ook echte gebaren.
Mensen intuïtief te begrijpen hoe het apparaat reageert op beweging. Als u de gebruiker vragen (maakt niet uit wat het is geslacht of leeftijd), hoe je een item te verwijderen, het is gewoon een beweging smahnot het van het scherm. Met de toenemende ervaring van de gebruikers klikken op de knop minder en meer scrollen. Methoden van de interactie met het apparaat interactiever worden en het scherm verandert in iets meer dan alleen een ruimte voor klikken.
beweging
Dankzij innovaties in de technologie ontwerpers in staat waren om de beweging van de lagen te bedienen met stijlen. Bewegende elementen kan vele vormen, met inbegrip van overgangen, animatie en zelfs texturen die de 3D-diepte na te bootsen nemen. Leden geleerd te brengen alles in beweging zonder te vragen ontwerpers of ontwikkelaars. Ze zijn het transformeren van hun eigen inhoud, te wijzigen elementen, objecten, data, snel lezen het belangrijkste.
De beweging trok de aandacht. Maar het is belangrijk te begrijpen dat het de gebruiker kan helpen, en kan hem af te leiden. En met de bewegingen moet weten wanneer te stoppen. Maar in het algemeen, een visuele manifestatie van de reactie vaak verhoogt hun bereik als gevolg van de wow-factor.
Korte user's
Gebruikers hoeven niet langer de complexe structuur van de pagina's te begrijpen. Designer maakt één pagina, waar, indien nodig, zijn er extra elementen. Deze oplossing helpt om tijd en moeite besparen. Zo wordt het formulier automatisch weergegeven of gemarkeerd wanneer de gebruiker een bepaald gebied komt en verdwijnt wanneer het beweegt naar de volgende.
Smartphone-gebruikers vinden het prettig als alles is gemakkelijk en eenvoudig in gebruik. De hele ervaring in het ontwerpen is toegewijd om de gebruiker zoveel mogelijk te vermijden en verhoging van de reactiesnelheid, zodat de scripts en korter worden.
Ontwerp-normen - de beste oplossing
Ontwerp Standards - een proces van het vormen van een visuele taal in de eerste ontwerpfase. Gedefinieerde groepen van de normen: de kleur, de iconen, de algehele presentatie van het materiaal.
Definitie van normen helpt om een logische en consistente product te creëren zonder mismatch op verschillende platforms. Dit stelt ons in de uitvoering van het project om tot nul te reduceren de kans op fouten en is het gemakkelijker om in de toekomst veranderen.
prototyping
Prototyping - dit is voorbereidend werk op een vroege versie van het product. Met behulp van prototypes van een functioneel ontwerp te maken, te voorspellen mogelijke veranderingen en om te reageren op verzoeken van gebruikers, zonder verspilling van tijd en krachten de ontwerper.
Het creëren van betaalbare experimentele oplossingen - prototypes die kwalitatief kan werken de belangrijkste onderdelen van het project: de belangrijkste kenmerken en technische vereisten. Dit bespaart tijd en middelen, om te leren door ervaring, en een beter beheer van het product creatie proces.