MTE legt uit: wat is de Android-interface van 'Material Design' van Google?
Een van de meest opwindende veranderingen in Android 5.0 is de introductie van wat Google 'Materiaalontwerp' noemt, een nieuwe ontwerptaal die bepaalt hoe de apps van het bedrijf er in de toekomst uit zullen zien. Als je Android-blogs of -technologiesites volgt, heb je deze twee woorden misschien nogal wat rondgeslingerd. Maar wat bedoelen ze eigenlijk?
Laten we dit opsplitsen.
Denk na over materiaalontwerp letterlijk
Het grootste deel van wat u moet weten, wordt rechtstreeks in de naam uitgelegd - Materiaalontwerp. De nieuwe interface van Google is ontworpen om eruit te zien alsof het is gemaakt van materialen die u daadwerkelijk kunt aanraken. Door het gebruik van schaduwen en animaties moeten dingen op het scherm bewegen zoals je ze in werkelijkheid zou verwachten. Wanneer u op een knop tikt, komen er extra acties onder vandaan. Wanneer u van links schuift, worden menu's op het vorige scherm gescand. Wanneer u een app sluit, schuift deze weg naar de onderkant van het scherm. Het lijkt in zekere zin op interactie met een pak kaarten.
Dit is hoe Google-ontwikkelaars dingen hebben uitgelegd op Google I / O 2014.
Maar hoe ziet Material Design er eigenlijk uit?
Material Design leent uit concepten die al zijn toegepast op printontwerp (denk aan tijdschriften en kranten). Schaduwen helpen een gevoel van diepte te creëren waar er geen is, en correct gebruik kan het uiterlijk imiteren van papieren die verschillende lagen hoog zijn gestapeld.
Met behulp van deze zelfde technieken zien moderne apps eruit alsof ze een gevoel van diepte hebben. De zijbalk komt nog steeds vanaf de linkerkant van het scherm naar voren, maar nu moet deze over de actiebalk aan de bovenkant van het scherm zweven. Veel apps hebben een zwevende actieknop die bovenop andere elementen zweeft, en erop tikken kan meer opties van onderaf weergeven
Een handelsmerk van Material Design-apps tot dusverre waren gewaagde, heldere kleuren. Google heeft dit geïllustreerd in zijn eigen apps, waarbij Gmail rood is, Inbox by Gmail een lichtblauwe kleur heeft en steeds geel wordt. Play Music is oranje, Play Books is blauw, Play Newstand is paars, Play Games is groen en Play Video's zijn rood. De Play Store-app wisselt tussen deze vijf kleuren, maar dat alleen is niet wat het een goed voorbeeld van Material Design maakt.
Uw app kan grijs en saai zijn, zoals de huidige versie van Google Drive, en nog steeds voldoen aan ontwerprichtlijnen. Maar kleuren helpen je erachter te komen in welke app je zit en welke functie je aan het doen bent. Dus hoewel opvallende, opvallende kleuren geen inherent onderdeel van Material Design zijn, zijn ze nog steeds een goede zaak om te zien.
Animaties zijn essentieel
Het is een beetje een uitdaging om Material Design over te brengen in statische screenshots, en animaties zijn een grote reden waarom. Om echt alles echt als echt materiaal te laten voelen, heeft elk onderdeel van de gebruikersinterface zijn plaats. Apps schuiven vanaf de onderkant in het scherm en komen daar terug als je klaar bent.
In de Android 5.0-versie van Google Now Launcher wordt het pictogram van de app-lade weergegeven in de witte lade waarin uw apps zijn opgeslagen. Sidebars, knoppen en informatiekaarten komen allemaal ergens vandaan.
Deze animaties zien er niet alleen aantrekkelijk uit, ze helpen gebruikers ook te begrijpen wat er gebeurt. Wanneer een pagina van een app in een andere dia wordt geschoven, geeft dit aan dat u nu naar een andere set informatie kijkt, terwijl het lijkt alsof het scherm flikkert en direct verandert als het resultaat is van een glitch.
Animaties laten zien hoe verschillende aspecten van de gebruikersinterface reageren op onze aanraking, en dit wordt steeds belangrijker als we afstand nemen van apparaten met fysieke invoermethoden. We moeten weten wat er gebeurt als we op verschillende delen van het scherm tikken.
Materiaalontwerp gaat niet alleen over Android
Hoewel de nieuwe ontwerptaal van Google de meeste opwinding opwekt op zijn mobiele platform, geeft dat niet de oorsprong weer. Deze inspanning kwam voort uit uitdagingen die zijn opgetreden bij het maken van websites die op verschillende schermformaten worden geschaald. De zoekgigant wil de look en feel om over te schakelen op vormfactoren, waarbij mensen kunnen navigeren op één apparaat met behulp van de informatie die ze van een ander hebben geleerd. Material Design is al te zien in de webversies van Keep, Drive en Inbox by Gmail. De verwachting is dat deze ook prominenter zichtbaar wordt in Chrome OS.
Waar kan ik materiaalontwerp op Android vandaag vinden?
Nexus-apparaten die worden verzonden met Android 5.0 bieden al een grondige materiële ervaring. De nieuwste versie van het besturingssysteem is ook begonnen met de uitrol naar Nexus en Motorola-telefoons en -tablets. Mensen zonder Android 5.0 hoeven niet zonder te doen. Veel van de apps van Google hebben de overstap gemaakt en zijn beschikbaar in de Play Store. Je kunt ook onze lijst bekijken van acht andere apps die Material Design al laten zien.
En als u een Android-app-ontwikkelaar bent, heeft Google een Material Design-checklist uitgebracht die u kan helpen ervoor te zorgen dat u alles goed doet. Google heeft ook een website aangeboden die ook voor gewone mensen dingen duidelijk maakt.
Als je vragen hebt over Material Design, aarzel dan niet om weg te vragen in de comments hieronder!
Afbeeldingscredits: Android-ontwikkelaars, Google