Design Process – Indesign

I first looked at the dimensions of the margins around the edge, noticing the white space giving the design a clean modern feel. This is important for me to understand the dimensions in order to replicate it accurately in my design.

The column width of the body text is important, as I earlier noticed the 4 grid layout used throughout the magazine. The column width is exactly 50mm, with a 2.5mm gap until a small stroked line divides the next column, 2.5mm between.

 

20151201_12252420151201_12251720151201_122504

When implementing this into a digital design, I kept the same dimensions used for the front cover, and then changed the margins and columns to the measurement shown in the above images.

Screen Shot 2015-12-01 at 12.42.12.png

I moved a guide down to the bottom of the page, and then moved it 6mm vertically at 90 degrees, to show the baseline of the running foot of the document.

Screen Shot 2015-12-01 at 12.45.32Screen Shot 2015-12-01 at 12.45.49Screen Shot 2015-12-01 at 12.51.54.png

 

After getting my main structure in place, it was quite easy to then proportionally insert a framed box in which my image will sit. I want to use the rule of thirds that can be seen throughout the magazine, bleeding over the two pages.

Screen Shot 2015-12-01 at 12.55.00.png

The grid also gave me good structure to insert text which I outsourced from an article on the internet. Copying a big bulk text from the internet into a text box made it overflow, and in order to be able to change the style of the whole text, i used the little red box to draw a new text box. This meant that any changes I do to the point size or line spacing will effect that column too.Screen Shot 2015-12-01 at 13.28.20Screen Shot 2015-12-01 at 13.28.29

 

ADDING DROP CAPS

I added a drop caps to give more emphasis to the article, drawing the audience in and inviting them to begin reading the article.

Screen Shot 2015-12-01 at 13.32.16

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s