Jump to content
Mike B

Affinity Designer: Grid and Axis Manager - Complex Responsive Grids

Recommended Posts

I am trying to create a complex responsive grid to easily work with bootstrap mockups:

 

- grid centered to artboard

- maintain constant gutter of 30px (no issues there)

- limit grid to 12 main columns

- set y axis grid to 32pt (or whatever lineheight I need for my type rythm, independent of gutter)

 

I know this is a very specific setup, and there are templates out there with column groups that approximate this, but even those aren't resizable, and you have to make a new group for every page, just tedious. Would love to set up some pre-programmable and responsive guides for different situations, and just select the guide I need for whatever project.

 

Just as a reference, Sketch seems to be able to do this quite nicely: https://medium.com/@petehouston/setup-twitter-bootstrap-grid-in-sketch-f6e69eab95c2

They have split this functionality out from the grid system into a layout system that has snapping behavior, in addition to the grid system. This way I can make the columns according to bootstrap grid layout, and the actual grid set to my type-face's baseline for vertical rhythm.

 

Thanks for listening :)

Screen Shot 2017-08-02 at 8.54.03 PM.png

Share this post


Link to post
Share on other sites

Any updates on this?

I'm using Zurb's Foundation Site framework for my sites and it would be great if a grid could be defined in the following way

  • Set a maximum width of the grid
  • Set a column count (most of the time 12)
  • Set the gutter width in % of the whole grid width

Thanks in advance ;)

Share this post


Link to post
Share on other sites
On 27/12/2017 at 4:42 PM, hirnschmalz said:

Any updates on this?

I'm using Zurb's Foundation Site framework for my sites and it would be great if a grid could be defined in the following way

  • Set a maximum width of the grid
  • Set a column count (most of the time 12)
  • Set the gutter width in % of the whole grid width

Thanks in advance ;)

The lack of image trace, shape builder and limitations of grids/guides are honestly the only things keeping me from abandoing Illustrator.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.