Pushing The Boundaries Of The Layout System And Typography
Speaker: Thorben Primke (https://twitter.com/tprimke?lang=de), Lin Wang
Creating designs and experiences that are consistent across different platforms and device factors can result in increased complexity for both design and engineering. One way to reduce the complexity is to create a design system that provides reusable building blocks and consistent guidelines. A design system may include guidelines for how components should be spaced or sized, typography, color scheme or how animations should behave. This talk will focus on building the foundation for component spacing/sizing and typography.
At Pinterest, the design team created a system that strives to provide a consistent experience across different platforms and device form factors.
At the core of this is a new unit to define a component's dimensions and spacing. The unit is called Boints or BT and is similar to DP but the multiplier is based on the device’s classification instead of the device’s density. In order to support a new sizing unit at the system level, the layout system has to be customized. This allows having custom attributes for width, height, margin or spacing whose values are in BT. Furthermore this system makes it possible to continue defining layouts in XML instead of programmatically in Java. This talk will go into detail on how this was achieved as well as the challenges we experienced.

Produced by Voice Republic

For more podcasts visit http://voicerepublic.com