Material Design für die iOS-App

Material – Grafik-Framework für Googles Material Design
Kommentare

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.

https://github.com/CosmicMind/Material

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.

https://github.com/CosmicMind/Material

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.

Name Material
Hersteller Daniel Dahan and CosmicMind
Projektwebsite http://www.cosmicmind.io/
GitHub https://github.com/CosmicMind/Material

 

Aufmacherbild: Set of user interfaces in material design style template for mail app von Shutterstock / Urheberrecht: Hluboki Dzianis

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -