20 page spread font/design research/development

The look, layout and style of my 20 page spread has to be personal to me. It has to reflect visually my qualities in graphic design and my understanding/interpretation of how I aspire to present my work. As this has great importance to advertising me as a visual student and a Photographic Journalism student, I decided to start researching into current articles, magazines, looks and layouts of modern day. I take inspiration from things I see visually around me everyday.

Consistency and structure are high in my agenda for creating this Illustrator document, I want my fonts to ‘marry’ well together and the colours, design and layout to be consistent to show clean, sleek professional design.

Choosing my font: I am using the font hosting website dafont to search around for different fonts that appeal to the overall design I aspire to use for my final product. In my head I have a few different ideas and plans for the design, they just need to be put into situ and tweaked around with in order to work to my taste.

TYPOGRAPHY RESEARCH: 

Serif and sans serif fonts appeal to me as they have strong readability for any target audience and are a style that never becomes obsolete within the design/magazine area.

Teamed with placement, sizing and fitting colour(s) I plan to create a great final design to mirror my intentions and preference within my final outcome.

DESIGN RESEARCH:

These designs prove to be visually clean and professional, boasting a kind of look I aspire to create.

FONT INSTALLATION:

From my research and findings, I started to undergo the design in situ experiment and team fonts together with sizing, layout to test their durability to be used as finals for my Illustrator magazine style document. 

LAYOUT/SIZING EXPERIMENT:

Using Photoshop, I started to play around with the sizing of individual fonts to see if they worked within the constraints of my project intentions. I tweaked around with a few various sizes and layouts which I found fit well, using a basic and simple style font with an overall clean and readable design. 

(above) this works in some ways but the bold and titled text combined together creates too much of a harsh ‘in your face’ effect.

I have used these dark boxes to display where text and possible imagery would go within my document, this gives me a good indication of placement and how to adjust things to compliment all visual aspects within. 

from using the dark boxes, I took inspiration and quite like the design/power aspect of the dark box outlining the white title text and the end effect this creates. – Perhaps I’ll use this concept within my final design! Also, my downloaded title font works really well, just need to test it’s durability and if the consistency of it in situ proves to be too much.

COLOUR SCHEME

I am thinking of using a plain colour scheme of neutral blacks, greys, navy blues perhaps to show quite a different edge to my classic, sleek design.

At this stage, I’m going to spend time developing the designs further to test if they’ll work with the final product. I’m not certain on my joining font with the bold title so will test this out to see if my thoughts change when using the actual text from my research tasks.

MORE DESIGN EXPERIMENTS:

(below) I have used a variation of downloaded fonts to test their suitability for my final design. font experiment

COLOURS:

Using planned colour scheme of black, grey and navy blue I have started to experiment with the colours combined with the fonts to see if they visually work combined throughout.

grey

navy blue

zoom in

FONT/COLOUR:

greey

navyy

mix

mixx

SUBTEXT:

(below) both fonts ‘lane’ and ‘altera’ are very thin and quite unreadable to be used as a font for this magazine style document.

lorem ipsum text sample

lorem zoom

zooming further in allows me to see that altera as a font is far too thin and cannot be used as a final font, however Lane maybe could be.

FRONT COVER DESIGN:

I have been tweaking around with my chosen text and colour scheme. My front cover has developed into the module title of: History of Photo Journalism. I have used a kinetic typography kind of style with the sizing and placing of the lettering. This proves effective as it forms the words and recreates them into a strong visual- almost like a photograph.

front cover2

front cover 3

front cover

front cover 4

front cover 5

front cover 6

At this stage in design development I have several different designs for my front cover that I can bring forward for the final product. One thing holding me back is the sub-font I was going to use either lane or altera but they have both shown to visually not work as they aren’t as readable as I wanted them to be.

I shall now scope around dafont.com again to find a suited subtext which is thicker and ‘marries’ well with my main font.

Through hours of searching, I couldn’t find a font that I thought matched well with my current main one, therefore- I chose to use this font throughout despite it being all capitals, this shows consistency and allows clear readability for the viewer.

CREATION-

I now began to compile my research onto Photoshop A3 documents and create each page manually using the same consistent font, design, layouts etc. This took me several hours to tweak with the layouts for each side, and several attempts at compiling the final document together. From this I moved the slides from Photoshop, over to Illustrator pages and started to add the final touches which was also very time consuming and took precision!

historyfinal1historyfinal2historyfinal3historyfinal4historyfinal5historyfinal6 historyfinal7historyfinal8historyfinal9historyfinal10historyfinal11historyfinal12historyfinal13historyfinal15historyfinal16historyfinal17historyfinal18historyfinal20historyfinal21historyfinal22historyfinal23historyfinal24historyfinal25historyfinal26historyfinal27historyfinal28historyfinal29

[INPUT IMAGERY OF EACH SLIDE IN PHOTOSHOP AND THE SCOPE OF ILLUSTRATOR]

illustrator screen

Realising to upload the files onto ISSUU, they had to be 100mb in size, I saved the final document as a PDF and lowered the image quality and sizes of them to hopefully be small enough! despite having 29 pages to it.

I tested this on ISSUU without the images inputted, and it was under 100mb, which made me feel at ease. I then went through and inputted all the images, resized them right down and changed their quality to JPEG and medium, after saving each slide manually for 29 slides I finally saved it as a PDF- this took a very long time and worried me about the file size, although I thought it may be to do with the resizing of the images.

Now with my final magazine completed, I uploaded it onto ISSUU and have seen that it’s too large, exceeding the 100mb limit. This has really put a stall in the submission as I have worked for almost 2 days solidly in designing and completing this to fit the needs.

I am now going to try different methods of saving and resizing each slide, or perhaps take out the bradford trip part to make the file smaller.

final pdf

historyfinal

historyfinalfinal

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 )

Google photo

You are commenting using your Google 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 )

Connecting to %s