Material – Grafik-Framework für Googles Material Design

Material Design für die iOS-App

Googles Material Design ist nicht nur eine Designsprache: Das Webdesign soll sich an den bewährten Strukturen des Printdesigns orientieren. Klare Formen und Interfaces sollen dem Nutzer helfen, sich zurechtzufinden. Gerade der Wiedererkennungswert der typischen Designelemente ist für die User Experience nützlich. Möchte man Material Design in einer iOS-App einsetzen, kann die Verwendung des Grafik-Frameworks Material hilfreich sein.

Bei Material handelt es sich um ein Animations- und Grafik-Framework, das sich gleichermaßen für Googles Material Design und Apples Flat UI eignet. Der Einsatz des Frameworks verspricht die bekannten Designelemente auch für iOS: ein runder, schwebender Call-to-Action-Button unten rechts, das Hamburger-Menü oben links, starke, kontrastreiche Farben und eine schlichte, klare Font. Dazu noch ein flaches, frisches User Interface und die typischen Animationen – fertig ist Material Design.

Features von Material

Material Design soll die Prinzipien von gutem Design sowie den Fortschritt in Technologie und Wissenschaft zusammenbringen. „Material“ ist als Metapher zu verstehen: Die visuelle Sprache basiert auf den Grundlagen von Printdesign. Die haptische Oberfläche, Textur sowie andere dekorative Elemente sollen ein natürliches Verhalten der Objekte und des User Interfaces widerspiegeln und gleichzeitig dem Nutzer die bestmögliche User Experience bieten. Performance spielt dabei eine wichtige Rolle. Aus diesem Grund wird auf unnötige Elemente verzichtet. Dennoch sind Animationen und Bewegungen ein zentrales Prinzip von Material Design.

Das von CosmicMind entwickelte Framework bringt einige spannende Features für den Einsatz von Material Design in iOS mit sich. Dazu zählen etwa voll konfigurierbare UI-Komponenten, ein Grid-System für komplexe User Interfaces und Material Layers sowie Material Views zum Erstellen neuer UI-Elemente.

Material Layers, https://github.com/CosmicMind/Material

Außerdem verfügt Material über eine Layout Library, verschiedene Navigationselemente, Buttons und ein Toolset für animierte Menüs. Auch eine Material Color Library sowie eine Kamera- bzw. Video-Erweiterung sind vorhanden.

Material Color Library, https://github.com/CosmicMind/Material

Installation und Nutzungsbedingungen

Bei der Installation von Material helfen die Dependency-Manager CocoaPods und Carthage. Im Installations-Wiki finden sich Hilfen zur Installation des Frameworks. Voraussetzung für die Nutzung von Material sind iOS 8.0+ und Xcode 7.2+.

Alle Informationen zum Grafik-Framework und dessen Komponenten finden sich auf GitHub. Dort steht Material auch zum Download zur Verfügung.