Making the Contents Page Zachariah J. Rowell
Stage 1 - Drafting I started out by making three rough drafts of my contents page. It was my intention to take the one that appealed to me most and develop a digital mock-up from it. I would select the best draft based on its likeness to other contents pages seen in real media products, what I believed to be the requirements of my target audience, and the overall layout.
 
This is the design that appealed to me the most.
Stage 2 – Digital Mock-up I made a basic digital mock-up of the draft using an image I found on the internet so that I could identify potential stumbling blocks in the process of creating the contents page and get a rough idea of how it might look.
This is the mock-up I made. It isn’t incredibly detailed but I found that I should have no real issues laying things out. One thing I did realise was that having the inSync logo, issue number and date under the “contents” header didn’t work very well, and so I shifted it to the left instead.
Stage 3 – Final Draft As a final part of the planning process, I produced a hand-drawn final draft taking into account discoveries I’d made in the making of the digital mock-up. From this draft I was to make the final contents page.
This is my final draft of the contents page. I outlined a rough colour scheme which would follow on directly from the house style established by the front cover.
Stage 4 – Contents Page (Attempt 1) This is my first attempt at creating the contents page. I felt that this contents page was unsuitable for my final product, but that it offered me a solid layout on which I could build. Criticisms of this contents page include the greyscale photo, which I believed to be too dark relative to my final front cover (I was initially hoping that it might provide an interesting contrast, but instead I considered it to look drab and a little boring); the brightness of the yellow orbs; and generally the lack of colour present.
Stage 4 – Contents Page (Attempt 1) Similarly, the greyscale photograph of the artist on the bottom left provided no real distinction in terms of style – it seemed too easy to mistake the main photo and this one for related artists. The pink tinge to the photograph I also thought simply didn’t work as pink is nowhere to be seen on the colour scheme. I think my spacing here is unprofessional, too – the top right of the page around the logo and issue number seemed too plain, and I could not think of anything to fill the huge chunk of unused space next to the reviews section.
Stage 4 – Contents Page (Attempt 2) This is the second version of my contents page. I actually considered this to be more of a regression than progression. In my attempts to address some of the previous issues I felt that I had worsened the appearance of the contents page. My biggest problem lay with the header. I had switched the font for a more blocky one similar to the one used on my digital mock-up so that the font weights between the issue number and the “contents” text did not clash. I also changed the colour to the beige colour featured elsewhere. I felt that these changes didn’t work.
Stage 4 – Contents Page (Attempt 2) I also disliked the issue number I had added because along with the lines it seemed like a poor attempt to put to use unused space. The logo at the top right I thought now looked out of place. The addition of the editorial was also something I didn’t like. It seemed reminiscent of something from magazines aimed at a younger audience and I thought that my audience might consider it cliché. Finally, the sepia tone of the main image was something I did actually like, but I believed it simply didn’t fit in because the full-colour image by the review section attracted more attention.
Stage 4 – Contents Page (Final Version) This is the final version of my contents page; the version I found myself satisfied with. I solved the issue of spacing around the header by adjusting the width of the “contents” text and black bar underneath, and by slipping in an image of the front cover at the top right to kick off the “features” section. I had seen similar design features in Q magazine. I changed the main photo to full-colour with edited contrast and lighting effects. I coloured the “contents” text with a gradient to match the circles on the page.
Stage 4 – Contents Page (Final Version) Because I felt that full-colour overpowered sepia tone in the attempt I made before this version, I changed the reviews section image to sepia tone. I felt that this worked well because it matched the colour scheme and the main image was the main focus. I extended the regulars section, removed the editorial, and inserted a revamped subscription advertisement in its place. The subscription area was improved through the addition of a blue colour similar to the blue on one model’s chequered shirt. This therefore matched the colour scheme and drew attention to the advert.

More Related Content

PPTX
EVALUATION - QUESTION I
ODP
EVALUATION - QUESTION 7
PPT
7. evaluation Print
PPT
Making of double-page_spread
PPTX
Evaluation
PPTX
Powerpoint of making
PPTX
Research-Final Project for Architectural Photography
PPTX
Evaluation fact
EVALUATION - QUESTION I
EVALUATION - QUESTION 7
7. evaluation Print
Making of double-page_spread
Evaluation
Powerpoint of making
Research-Final Project for Architectural Photography
Evaluation fact

What's hot (20)

PPTX
Research.updated
PPTX
6. production reflection
ODP
EXPLORING DIFFERENT LAYOUTS
PPTX
7. evaluation(3)
PPTX
7. fmp evaluation
PPTX
Contents construction
PPTX
Evaluation
PPTX
Evaluation print 2
PPTX
Feed-Back FMP
PPTX
7. evaluation v1
PDF
Front cover planning & development
PPTX
3. production experiments(3)
PPTX
3. production experiments (fmp)
PPT
Drafts of website final
PPTX
Evaluation
PPTX
3. production experiments real
PPT
Ancillary task poster
PPTX
Idea development
PPTX
Idea development
PPTX
Idea development
Research.updated
6. production reflection
EXPLORING DIFFERENT LAYOUTS
7. evaluation(3)
7. fmp evaluation
Contents construction
Evaluation
Evaluation print 2
Feed-Back FMP
7. evaluation v1
Front cover planning & development
3. production experiments(3)
3. production experiments (fmp)
Drafts of website final
Evaluation
3. production experiments real
Ancillary task poster
Idea development
Idea development
Idea development
Ad

Viewers also liked (7)

ODP
Top 50 gifts for christmas 2011
PPTX
Magazine Cover Analysis
PPT
Making of front_cover
ODP
TOP 50 GIFTS FOR CHRISTMAS 2011
PDF
Top 50 gifts for christmas 2011
Magazine Cover Analysis
Making of front_cover
TOP 50 GIFTS FOR CHRISTMAS 2011
Ad

Similar to Making of contents_page (20)

PPT
Contents page
PPTX
Making of the contents page
PPT
Contents Page of School Magazine
PPT
Step by step contents
PPTX
PPTX
Contents Page
PPTX
Mock Ups and Mock Up Analysis
PPTX
Step by Step Construction - Contents Page
PPTX
Making of contents page
PPTX
Contents Page Analysis
PPTX
Media q5
PPTX
Development of contents
PPTX
Print screens of contents
PPTX
Contents page construction
PPTX
Draft contents magazine process
PPTX
Contents page presentation
DOCX
Screen caps cp
PPTX
Cotents page stages of development
PPT
presentation slides
PPTX
Contents page
Making of the contents page
Contents Page of School Magazine
Step by step contents
Contents Page
Mock Ups and Mock Up Analysis
Step by Step Construction - Contents Page
Making of contents page
Contents Page Analysis
Media q5
Development of contents
Print screens of contents
Contents page construction
Draft contents magazine process
Contents page presentation
Screen caps cp
Cotents page stages of development
presentation slides

Recently uploaded (20)

PPTX
Benefits of Physical activity for teenagers.pptx
PDF
A comparative study of natural language inference in Swahili using monolingua...
PPTX
The various Industrial Revolutions .pptx
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
PDF
Hindi spoken digit analysis for native and non-native speakers
PDF
Abstractive summarization using multilingual text-to-text transfer transforme...
PDF
NewMind AI Weekly Chronicles – August ’25 Week III
PPT
What is a Computer? Input Devices /output devices
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PPTX
Microsoft Excel 365/2024 Beginner's training
PPTX
Custom Battery Pack Design Considerations for Performance and Safety
PDF
Consumable AI The What, Why & How for Small Teams.pdf
PPTX
Configure Apache Mutual Authentication
PDF
Credit Without Borders: AI and Financial Inclusion in Bangladesh
PPTX
Chapter 5: Probability Theory and Statistics
DOCX
search engine optimization ppt fir known well about this
PDF
STKI Israel Market Study 2025 version august
PDF
Two-dimensional Klein-Gordon and Sine-Gordon numerical solutions based on dee...
PDF
1 - Historical Antecedents, Social Consideration.pdf
Benefits of Physical activity for teenagers.pptx
A comparative study of natural language inference in Swahili using monolingua...
The various Industrial Revolutions .pptx
A contest of sentiment analysis: k-nearest neighbor versus neural network
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
Hindi spoken digit analysis for native and non-native speakers
Abstractive summarization using multilingual text-to-text transfer transforme...
NewMind AI Weekly Chronicles – August ’25 Week III
What is a Computer? Input Devices /output devices
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Microsoft Excel 365/2024 Beginner's training
Custom Battery Pack Design Considerations for Performance and Safety
Consumable AI The What, Why & How for Small Teams.pdf
Configure Apache Mutual Authentication
Credit Without Borders: AI and Financial Inclusion in Bangladesh
Chapter 5: Probability Theory and Statistics
search engine optimization ppt fir known well about this
STKI Israel Market Study 2025 version august
Two-dimensional Klein-Gordon and Sine-Gordon numerical solutions based on dee...
1 - Historical Antecedents, Social Consideration.pdf

Making of contents_page

  • 1. Making the Contents Page Zachariah J. Rowell
  • 2. Stage 1 - Drafting I started out by making three rough drafts of my contents page. It was my intention to take the one that appealed to me most and develop a digital mock-up from it. I would select the best draft based on its likeness to other contents pages seen in real media products, what I believed to be the requirements of my target audience, and the overall layout.
  • 3.  
  • 4. This is the design that appealed to me the most.
  • 5. Stage 2 – Digital Mock-up I made a basic digital mock-up of the draft using an image I found on the internet so that I could identify potential stumbling blocks in the process of creating the contents page and get a rough idea of how it might look.
  • 6. This is the mock-up I made. It isn’t incredibly detailed but I found that I should have no real issues laying things out. One thing I did realise was that having the inSync logo, issue number and date under the “contents” header didn’t work very well, and so I shifted it to the left instead.
  • 7. Stage 3 – Final Draft As a final part of the planning process, I produced a hand-drawn final draft taking into account discoveries I’d made in the making of the digital mock-up. From this draft I was to make the final contents page.
  • 8. This is my final draft of the contents page. I outlined a rough colour scheme which would follow on directly from the house style established by the front cover.
  • 9. Stage 4 – Contents Page (Attempt 1) This is my first attempt at creating the contents page. I felt that this contents page was unsuitable for my final product, but that it offered me a solid layout on which I could build. Criticisms of this contents page include the greyscale photo, which I believed to be too dark relative to my final front cover (I was initially hoping that it might provide an interesting contrast, but instead I considered it to look drab and a little boring); the brightness of the yellow orbs; and generally the lack of colour present.
  • 10. Stage 4 – Contents Page (Attempt 1) Similarly, the greyscale photograph of the artist on the bottom left provided no real distinction in terms of style – it seemed too easy to mistake the main photo and this one for related artists. The pink tinge to the photograph I also thought simply didn’t work as pink is nowhere to be seen on the colour scheme. I think my spacing here is unprofessional, too – the top right of the page around the logo and issue number seemed too plain, and I could not think of anything to fill the huge chunk of unused space next to the reviews section.
  • 11. Stage 4 – Contents Page (Attempt 2) This is the second version of my contents page. I actually considered this to be more of a regression than progression. In my attempts to address some of the previous issues I felt that I had worsened the appearance of the contents page. My biggest problem lay with the header. I had switched the font for a more blocky one similar to the one used on my digital mock-up so that the font weights between the issue number and the “contents” text did not clash. I also changed the colour to the beige colour featured elsewhere. I felt that these changes didn’t work.
  • 12. Stage 4 – Contents Page (Attempt 2) I also disliked the issue number I had added because along with the lines it seemed like a poor attempt to put to use unused space. The logo at the top right I thought now looked out of place. The addition of the editorial was also something I didn’t like. It seemed reminiscent of something from magazines aimed at a younger audience and I thought that my audience might consider it cliché. Finally, the sepia tone of the main image was something I did actually like, but I believed it simply didn’t fit in because the full-colour image by the review section attracted more attention.
  • 13. Stage 4 – Contents Page (Final Version) This is the final version of my contents page; the version I found myself satisfied with. I solved the issue of spacing around the header by adjusting the width of the “contents” text and black bar underneath, and by slipping in an image of the front cover at the top right to kick off the “features” section. I had seen similar design features in Q magazine. I changed the main photo to full-colour with edited contrast and lighting effects. I coloured the “contents” text with a gradient to match the circles on the page.
  • 14. Stage 4 – Contents Page (Final Version) Because I felt that full-colour overpowered sepia tone in the attempt I made before this version, I changed the reviews section image to sepia tone. I felt that this worked well because it matched the colour scheme and the main image was the main focus. I extended the regulars section, removed the editorial, and inserted a revamped subscription advertisement in its place. The subscription area was improved through the addition of a blue colour similar to the blue on one model’s chequered shirt. This therefore matched the colour scheme and drew attention to the advert.