Layout und Raster - oliverbra/Projekt1_HCI_TeamCMTO GitHub Wiki

Um ein einheitliches Layout Design zu gewährleisten, haben wir uns dafür entschieden, uns an einem bestimmten Raster zu orientieren. Dieses Raster besteht aus vier Spalten und acht Zeilen mit jeweils 24px Margin.

grid

Die Anordnung der Komponenten erfolgte über dieses Raster und definierte Abstände. Die Abstände verfolgen dabei einem exponentiellem Zahlensystem: 2, 4, 8, 16, 32 etc. . Dabei haben wir uns an der unten vermerkten Quelle1 orientiert.

abstände


1 Vgl. medium.com: Space in Design, 2016, URL: https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62 [Letzter Aufruf: 30.09.21]

⚠️ **GitHub.com Fallback** ⚠️