So, coming from a web site/app development background, I felt at home with a responsive 12 column grid system for designing interfaces. I’ve spent a bit of time now creating one within Unity to work with the built in UI system.

It allows you to define how many columns you want your layout to be based on and what your responsive break points are (which can be based on either a pixel width or aspect ratio, and can also be based on the screen or the particular container) and can also be nested as required. Each section can then be given a number of columns it should fill at each responsive size (with logical fallbacks where you don’t specify all sizes). The system also automatically works out the flow between items so when you want to navigate in a particular direction it can calculate which item you should move (based on relative positioning) to without you having to configure those links.

Plenty of graphical work to do but it seems quite nice to work with so far!