SlideShare a Scribd company logo
1 of 5
Factual page layout task 4
By Lusi Ndoja
For my first page layout I have decided to use a 3x3 grid in order
to help me with the guidelines to have my layout well structured.
Firstly I have inserted the first image on the left hand side for this
design. And the main header is located at the side of the of there
the image is. This is so that it is the first thing you see which will
draw your attention in.
Secondly the text would be around the image starting from the
right hand side. Also I have used another image of the person
that the article would be about ‘Kate Moss’. this style of layout
was inspired by a page in vogue as I liked the layout as it looked
sophisticated and also well structured.
In the layout of the text I have used the drop capital tool as I have
found this technique is popular with many publications. I
especially used it in this layout as the reader will know where the
beginning of the sentence starts. In some fashion articles they
sometimes do not use all the white space on the background
called negative space. However on my layout I have used all the
white space.
The font is left black as well as I have gone for a simple, as this
type of layout and article will be found in a fashion magazines the
reader is more interested I the images that are inserted rather
than the text. The target audience for this type of magazine would
be aimed at women so I felt this type of style will work best and
would be well suited.
Following on, I have used the same article but however I have
rearranged the layout. This time I have experimented with the layout
and bended the rules to see what I could create.
Firstly, you can see that the main image I have inserted it in the centre
of the page in large so it’s the first thing the reader sees, as it draws
your attention.
The main title is written vertically rather than going across is a
horizontal line. This is to fill in the negative space.
I have used three different columns for this design. My first Column on
the left hand side on a vertical line I have gone outside the margins. I
have used a different font which is not very clear to read and not
appropriate. My last two columns placed on the top and bottom have
over lapped with the first column. This sort of technique is not used
much as it is not clear to the audience.
Experimenting with the page layout is something the youths would be
interested in as it makes the page busy with the overlapping of text and
experimenting with different fonts.
With my second development I have chosen the same 3x3 grid but
however the layout is different to the first. The main header is located
on the top of the page this is so it is the first piece of information the
reader will read abut and also the colour of the header is in red. I
have chosen this colour because of the image I have used. the three
images of the iconic singer Rihanna. The colour of her dress is red
and I have used the select colour tool to copy the exact colour for
the header. This technique is used in most publications, this gives
the layout a professional look as they match well together.
In the font I have used the word ‘Hot’ this and I have used the colour
red this links in with the three techniques as I have played with the
word. The font is bold and sharp and works well with the colour as its
bright and eye catching. Its screaming at the audience for attention
so it cannot be missed.
There are three columns and I have inserted the images in the centre
of the page across the three, I have selected a different range of
poses giving the audience a visual image.
Again the drop capital is used as it indicates where the start of the
sentence begins.
this layout was inspired by a tabloid magazines such as OK! As it is
simple but also the text and image are well balanced out with each
other.
My third idea I decided to go for a fashion type of layout. I have used the make boohoo.com as it is one of my preferred websites
and I felt it would be interesting to experiment with the layout to see what I could come up with.
I decided to use the reverse technique. Here you can see I have used a black background. I have also used a 4x4 grid to achieve
this design. I've located the main header of the layout alone the left hand side of the page and followed the same colour scheme
as the official site to give it a professional design. The subheading is on the left hand side also but this time it is on a horizontal
line, with subheadings for each column of information.
I liked this design as I got to experiment a lot more with the techniques as I used colours but also using the reverse technique,
where many page layouts are on a white negative background. With he colour scheme I have used the three colours throughout
(black, white and pink).
I have used to different images that are diagonal from each other with text. I have balanced the two out but having equal amount of
information with imagery.

More Related Content

What's hot (20)

Magazine development
Magazine developmentMagazine development
Magazine development
 
Magazine Creation
Magazine CreationMagazine Creation
Magazine Creation
 
College Magazine
College MagazineCollege Magazine
College Magazine
 
Designing
DesigningDesigning
Designing
 
Designing
DesigningDesigning
Designing
 
Final evaluation
Final evaluationFinal evaluation
Final evaluation
 
Designing
DesigningDesigning
Designing
 
Screenshots
ScreenshotsScreenshots
Screenshots
 
Mock ups analysis
Mock ups analysisMock ups analysis
Mock ups analysis
 
2. idea development 2
2. idea development 22. idea development 2
2. idea development 2
 
2. idea development
2. idea development2. idea development
2. idea development
 
Visual hierarchy
Visual hierarchyVisual hierarchy
Visual hierarchy
 
Evaluation for magazine contents page
Evaluation for magazine contents pageEvaluation for magazine contents page
Evaluation for magazine contents page
 
Page layout
Page layoutPage layout
Page layout
 
Statement of intent
Statement of intent Statement of intent
Statement of intent
 
Unit 13 LO3
Unit 13 LO3Unit 13 LO3
Unit 13 LO3
 
Print screens front cover
Print screens front coverPrint screens front cover
Print screens front cover
 
The layout for my front page will follow the conventions of a pop magazine
The layout for my front page will follow the conventions of a pop magazineThe layout for my front page will follow the conventions of a pop magazine
The layout for my front page will follow the conventions of a pop magazine
 
evaluation
evaluation evaluation
evaluation
 
Question 1
Question 1Question 1
Question 1
 

Viewers also liked (7)

Critical Responses Task 2
Critical Responses Task 2Critical Responses Task 2
Critical Responses Task 2
 
Page layout task 3
Page layout task 3Page layout task 3
Page layout task 3
 
Graphic narrative planning powerpoint
Graphic narrative planning powerpointGraphic narrative planning powerpoint
Graphic narrative planning powerpoint
 
Page Layout Task 3
Page Layout Task 3Page Layout Task 3
Page Layout Task 3
 
Page layout task 3
Page layout task 3Page layout task 3
Page layout task 3
 
Page Layout & Design: Task 3
Page Layout & Design: Task 3Page Layout & Design: Task 3
Page Layout & Design: Task 3
 
Visual hierarchy
Visual hierarchyVisual hierarchy
Visual hierarchy
 

Similar to Task 4 (20)

In design task 4 x
In design task 4 xIn design task 4 x
In design task 4 x
 
Construction of contents page
Construction of contents pageConstruction of contents page
Construction of contents page
 
Design development
Design developmentDesign development
Design development
 
Task 4
Task 4Task 4
Task 4
 
Planning and style sheets
Planning and style sheetsPlanning and style sheets
Planning and style sheets
 
Evaluation 2
Evaluation 2Evaluation 2
Evaluation 2
 
Evaluation Question 1
Evaluation Question 1Evaluation Question 1
Evaluation Question 1
 
6. production reflection(3)
6. production reflection(3)6. production reflection(3)
6. production reflection(3)
 
6. production reflection(3)
6. production reflection(3)6. production reflection(3)
6. production reflection(3)
 
As media evaluation
As media evaluationAs media evaluation
As media evaluation
 
Finalevaluation
FinalevaluationFinalevaluation
Finalevaluation
 
Contents construction
Contents constructionContents construction
Contents construction
 
Mock Ups and Mock Up Analysis
Mock Ups and Mock Up AnalysisMock Ups and Mock Up Analysis
Mock Ups and Mock Up Analysis
 
Magazine design evaluation
Magazine design evaluationMagazine design evaluation
Magazine design evaluation
 
Producing a music magazine
Producing a music magazineProducing a music magazine
Producing a music magazine
 
Eval Q1
Eval Q1Eval Q1
Eval Q1
 
Task 4
Task 4Task 4
Task 4
 
Evaluation question 7
Evaluation question 7Evaluation question 7
Evaluation question 7
 
Q1
Q1Q1
Q1
 
Media evaluation
Media evaluationMedia evaluation
Media evaluation
 

More from hndoja

Task 7
Task 7Task 7
Task 7
hndoja
 
Facutal page layout task 6
Facutal page layout task 6Facutal page layout task 6
Facutal page layout task 6
hndoja
 
Factual page layout task 5
Factual page layout task 5Factual page layout task 5
Factual page layout task 5
hndoja
 
Should factual products contain bias task 2
Should factual products contain bias task 2Should factual products contain bias task 2
Should factual products contain bias task 2
hndoja
 
Factual page layout task 1
Factual page layout task 1Factual page layout task 1
Factual page layout task 1
hndoja
 
Document 2
Document 2Document 2
Document 2
hndoja
 
On going evaluation (new)
On going evaluation (new)On going evaluation (new)
On going evaluation (new)
hndoja
 
Task 6 lo4%20pro%20forma[1]
Task 6 lo4%20pro%20forma[1]Task 6 lo4%20pro%20forma[1]
Task 6 lo4%20pro%20forma[1]
hndoja
 
On going evaluations ask (1)
On going evaluations ask (1)On going evaluations ask (1)
On going evaluations ask (1)
hndoja
 
On going evaluations ask
On going evaluations askOn going evaluations ask
On going evaluations ask
hndoja
 
On going evaluations ask
On going evaluations askOn going evaluations ask
On going evaluations ask
hndoja
 
On going evaluations ask
On going evaluations askOn going evaluations ask
On going evaluations ask
hndoja
 
Proposal pro forma task 5
Proposal pro forma task 5Proposal pro forma task 5
Proposal pro forma task 5
hndoja
 
Proposal pro forma task 5
Proposal pro forma task 5Proposal pro forma task 5
Proposal pro forma task 5
hndoja
 
Mind maps task 4
Mind maps task 4Mind maps task 4
Mind maps task 4
hndoja
 
Experiments evidence template task 2
Experiments evidence template task 2Experiments evidence template task 2
Experiments evidence template task 2
hndoja
 
Experimental photography task 1
Experimental photography task 1Experimental photography task 1
Experimental photography task 1
hndoja
 
Devlopment
DevlopmentDevlopment
Devlopment
hndoja
 
Further development task 5
Further development  task 5Further development  task 5
Further development task 5
hndoja
 
Further development task 5
Further development  task 5Further development  task 5
Further development task 5
hndoja
 

More from hndoja (20)

Task 7
Task 7Task 7
Task 7
 
Facutal page layout task 6
Facutal page layout task 6Facutal page layout task 6
Facutal page layout task 6
 
Factual page layout task 5
Factual page layout task 5Factual page layout task 5
Factual page layout task 5
 
Should factual products contain bias task 2
Should factual products contain bias task 2Should factual products contain bias task 2
Should factual products contain bias task 2
 
Factual page layout task 1
Factual page layout task 1Factual page layout task 1
Factual page layout task 1
 
Document 2
Document 2Document 2
Document 2
 
On going evaluation (new)
On going evaluation (new)On going evaluation (new)
On going evaluation (new)
 
Task 6 lo4%20pro%20forma[1]
Task 6 lo4%20pro%20forma[1]Task 6 lo4%20pro%20forma[1]
Task 6 lo4%20pro%20forma[1]
 
On going evaluations ask (1)
On going evaluations ask (1)On going evaluations ask (1)
On going evaluations ask (1)
 
On going evaluations ask
On going evaluations askOn going evaluations ask
On going evaluations ask
 
On going evaluations ask
On going evaluations askOn going evaluations ask
On going evaluations ask
 
On going evaluations ask
On going evaluations askOn going evaluations ask
On going evaluations ask
 
Proposal pro forma task 5
Proposal pro forma task 5Proposal pro forma task 5
Proposal pro forma task 5
 
Proposal pro forma task 5
Proposal pro forma task 5Proposal pro forma task 5
Proposal pro forma task 5
 
Mind maps task 4
Mind maps task 4Mind maps task 4
Mind maps task 4
 
Experiments evidence template task 2
Experiments evidence template task 2Experiments evidence template task 2
Experiments evidence template task 2
 
Experimental photography task 1
Experimental photography task 1Experimental photography task 1
Experimental photography task 1
 
Devlopment
DevlopmentDevlopment
Devlopment
 
Further development task 5
Further development  task 5Further development  task 5
Further development task 5
 
Further development task 5
Further development  task 5Further development  task 5
Further development task 5
 

Recently uploaded

QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonQUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
httgc7rh9c
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Our Environment Class 10 Science Notes pdf
Our Environment Class 10 Science Notes pdfOur Environment Class 10 Science Notes pdf
Our Environment Class 10 Science Notes pdf
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdfUGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
 
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonQUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.ppt
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
PANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptxPANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 

Task 4

  • 1. Factual page layout task 4 By Lusi Ndoja
  • 2. For my first page layout I have decided to use a 3x3 grid in order to help me with the guidelines to have my layout well structured. Firstly I have inserted the first image on the left hand side for this design. And the main header is located at the side of the of there the image is. This is so that it is the first thing you see which will draw your attention in. Secondly the text would be around the image starting from the right hand side. Also I have used another image of the person that the article would be about ‘Kate Moss’. this style of layout was inspired by a page in vogue as I liked the layout as it looked sophisticated and also well structured. In the layout of the text I have used the drop capital tool as I have found this technique is popular with many publications. I especially used it in this layout as the reader will know where the beginning of the sentence starts. In some fashion articles they sometimes do not use all the white space on the background called negative space. However on my layout I have used all the white space. The font is left black as well as I have gone for a simple, as this type of layout and article will be found in a fashion magazines the reader is more interested I the images that are inserted rather than the text. The target audience for this type of magazine would be aimed at women so I felt this type of style will work best and would be well suited.
  • 3. Following on, I have used the same article but however I have rearranged the layout. This time I have experimented with the layout and bended the rules to see what I could create. Firstly, you can see that the main image I have inserted it in the centre of the page in large so it’s the first thing the reader sees, as it draws your attention. The main title is written vertically rather than going across is a horizontal line. This is to fill in the negative space. I have used three different columns for this design. My first Column on the left hand side on a vertical line I have gone outside the margins. I have used a different font which is not very clear to read and not appropriate. My last two columns placed on the top and bottom have over lapped with the first column. This sort of technique is not used much as it is not clear to the audience. Experimenting with the page layout is something the youths would be interested in as it makes the page busy with the overlapping of text and experimenting with different fonts.
  • 4. With my second development I have chosen the same 3x3 grid but however the layout is different to the first. The main header is located on the top of the page this is so it is the first piece of information the reader will read abut and also the colour of the header is in red. I have chosen this colour because of the image I have used. the three images of the iconic singer Rihanna. The colour of her dress is red and I have used the select colour tool to copy the exact colour for the header. This technique is used in most publications, this gives the layout a professional look as they match well together. In the font I have used the word ‘Hot’ this and I have used the colour red this links in with the three techniques as I have played with the word. The font is bold and sharp and works well with the colour as its bright and eye catching. Its screaming at the audience for attention so it cannot be missed. There are three columns and I have inserted the images in the centre of the page across the three, I have selected a different range of poses giving the audience a visual image. Again the drop capital is used as it indicates where the start of the sentence begins. this layout was inspired by a tabloid magazines such as OK! As it is simple but also the text and image are well balanced out with each other.
  • 5. My third idea I decided to go for a fashion type of layout. I have used the make boohoo.com as it is one of my preferred websites and I felt it would be interesting to experiment with the layout to see what I could come up with. I decided to use the reverse technique. Here you can see I have used a black background. I have also used a 4x4 grid to achieve this design. I've located the main header of the layout alone the left hand side of the page and followed the same colour scheme as the official site to give it a professional design. The subheading is on the left hand side also but this time it is on a horizontal line, with subheadings for each column of information. I liked this design as I got to experiment a lot more with the techniques as I used colours but also using the reverse technique, where many page layouts are on a white negative background. With he colour scheme I have used the three colours throughout (black, white and pink). I have used to different images that are diagonal from each other with text. I have balanced the two out but having equal amount of information with imagery.