Flat plans / Mock-ups
Flat plans are drawings of a page layout that show where the
different text, picture and graphic elements will go on a page.
Flat plans give designers the chance to experiment with a wide
variety of different layouts quickly and easily, before coming to a
final decision on page layout.
They will allow you to experiment and try and find a layout you are
happy with before going into production.
This helps to cut down on production time and leads to a product
which has been clearly thought out.
Flat plans
2
b
Flat plans
From these simple first draft outlines you can
then produce a more detailed plan which
incorporates some example content
This will help to give you a better idea of how
your page might look.
Example Layout
20 21
ArticleHeading
Text Text
Text
Text
Information bar
www.bluesmag.co.uk www.bluesmag.co.uk
Example Front Cover
Additional cover line
Additional cover line
Picture
Here is a basic layout for
a front cover along with
an example image
Main Sell line
Additional cover line
MASTHEAD
Getting good marks
In order to gain high marks you must show
that you have drafted a range of ideas. One
single idea will not get high marks
You need to present your work clearly and
neatly. Badly presented work will not get
high marks
You need to make sure you manage you
time well, so that you hit your deadlines
and you produce a good range of work
 Work on layouts,
drafting, scripting or
storyboarding.
 Care taken in the
presentation of research
and planning
 Time management
Grading Criteria
Over to you
 Now it’s your turn to produce a flat plan / mock up for each page of your
magazine.
 Look at what you have found in your research and use it to inform and
influence your design.
 Your project should have a clear progression from research to planning and
then to production.

Mock ups and flat plans

  • 1.
    Flat plans /Mock-ups Flat plans are drawings of a page layout that show where the different text, picture and graphic elements will go on a page. Flat plans give designers the chance to experiment with a wide variety of different layouts quickly and easily, before coming to a final decision on page layout. They will allow you to experiment and try and find a layout you are happy with before going into production. This helps to cut down on production time and leads to a product which has been clearly thought out.
  • 2.
  • 3.
    Flat plans From thesesimple first draft outlines you can then produce a more detailed plan which incorporates some example content This will help to give you a better idea of how your page might look.
  • 4.
    Example Layout 20 21 ArticleHeading TextText Text Text Information bar www.bluesmag.co.uk www.bluesmag.co.uk
  • 5.
    Example Front Cover Additionalcover line Additional cover line Picture Here is a basic layout for a front cover along with an example image Main Sell line Additional cover line MASTHEAD
  • 6.
    Getting good marks Inorder to gain high marks you must show that you have drafted a range of ideas. One single idea will not get high marks You need to present your work clearly and neatly. Badly presented work will not get high marks You need to make sure you manage you time well, so that you hit your deadlines and you produce a good range of work  Work on layouts, drafting, scripting or storyboarding.  Care taken in the presentation of research and planning  Time management Grading Criteria
  • 7.
    Over to you Now it’s your turn to produce a flat plan / mock up for each page of your magazine.  Look at what you have found in your research and use it to inform and influence your design.  Your project should have a clear progression from research to planning and then to production.

Editor's Notes

  • #5 Incorporating an example picture and using fonts which I plan to use in the final piece has helped add depth to this flat plan. The footer also helps give a clear indication of the style of the magazine.