SlideShare a Scribd company logo
1 of 7
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.

More Related Content

Viewers also liked

Key dps terms Pool E
Key dps terms Pool EKey dps terms Pool E
Key dps terms Pool Elou80
 
Escola municipal erso gomes
Escola municipal erso gomesEscola municipal erso gomes
Escola municipal erso gomesLorrayna-lola
 
предварительные ольга ривьера
предварительные ольга ривьерапредварительные ольга ривьера
предварительные ольга ривьерадиалект дизайна
 
Урок-конференция "Великая Отечественная война. Значение и цена победы"
Урок-конференция "Великая Отечественная война. Значение и цена победы"Урок-конференция "Великая Отечественная война. Значение и цена победы"
Урок-конференция "Великая Отечественная война. Значение и цена победы"Ann Volkova
 
Matt Beavis Presentation - QHR - Montreal, Canada - 24 10 12
Matt Beavis Presentation - QHR - Montreal, Canada - 24 10 12Matt Beavis Presentation - QHR - Montreal, Canada - 24 10 12
Matt Beavis Presentation - QHR - Montreal, Canada - 24 10 12Matt Beavis
 
Teaching with contrived experiences
Teaching with contrived experiencesTeaching with contrived experiences
Teaching with contrived experiencesmaricelvista
 
Teaching with contrived experiences by geline bote
Teaching with contrived experiences by geline boteTeaching with contrived experiences by geline bote
Teaching with contrived experiences by geline botegeline grace bote
 
Online Shopping vs Offline Shopping : A Comparative Study
Online Shopping vs Offline Shopping : A Comparative StudyOnline Shopping vs Offline Shopping : A Comparative Study
Online Shopping vs Offline Shopping : A Comparative StudyRaja Sarkar
 
teaching with contrived experiences
teaching with contrived experiencesteaching with contrived experiences
teaching with contrived experienceszyraville cañelas
 
Lesson 6 contrived experience
Lesson 6   contrived experienceLesson 6   contrived experience
Lesson 6 contrived experienceLeeboy Morales
 
Teaching with contrived experiences
Teaching with contrived experiencesTeaching with contrived experiences
Teaching with contrived experiencesmaricelvista
 

Viewers also liked (15)

Key dps terms Pool E
Key dps terms Pool EKey dps terms Pool E
Key dps terms Pool E
 
Escola municipal erso gomes
Escola municipal erso gomesEscola municipal erso gomes
Escola municipal erso gomes
 
Historia del mercadeo
Historia del mercadeoHistoria del mercadeo
Historia del mercadeo
 
предварительные ольга ривьера
предварительные ольга ривьерапредварительные ольга ривьера
предварительные ольга ривьера
 
Brittany - SSU Edited
Brittany - SSU EditedBrittany - SSU Edited
Brittany - SSU Edited
 
Урок-конференция "Великая Отечественная война. Значение и цена победы"
Урок-конференция "Великая Отечественная война. Значение и цена победы"Урок-конференция "Великая Отечественная война. Значение и цена победы"
Урок-конференция "Великая Отечественная война. Значение и цена победы"
 
Bancos 1
Bancos 1Bancos 1
Bancos 1
 
Matt Beavis Presentation - QHR - Montreal, Canada - 24 10 12
Matt Beavis Presentation - QHR - Montreal, Canada - 24 10 12Matt Beavis Presentation - QHR - Montreal, Canada - 24 10 12
Matt Beavis Presentation - QHR - Montreal, Canada - 24 10 12
 
Teaching with contrived experiences
Teaching with contrived experiencesTeaching with contrived experiences
Teaching with contrived experiences
 
Teaching with contrived experiences by geline bote
Teaching with contrived experiences by geline boteTeaching with contrived experiences by geline bote
Teaching with contrived experiences by geline bote
 
Husky dogs
Husky dogsHusky dogs
Husky dogs
 
Online Shopping vs Offline Shopping : A Comparative Study
Online Shopping vs Offline Shopping : A Comparative StudyOnline Shopping vs Offline Shopping : A Comparative Study
Online Shopping vs Offline Shopping : A Comparative Study
 
teaching with contrived experiences
teaching with contrived experiencesteaching with contrived experiences
teaching with contrived experiences
 
Lesson 6 contrived experience
Lesson 6   contrived experienceLesson 6   contrived experience
Lesson 6 contrived experience
 
Teaching with contrived experiences
Teaching with contrived experiencesTeaching with contrived experiences
Teaching with contrived experiences
 

Similar to Mock ups and flat plans

Architectural Professional Practice - Portfolio
Architectural Professional Practice - PortfolioArchitectural Professional Practice - Portfolio
Architectural Professional Practice - PortfolioGalala University
 
Research and planning style sheets, mock ups and flat plans
Research and planning style sheets, mock ups and flat plansResearch and planning style sheets, mock ups and flat plans
Research and planning style sheets, mock ups and flat planslou80
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesAmanda Kern
 
Part C Developing Your Design SolutionThe Production Cycle.docx
Part C Developing Your Design SolutionThe Production Cycle.docxPart C Developing Your Design SolutionThe Production Cycle.docx
Part C Developing Your Design SolutionThe Production Cycle.docxsmile790243
 
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skillsSteve
 
P4 showing ideas for the website
P4 showing ideas for the websiteP4 showing ideas for the website
P4 showing ideas for the websiteMrsNunn
 
planing timeline...................................
planing timeline...................................planing timeline...................................
planing timeline...................................ssuser9604cb1
 
Graphic Design Process.pptx
Graphic Design Process.pptxGraphic Design Process.pptx
Graphic Design Process.pptxFJAsufra
 
Types of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia InstituteTypes of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia InstituteRavi Bhadauria
 
Deksia printdesign salesdeck_v01_je
Deksia printdesign salesdeck_v01_jeDeksia printdesign salesdeck_v01_je
Deksia printdesign salesdeck_v01_jeDeksia
 
Information package_layout
Information package_layoutInformation package_layout
Information package_layoutCTR Barcelona
 
Information package Lyon layout
Information package Lyon layoutInformation package Lyon layout
Information package Lyon layoutCurso Media
 
Prerequisites — Classes or Knowledge Required for this Course.pdf
Prerequisites — Classes or Knowledge Required for this Course.pdfPrerequisites — Classes or Knowledge Required for this Course.pdf
Prerequisites — Classes or Knowledge Required for this Course.pdfmarketing413921
 
Amsterdam Pm Web Process
Amsterdam Pm Web ProcessAmsterdam Pm Web Process
Amsterdam Pm Web Processamsterdampm
 
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul HarisLia s. Associates | Branding & Design
 
Phase 1 description
Phase 1 description Phase 1 description
Phase 1 description Billy Plyler
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basicselmorandall
 
Are You Still Watching? How to Create Engaging Presentations for Virtual Lear...
Are You Still Watching? How to Create Engaging Presentations for Virtual Lear...Are You Still Watching? How to Create Engaging Presentations for Virtual Lear...
Are You Still Watching? How to Create Engaging Presentations for Virtual Lear...Aggregage
 

Similar to Mock ups and flat plans (20)

Architectural Professional Practice - Portfolio
Architectural Professional Practice - PortfolioArchitectural Professional Practice - Portfolio
Architectural Professional Practice - Portfolio
 
Research and planning style sheets, mock ups and flat plans
Research and planning style sheets, mock ups and flat plansResearch and planning style sheets, mock ups and flat plans
Research and planning style sheets, mock ups and flat plans
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
 
Part C Developing Your Design SolutionThe Production Cycle.docx
Part C Developing Your Design SolutionThe Production Cycle.docxPart C Developing Your Design SolutionThe Production Cycle.docx
Part C Developing Your Design SolutionThe Production Cycle.docx
 
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skills
 
P4 showing ideas for the website
P4 showing ideas for the websiteP4 showing ideas for the website
P4 showing ideas for the website
 
planing timeline...................................
planing timeline...................................planing timeline...................................
planing timeline...................................
 
Graphic Design Process.pptx
Graphic Design Process.pptxGraphic Design Process.pptx
Graphic Design Process.pptx
 
Types of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia InstituteTypes of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia Institute
 
Graphic narrative brief
Graphic narrative briefGraphic narrative brief
Graphic narrative brief
 
Deksia printdesign salesdeck_v01_je
Deksia printdesign salesdeck_v01_jeDeksia printdesign salesdeck_v01_je
Deksia printdesign salesdeck_v01_je
 
Information package_layout
Information package_layoutInformation package_layout
Information package_layout
 
Information package Lyon layout
Information package Lyon layoutInformation package Lyon layout
Information package Lyon layout
 
Prerequisites — Classes or Knowledge Required for this Course.pdf
Prerequisites — Classes or Knowledge Required for this Course.pdfPrerequisites — Classes or Knowledge Required for this Course.pdf
Prerequisites — Classes or Knowledge Required for this Course.pdf
 
Amsterdam Pm Web Process
Amsterdam Pm Web ProcessAmsterdam Pm Web Process
Amsterdam Pm Web Process
 
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
 
Phase 1 description
Phase 1 description Phase 1 description
Phase 1 description
 
CV2
CV2CV2
CV2
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basics
 
Are You Still Watching? How to Create Engaging Presentations for Virtual Lear...
Are You Still Watching? How to Create Engaging Presentations for Virtual Lear...Are You Still Watching? How to Create Engaging Presentations for Virtual Lear...
Are You Still Watching? How to Create Engaging Presentations for Virtual Lear...
 

More from lou80

A Grade Merlin Analysis
A Grade Merlin AnalysisA Grade Merlin Analysis
A Grade Merlin Analysislou80
 
A grade doc martin analysis
A grade doc martin analysisA grade doc martin analysis
A grade doc martin analysislou80
 
Netflix and the film industry
Netflix and the film industryNetflix and the film industry
Netflix and the film industrylou80
 
Representation of sexuality
Representation of sexualityRepresentation of sexuality
Representation of sexualitylou80
 
Student research on ethnicity
Student research on ethnicityStudent research on ethnicity
Student research on ethnicitylou80
 
Ethnicity
Ethnicity Ethnicity
Ethnicity lou80
 
Represenation of gender class work
Represenation of gender class workRepresenation of gender class work
Represenation of gender class worklou80
 
Camera work
Camera workCamera work
Camera worklou80
 
Introduction to TV Drama
Introduction to TV DramaIntroduction to TV Drama
Introduction to TV Dramalou80
 
Audiences
AudiencesAudiences
Audienceslou80
 
Focus on photography
Focus on photographyFocus on photography
Focus on photographylou80
 
Key dps terms
Key dps termsKey dps terms
Key dps termslou80
 
Pitch, pitch feedback and style sheet
Pitch,  pitch feedback and style sheetPitch,  pitch feedback and style sheet
Pitch, pitch feedback and style sheetlou80
 
Contents page anaysis
Contents page anaysisContents page anaysis
Contents page anaysislou80
 
Pitch and Audience Profile Handout
Pitch and Audience Profile HandoutPitch and Audience Profile Handout
Pitch and Audience Profile Handoutlou80
 
Pitch and Audience Profile
Pitch and Audience ProfilePitch and Audience Profile
Pitch and Audience Profilelou80
 
Student magazines
Student magazinesStudent magazines
Student magazineslou80
 
You tube wesch and vloggers
You tube wesch and vloggersYou tube wesch and vloggers
You tube wesch and vloggerslou80
 
Wikinomics and soundcloud
Wikinomics and soundcloudWikinomics and soundcloud
Wikinomics and soundcloudlou80
 
Wikinomics the big ideas
Wikinomics the big ideasWikinomics the big ideas
Wikinomics the big ideaslou80
 

More from lou80 (20)

A Grade Merlin Analysis
A Grade Merlin AnalysisA Grade Merlin Analysis
A Grade Merlin Analysis
 
A grade doc martin analysis
A grade doc martin analysisA grade doc martin analysis
A grade doc martin analysis
 
Netflix and the film industry
Netflix and the film industryNetflix and the film industry
Netflix and the film industry
 
Representation of sexuality
Representation of sexualityRepresentation of sexuality
Representation of sexuality
 
Student research on ethnicity
Student research on ethnicityStudent research on ethnicity
Student research on ethnicity
 
Ethnicity
Ethnicity Ethnicity
Ethnicity
 
Represenation of gender class work
Represenation of gender class workRepresenation of gender class work
Represenation of gender class work
 
Camera work
Camera workCamera work
Camera work
 
Introduction to TV Drama
Introduction to TV DramaIntroduction to TV Drama
Introduction to TV Drama
 
Audiences
AudiencesAudiences
Audiences
 
Focus on photography
Focus on photographyFocus on photography
Focus on photography
 
Key dps terms
Key dps termsKey dps terms
Key dps terms
 
Pitch, pitch feedback and style sheet
Pitch,  pitch feedback and style sheetPitch,  pitch feedback and style sheet
Pitch, pitch feedback and style sheet
 
Contents page anaysis
Contents page anaysisContents page anaysis
Contents page anaysis
 
Pitch and Audience Profile Handout
Pitch and Audience Profile HandoutPitch and Audience Profile Handout
Pitch and Audience Profile Handout
 
Pitch and Audience Profile
Pitch and Audience ProfilePitch and Audience Profile
Pitch and Audience Profile
 
Student magazines
Student magazinesStudent magazines
Student magazines
 
You tube wesch and vloggers
You tube wesch and vloggersYou tube wesch and vloggers
You tube wesch and vloggers
 
Wikinomics and soundcloud
Wikinomics and soundcloudWikinomics and soundcloud
Wikinomics and soundcloud
 
Wikinomics the big ideas
Wikinomics the big ideasWikinomics the big ideas
Wikinomics the big ideas
 

Recently uploaded

Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...jaredbarbolino94
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxEyham Joco
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaVirag Sontakke
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,Virag Sontakke
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxsocialsciencegdgrohi
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfUjwalaBharambe
 
Final demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxFinal demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxAvyJaneVismanos
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfMahmoud M. Sallam
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 

Recently uploaded (20)

Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of India
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
 
Final demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxFinal demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptx
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdf
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 

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.
  • 3. 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.
  • 4. Example Layout 20 21 ArticleHeading Text Text Text Text Information bar www.bluesmag.co.uk www.bluesmag.co.uk
  • 5. 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
  • 6. 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
  • 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

  1. 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.