SlideShare a Scribd company logo
FACTUAL PAGE LAYOUT
Task 4
This is the first page that I created using the program InDesign, I was told to produce a page with
three columns, once I had adjusted the page settings to match this criteria I was then able to go on to
think about the layout of my text and images. I created content boxes on the page for where different
images and columns would be positioned so that I could think about what kind of image : text ratio I
would have within the page. After doing this I then sourced two different images that would be used
within the page and would fit in with the layout that I desired. Because I had chosen to have two
images which would lye vertically across the bottom and top of the page, acting as a header and footer,
this meant that I had to use Photoshop to adjust one of the images (the footer) so that it would look
fitting with the page. After I had done this I used the content boxes to place the images into their
correct place within the spread, using the guidelines I made sure that they were both in line with the
margins. I then sourced some lorem ipsum text to insert into the page, and added the text into the
columns which I has already created, I used the guidelines to make sure that they were all equally
spaced out throughout the page and flowed well. I added a pull out quote to break the text up which
was a larger size to the rest of the text and works well with the use of a drop capital at the beginning of
the copy to create balance for the eye when looking at the page.
I think that for my first attempt at using InDesign, this was a good attempt at creating a page
which could be use within a magazine or any other publication, however I have not properly used the
rulers and guidelines to their full potential to create a balanced piece of work. I think that I could have
explored the program more thoroughly in order to create a product of better quality, however producing
more page layouts would help me to do this
LAYOUT 1
LAYOUT 2
For my second page layout I decided to use different guideline to create a more interesting
spread, when I opened up the blank document I changed the columns and rows to 3x3 with a 2mm
margin. With my first layout I liked how the images were acting as headers and footers to the page, so I
decided to have one image was a header across the top of the page, so the first thing that I did was
create a content box which took over the whole top section of the page (the first row and three
columns) the image that I placed into this section is a very good example of how guidelines are very
important, you can see that there are 6 subjects within the image, and when you look at the guidelines
on the image you can see that the subjects are so evenly distributed within the photograph that two of
the subjects are featured within each column of the page. After I had the image in place I then went on
to creating content boxes for where I would have the copy within the page, I chose for there to be three
columns of text, however they would be broken up with a pull out quote at the top of the second
column and a small image at the bottom of the third column. I made sure that both the pill out quote
and the photograph fitted into one specific section created by the overlap of the rows and columns,
meaning that they were the same width of the text too, making the page as a whole seem more
balanced and even. I then added the text to the columns and used a drop capital at the beginning of
the copy and again at the start of the third column to add some interest to the text itself and make the
spread look more aesthetically pleasing.
I think that after creating this layout I have become more aware of how guidelines can be used to
ensure that a page looks balanced and in line, comparing this to my first layout you can see how the
use of rows as well as columns helps to create a page which is level and ordered.
LAYOUT 3
After my first two creations I decided to produce something a little more simplistic and clean
looking, I started by looking at different page layouts found in fashion magazines and particularly liked
the style of the articles that had more white space within them, which made the spread seem more
stylized as well as classic and clean. With this in mind I decided to source a hand drawn fashion sketch
that would be used within a magazine relevant to the subject. Once I had done this I then began to
produce a blank document within InDesign which only had two columns and three rows, I thought that
this kind of structure would be a god base for a more simplistic spread. I decided that the image I
sourced would be the only image on the page and would be situated to the right hand side and the title
would be opposite on the left as the eye reads left to right and I thought that this kind of situation would
make the page seem more reader-friendly. I used the guidelines of the rows and columns as well as
extra rulers to ensure that the title was positioned in the center of the first unit, and applied a very
feminine font that I think aesthetically matched the theme of the image text to the text, I also added a
crosshead underneath the header with a left orientation within the text box which I think adds balance
to the header and adds interest. I then simply created content boxes for the copy which filled the rest of
the two columns without over lapping on the image or the title, and made sure that there was a small
amount of white space once the text had finished as I wanted to add a blob to the page. I decided to
just add a small graphic of a love heart to the bottom left hand corner of the page, however I made
sure that I used guidelines to make sure that this graphic was in the correct position within the unit to
ensure that it would not offset the rets of the page.
Even though this page is very simplistic, I think that the concept works well and that I have begun
to understand more how even if there is a lot of white within a spread, a page can still look effective
and guidelines can help to make sure that parts of the page are placed correctly.
LAYOUT 4
I decided to create one last layout to make sure that I feel comfortable with using InDesign and
understand how to use different elements within the program to get the best results I can in the future. I
created a page with four columns and two rows to try and use a different structure to what I had
already produced within my other layout experiments. I proceeded to use content boxes to start to
piece together the placement of my text and images, I thought it would be interesting to source and
image that could be placed down the first two columns of the page, this would mean that it would take
up half of the page and that the text : image ratio would be even. I found an image that fitted perfectly
within the content box and was both colourful, then I decided that the title should reflect a colour from
the image, so wen on to create the header using the guidelines and placed it at the top of the next two
columns, extending over both of them and extracted a red colour from the image and applied it to the
text. Then I went onto create two content boxes for the rest of the copy which would be in two even
columns placed next to one another. I thought that having the text in a reverse colour (black
background with white font) would add an extra element to the page, and adding a drop capital to start
the article which was the same colour as the red used in the title would tie the whole thing together. I
included a pull out quote towards the end of the copy to break up the text and has the quotation marks
in the same red so that it was more noticeable.
I don’t think that this is the strongest of my layouts, but I have explored different ways of setting
out a page and how colours and images can be a large influence on how copy is accepted within a
piece of informative copy.
EXTENSION TASK
EXTENSION TASK
This was an extension task where I was asked to use a 3x3 grid and to try to ‘break the rules’,
this meant that I didn’t not have to keep to the guides that I set within the program InDesign. I started
off my opening up a blank document and setting the 3x3 grid as instructed, I then decided to create my
own margin which would be larger on one side than the other, giving an offset feel to the page as a
whole. I did this just by creating a black content box and altered the positioning of it so that it created
this effect. I then sourced an image that would be suitable that could be used for my margin as the
white space did not look right and I thought that with the black background a splash of colour would
look interesting. I found a tie-dye image and placed it into the document making sure that it fit the
content box I had designated for it and ensured that I changed the arrangement of the object and sent
the layer to the very back of the page so that everything else would sit on top of it. After this I then
decided to add an image into the page, I sourced one and placed it into the top left corner, I changed
the angle of the image however kept the frame in place, meaning that the original image was now on a
slant however seemed as though this was meant to be as it is in a conventional frame, this gives a
more interesting feel to the photograph. After this I went on to focus on my copy, I had decided that I
would put a large emphasis on using a drop capital, so created the drop capital and made it span a
whole unit (with a whit coloring so that it would be legible on the black background, I then put the rest
of my copy into the final 1 ½ columns. I think that the arrangement of the margins, copy and imagery
of this layout is very experimental and would work within an artistic magazine/newspaper product, or
even a fanzine as the layout has a rebellious feel as this is what was set within the brief of this
extension task.

More Related Content

What's hot

Editing process of my music magazine
Editing process of my music magazineEditing process of my music magazine
Editing process of my music magazineCharleyMartin95
 
Dps ps
Dps psDps ps
Dps psGemma
 
Development of front cover
Development of front coverDevelopment of front cover
Development of front cover
imogenlaw12
 
Evaluation print
Evaluation printEvaluation print
Evaluation print
stefan hughes
 
Print screens for the construction of my front cover, contents and double pag...
Print screens for the construction of my front cover, contents and double pag...Print screens for the construction of my front cover, contents and double pag...
Print screens for the construction of my front cover, contents and double pag...
brontesullivan14
 
6. FMP Production Reflection Part 2
6. FMP Production Reflection Part 26. FMP Production Reflection Part 2
6. FMP Production Reflection Part 2
TamzinTwose
 
Construction Of Magazine
Construction Of MagazineConstruction Of Magazine
Construction Of Magazine
Jordan
 
Double page process
Double page processDouble page process
Double page processr06424
 
Magazine design evaluation
Magazine design evaluationMagazine design evaluation
Magazine design evaluationempentertainment
 
Contents construction
Contents constructionContents construction
Contents construction
Lewis Thickpenny
 
Cover construction
Cover constructionCover construction
Cover construction
Lewis Thickpenny
 
Print Screens
Print ScreensPrint Screens
Print ScreensMaresx
 
Making of contents page
Making of contents pageMaking of contents page
Making of contents page
Katielewis98
 
Screen grabs
Screen grabsScreen grabs
Screen grabs
callum cook
 
Fanzine process
Fanzine processFanzine process
Fanzine process
Olivia Groom
 
Development of contents page
Development of contents pageDevelopment of contents page
Development of contents page
imogenlaw12
 

What's hot (20)

Editing process of my music magazine
Editing process of my music magazineEditing process of my music magazine
Editing process of my music magazine
 
Dps ps
Dps psDps ps
Dps ps
 
Development of front cover
Development of front coverDevelopment of front cover
Development of front cover
 
Evaluation print
Evaluation printEvaluation print
Evaluation print
 
Print screens for the construction of my front cover, contents and double pag...
Print screens for the construction of my front cover, contents and double pag...Print screens for the construction of my front cover, contents and double pag...
Print screens for the construction of my front cover, contents and double pag...
 
6. FMP Production Reflection Part 2
6. FMP Production Reflection Part 26. FMP Production Reflection Part 2
6. FMP Production Reflection Part 2
 
Construction Of Magazine
Construction Of MagazineConstruction Of Magazine
Construction Of Magazine
 
Double page process
Double page processDouble page process
Double page process
 
Magazine design evaluation
Magazine design evaluationMagazine design evaluation
Magazine design evaluation
 
Fl evaluation
Fl evaluationFl evaluation
Fl evaluation
 
Dps construction
Dps constructionDps construction
Dps construction
 
Contents construction
Contents constructionContents construction
Contents construction
 
Cover construction
Cover constructionCover construction
Cover construction
 
Print Screens
Print ScreensPrint Screens
Print Screens
 
Making of contents page
Making of contents pageMaking of contents page
Making of contents page
 
Evaluation
EvaluationEvaluation
Evaluation
 
Screen grabs
Screen grabsScreen grabs
Screen grabs
 
Fanzine process
Fanzine processFanzine process
Fanzine process
 
Development of contents page
Development of contents pageDevelopment of contents page
Development of contents page
 
Gerard and tom eval
Gerard and tom evalGerard and tom eval
Gerard and tom eval
 

Viewers also liked (17)

Task 10
Task 10Task 10
Task 10
 
Task 3
Task 3Task 3
Task 3
 
Planning
PlanningPlanning
Planning
 
Task 1
Task 1Task 1
Task 1
 
Task 6
Task 6Task 6
Task 6
 
Task 6
Task 6Task 6
Task 6
 
Task 6
Task 6Task 6
Task 6
 
Task 7
Task 7Task 7
Task 7
 
Task 2
Task 2Task 2
Task 2
 
Experiments evidence template
Experiments evidence templateExperiments evidence template
Experiments evidence template
 
Task 4
Task 4Task 4
Task 4
 
Task 3
Task 3Task 3
Task 3
 
Task 1 ep
Task 1 epTask 1 ep
Task 1 ep
 
Task 7
Task 7Task 7
Task 7
 
Task 1
Task 1Task 1
Task 1
 
Task 4
Task 4Task 4
Task 4
 
Task 9
Task 9Task 9
Task 9
 

Similar to Task 4

Mock Ups and Mock Up Analysis
Mock Ups and Mock Up AnalysisMock Ups and Mock Up Analysis
Mock Ups and Mock Up Analysis
izmacgreg
 
Production of double page spread
Production of double page spreadProduction of double page spread
Production of double page spreadJadeAndersonASmedia
 
Contents page development diary
Contents page development diaryContents page development diary
Contents page development diaryLiamattridge
 
In design task 4 x
In design task 4 xIn design task 4 x
In design task 4 xEmily Hooper
 
Double page spread screenshots
Double page spread screenshotsDouble page spread screenshots
Double page spread screenshotsasmediae12
 
6. production reflection
6. production reflection6. production reflection
6. production reflection
rachel haw
 
Contents page development diary
Contents page development diaryContents page development diary
Contents page development diaryLiamattridge
 
6. Production Reflection 2
6. Production Reflection 26. Production Reflection 2
6. Production Reflection 2
RebeccaEdwards79
 
production reflection magazine
production reflection magazine production reflection magazine
production reflection magazine
DanMorland
 
Contents page layout
Contents page layoutContents page layout
Contents page layout
zoya167
 
Music magazine construction
Music magazine constructionMusic magazine construction
Music magazine constructionAndrew Adega
 
Construction:
Construction:Construction:
Construction:rebecca
 
6. Production Reflection
6. Production Reflection6. Production Reflection
6. Production Reflection
RebeccaEdwards79
 
Magazine contents page deconstruction
Magazine contents page deconstruction Magazine contents page deconstruction
Magazine contents page deconstruction
trishamedia
 
Screen shots for contents
Screen shots for contentsScreen shots for contents
Screen shots for contentscharrrlll
 
Making of the double page spread
Making of the double page spreadMaking of the double page spread
Making of the double page spreadjoshfoo
 

Similar to Task 4 (20)

Task 10
Task 10Task 10
Task 10
 
Mock Ups and Mock Up Analysis
Mock Ups and Mock Up AnalysisMock Ups and Mock Up Analysis
Mock Ups and Mock Up Analysis
 
Production of double page spread
Production of double page spreadProduction of double page spread
Production of double page spread
 
Contents page development diary
Contents page development diaryContents page development diary
Contents page development diary
 
In design task 4 x
In design task 4 xIn design task 4 x
In design task 4 x
 
Double page spread screenshots
Double page spread screenshotsDouble page spread screenshots
Double page spread screenshots
 
6. production reflection
6. production reflection6. production reflection
6. production reflection
 
Contents page development diary
Contents page development diaryContents page development diary
Contents page development diary
 
Gerard ex
Gerard exGerard ex
Gerard ex
 
6. Production Reflection 2
6. Production Reflection 26. Production Reflection 2
6. Production Reflection 2
 
production reflection magazine
production reflection magazine production reflection magazine
production reflection magazine
 
Evaluation
EvaluationEvaluation
Evaluation
 
Contents page layout
Contents page layoutContents page layout
Contents page layout
 
Music magazine construction
Music magazine constructionMusic magazine construction
Music magazine construction
 
Construction:
Construction:Construction:
Construction:
 
6. Production Reflection
6. Production Reflection6. Production Reflection
6. Production Reflection
 
Magazine contents page deconstruction
Magazine contents page deconstruction Magazine contents page deconstruction
Magazine contents page deconstruction
 
Presentation1
Presentation1Presentation1
Presentation1
 
Screen shots for contents
Screen shots for contentsScreen shots for contents
Screen shots for contents
 
Making of the double page spread
Making of the double page spreadMaking of the double page spread
Making of the double page spread
 

More from Jordanne Thorpe (6)

Experiments evidence template
Experiments evidence templateExperiments evidence template
Experiments evidence template
 
Task 5
Task 5Task 5
Task 5
 
Task 1
Task 1Task 1
Task 1
 
Task 7
Task 7Task 7
Task 7
 
Task 5
Task 5Task 5
Task 5
 
Task 1
Task 1Task 1
Task 1
 

Recently uploaded

2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
kaushalkr1407
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
Special education needs
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
joachimlavalley1
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
Anna Sz.
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
Embracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic ImperativeEmbracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic Imperative
Peter Windle
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
DhatriParmar
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
EduSkills OECD
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Po-Chuan Chen
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 

Recently uploaded (20)

2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
Embracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic ImperativeEmbracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic Imperative
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 

Task 4

  • 2.
  • 3. This is the first page that I created using the program InDesign, I was told to produce a page with three columns, once I had adjusted the page settings to match this criteria I was then able to go on to think about the layout of my text and images. I created content boxes on the page for where different images and columns would be positioned so that I could think about what kind of image : text ratio I would have within the page. After doing this I then sourced two different images that would be used within the page and would fit in with the layout that I desired. Because I had chosen to have two images which would lye vertically across the bottom and top of the page, acting as a header and footer, this meant that I had to use Photoshop to adjust one of the images (the footer) so that it would look fitting with the page. After I had done this I used the content boxes to place the images into their correct place within the spread, using the guidelines I made sure that they were both in line with the margins. I then sourced some lorem ipsum text to insert into the page, and added the text into the columns which I has already created, I used the guidelines to make sure that they were all equally spaced out throughout the page and flowed well. I added a pull out quote to break the text up which was a larger size to the rest of the text and works well with the use of a drop capital at the beginning of the copy to create balance for the eye when looking at the page. I think that for my first attempt at using InDesign, this was a good attempt at creating a page which could be use within a magazine or any other publication, however I have not properly used the rulers and guidelines to their full potential to create a balanced piece of work. I think that I could have explored the program more thoroughly in order to create a product of better quality, however producing more page layouts would help me to do this LAYOUT 1
  • 4.
  • 5. LAYOUT 2 For my second page layout I decided to use different guideline to create a more interesting spread, when I opened up the blank document I changed the columns and rows to 3x3 with a 2mm margin. With my first layout I liked how the images were acting as headers and footers to the page, so I decided to have one image was a header across the top of the page, so the first thing that I did was create a content box which took over the whole top section of the page (the first row and three columns) the image that I placed into this section is a very good example of how guidelines are very important, you can see that there are 6 subjects within the image, and when you look at the guidelines on the image you can see that the subjects are so evenly distributed within the photograph that two of the subjects are featured within each column of the page. After I had the image in place I then went on to creating content boxes for where I would have the copy within the page, I chose for there to be three columns of text, however they would be broken up with a pull out quote at the top of the second column and a small image at the bottom of the third column. I made sure that both the pill out quote and the photograph fitted into one specific section created by the overlap of the rows and columns, meaning that they were the same width of the text too, making the page as a whole seem more balanced and even. I then added the text to the columns and used a drop capital at the beginning of the copy and again at the start of the third column to add some interest to the text itself and make the spread look more aesthetically pleasing. I think that after creating this layout I have become more aware of how guidelines can be used to ensure that a page looks balanced and in line, comparing this to my first layout you can see how the use of rows as well as columns helps to create a page which is level and ordered.
  • 6.
  • 7. LAYOUT 3 After my first two creations I decided to produce something a little more simplistic and clean looking, I started by looking at different page layouts found in fashion magazines and particularly liked the style of the articles that had more white space within them, which made the spread seem more stylized as well as classic and clean. With this in mind I decided to source a hand drawn fashion sketch that would be used within a magazine relevant to the subject. Once I had done this I then began to produce a blank document within InDesign which only had two columns and three rows, I thought that this kind of structure would be a god base for a more simplistic spread. I decided that the image I sourced would be the only image on the page and would be situated to the right hand side and the title would be opposite on the left as the eye reads left to right and I thought that this kind of situation would make the page seem more reader-friendly. I used the guidelines of the rows and columns as well as extra rulers to ensure that the title was positioned in the center of the first unit, and applied a very feminine font that I think aesthetically matched the theme of the image text to the text, I also added a crosshead underneath the header with a left orientation within the text box which I think adds balance to the header and adds interest. I then simply created content boxes for the copy which filled the rest of the two columns without over lapping on the image or the title, and made sure that there was a small amount of white space once the text had finished as I wanted to add a blob to the page. I decided to just add a small graphic of a love heart to the bottom left hand corner of the page, however I made sure that I used guidelines to make sure that this graphic was in the correct position within the unit to ensure that it would not offset the rets of the page. Even though this page is very simplistic, I think that the concept works well and that I have begun to understand more how even if there is a lot of white within a spread, a page can still look effective and guidelines can help to make sure that parts of the page are placed correctly.
  • 8.
  • 9. LAYOUT 4 I decided to create one last layout to make sure that I feel comfortable with using InDesign and understand how to use different elements within the program to get the best results I can in the future. I created a page with four columns and two rows to try and use a different structure to what I had already produced within my other layout experiments. I proceeded to use content boxes to start to piece together the placement of my text and images, I thought it would be interesting to source and image that could be placed down the first two columns of the page, this would mean that it would take up half of the page and that the text : image ratio would be even. I found an image that fitted perfectly within the content box and was both colourful, then I decided that the title should reflect a colour from the image, so wen on to create the header using the guidelines and placed it at the top of the next two columns, extending over both of them and extracted a red colour from the image and applied it to the text. Then I went onto create two content boxes for the rest of the copy which would be in two even columns placed next to one another. I thought that having the text in a reverse colour (black background with white font) would add an extra element to the page, and adding a drop capital to start the article which was the same colour as the red used in the title would tie the whole thing together. I included a pull out quote towards the end of the copy to break up the text and has the quotation marks in the same red so that it was more noticeable. I don’t think that this is the strongest of my layouts, but I have explored different ways of setting out a page and how colours and images can be a large influence on how copy is accepted within a piece of informative copy.
  • 11. EXTENSION TASK This was an extension task where I was asked to use a 3x3 grid and to try to ‘break the rules’, this meant that I didn’t not have to keep to the guides that I set within the program InDesign. I started off my opening up a blank document and setting the 3x3 grid as instructed, I then decided to create my own margin which would be larger on one side than the other, giving an offset feel to the page as a whole. I did this just by creating a black content box and altered the positioning of it so that it created this effect. I then sourced an image that would be suitable that could be used for my margin as the white space did not look right and I thought that with the black background a splash of colour would look interesting. I found a tie-dye image and placed it into the document making sure that it fit the content box I had designated for it and ensured that I changed the arrangement of the object and sent the layer to the very back of the page so that everything else would sit on top of it. After this I then decided to add an image into the page, I sourced one and placed it into the top left corner, I changed the angle of the image however kept the frame in place, meaning that the original image was now on a slant however seemed as though this was meant to be as it is in a conventional frame, this gives a more interesting feel to the photograph. After this I went on to focus on my copy, I had decided that I would put a large emphasis on using a drop capital, so created the drop capital and made it span a whole unit (with a whit coloring so that it would be legible on the black background, I then put the rest of my copy into the final 1 ½ columns. I think that the arrangement of the margins, copy and imagery of this layout is very experimental and would work within an artistic magazine/newspaper product, or even a fanzine as the layout has a rebellious feel as this is what was set within the brief of this extension task.