SlideShare una empresa de Scribd logo
1 de 18
unit 1:   Designing a Logo unit 2:   Business Documents unit 1:   Designing a Logo unit 2:   Business Documents unit 3:   Spreadsheets unit 4:   Using the Internet unit 5:   Page Design unit 6:   Advert/Poster Design unit 7:   Databases unit 8:   Multimedia after Christmas:   MAJOR PROJECT unit 5:   Page Design unit 3:   Spreadsheets unit 4:   Using the Internet
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
recapper Page structure Different elements Layout grids Recreated layout
Highlight all of the different elements that make up these page designs headline columns text-wrapping header sub-headline quote image side-box caption structure
open up the file  “ page structure” from Shared Documents Image Headline Text Sub-headline Quote
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Page design using Publisher skills The aim is to  be able to produce a realistic looking article
skills
Same font size Different  stretch Same font size Different  spacing skills
headline sub-headline quote side-box caption columns text-wrapping header image
grids
grids
Page Layout Grids Everything on the page should line up with something else.   grids
grids
 
Create your own page layout Concentrate on layout and style Use dummy text (‘Lorem ipsum…’) and dummy images for now >elements >position >layout grid create
Create your own magazine article Use your review of a website and suitable screenshots create Leave any spare space for adverts (add later) (Must be rectangular Across the page!) Full page advert if your article fits a page exactly
Be creative!
 

Más contenido relacionado

La actualidad más candente (7)

Convert PSD To Word Press In 6 Super Easy Steps
Convert PSD To Word Press In 6 Super Easy StepsConvert PSD To Word Press In 6 Super Easy Steps
Convert PSD To Word Press In 6 Super Easy Steps
 
5. pre production (js)
5. pre production (js)5. pre production (js)
5. pre production (js)
 
Evaluation question 7
Evaluation   question 7Evaluation   question 7
Evaluation question 7
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
Usabilityslideshow
 
Skills development contents page
Skills development contents pageSkills development contents page
Skills development contents page
 
Skills development double page spread
Skills development double page spreadSkills development double page spread
Skills development double page spread
 
Skills development front cover
Skills development front coverSkills development front cover
Skills development front cover
 

Destacado (6)

Как слипить счастья?!
Как слипить счастья?!Как слипить счастья?!
Как слипить счастья?!
 
Elperrolapanterayelmono2
Elperrolapanterayelmono2Elperrolapanterayelmono2
Elperrolapanterayelmono2
 
MASTER THESIS _ Petrovietnam Growth Open-Ended Fund (Duy Khanh Nguyen)
MASTER THESIS _ Petrovietnam Growth Open-Ended Fund (Duy   Khanh Nguyen)MASTER THESIS _ Petrovietnam Growth Open-Ended Fund (Duy   Khanh Nguyen)
MASTER THESIS _ Petrovietnam Growth Open-Ended Fund (Duy Khanh Nguyen)
 
patumpit
patumpitpatumpit
patumpit
 
banner camping
banner campingbanner camping
banner camping
 
Key experience Feb 2016
Key experience Feb 2016Key experience Feb 2016
Key experience Feb 2016
 

Similar a Unit 5 Page Design

ARTDM 171 Week 9: Designing Page Comps
ARTDM 171 Week 9: Designing Page CompsARTDM 171 Week 9: Designing Page Comps
ARTDM 171 Week 9: Designing Page Comps
Gilbert Guerrero
 
Drupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-ThemeDrupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-Theme
Mediacurrent
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverables
nathanacurtis
 
RPE - Template formating, style and stylesheet usage
RPE - Template formating, style and stylesheet usageRPE - Template formating, style and stylesheet usage
RPE - Template formating, style and stylesheet usage
GEBS Reporting
 
Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010
Mahesh Panchal
 
In design 2020 scripting read me
In design 2020 scripting read meIn design 2020 scripting read me
In design 2020 scripting read me
ssuserb96862
 
Project PlanPlan the website for your project by completing th.docx
Project PlanPlan the website for your project by completing th.docxProject PlanPlan the website for your project by completing th.docx
Project PlanPlan the website for your project by completing th.docx
wkyra78
 
1.03 Document Design PowerPoint
1.03 Document Design PowerPoint1.03 Document Design PowerPoint
1.03 Document Design PowerPoint
cindymartin
 

Similar a Unit 5 Page Design (20)

ARTDM 171 Week 9: Designing Page Comps
ARTDM 171 Week 9: Designing Page CompsARTDM 171 Week 9: Designing Page Comps
ARTDM 171 Week 9: Designing Page Comps
 
Introduction to Branding SharePoint
Introduction to Branding SharePointIntroduction to Branding SharePoint
Introduction to Branding SharePoint
 
Drupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-ThemeDrupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-Theme
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverables
 
RPE - Template formating, style and stylesheet usage
RPE - Template formating, style and stylesheet usageRPE - Template formating, style and stylesheet usage
RPE - Template formating, style and stylesheet usage
 
Library as publisher handout 4-ojs design-brief
Library as publisher handout 4-ojs design-briefLibrary as publisher handout 4-ojs design-brief
Library as publisher handout 4-ojs design-brief
 
Web designing
Web designingWeb designing
Web designing
 
Publisher2
Publisher2Publisher2
Publisher2
 
Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010
 
Share point 2013 Building Websites
Share point 2013 Building WebsitesShare point 2013 Building Websites
Share point 2013 Building Websites
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
In design 2020 scripting read me
In design 2020 scripting read meIn design 2020 scripting read me
In design 2020 scripting read me
 
Project PlanPlan the website for your project by completing th.docx
Project PlanPlan the website for your project by completing th.docxProject PlanPlan the website for your project by completing th.docx
Project PlanPlan the website for your project by completing th.docx
 
The Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint BrandingThe Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint Branding
 
1.03 Document Design PowerPoint
1.03 Document Design PowerPoint1.03 Document Design PowerPoint
1.03 Document Design PowerPoint
 
Creating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in Mind
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website Sitemap
 
Website
WebsiteWebsite
Website
 
Become a Confluence Whiz Kid: Organized Spaces and Beautiful Pages
Become a Confluence Whiz Kid: Organized Spaces and Beautiful PagesBecome a Confluence Whiz Kid: Organized Spaces and Beautiful Pages
Become a Confluence Whiz Kid: Organized Spaces and Beautiful Pages
 
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDewThe Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
 

Más de c.west

Do Review Improve
Do Review ImproveDo Review Improve
Do Review Improve
c.west
 
Making A Presentation (Student Version)
Making A Presentation (Student Version)Making A Presentation (Student Version)
Making A Presentation (Student Version)
c.west
 
Reading Level Tools In Word
Reading Level Tools In WordReading Level Tools In Word
Reading Level Tools In Word
c.west
 
Software
SoftwareSoftware
Software
c.west
 
Printing & Colour Separation
Printing & Colour SeparationPrinting & Colour Separation
Printing & Colour Separation
c.west
 
Hardware
HardwareHardware
Hardware
c.west
 
Stage 3 - Creating your project
Stage 3 - Creating your projectStage 3 - Creating your project
Stage 3 - Creating your project
c.west
 
Stage 2 - Deciding on a project
Stage 2 - Deciding on a projectStage 2 - Deciding on a project
Stage 2 - Deciding on a project
c.west
 
Stage 1 - Finding out
Stage 1 - Finding outStage 1 - Finding out
Stage 1 - Finding out
c.west
 
Environment Collages G2
Environment Collages G2Environment Collages G2
Environment Collages G2
c.west
 
Environment Collages G1
Environment Collages G1Environment Collages G1
Environment Collages G1
c.west
 
Unit 6 Poster And Advert Design
Unit 6   Poster And Advert DesignUnit 6   Poster And Advert Design
Unit 6 Poster And Advert Design
c.west
 
Unit 4 Using The Internet
Unit 4   Using The InternetUnit 4   Using The Internet
Unit 4 Using The Internet
c.west
 
Unit 3 Spreadsheets
Unit 3   SpreadsheetsUnit 3   Spreadsheets
Unit 3 Spreadsheets
c.west
 
Unit 2 Business Documents
Unit 2   Business DocumentsUnit 2   Business Documents
Unit 2 Business Documents
c.west
 
Unit 1 Logo Design
Unit 1   Logo DesignUnit 1   Logo Design
Unit 1 Logo Design
c.west
 
5. Production Form
5. Production Form5. Production Form
5. Production Form
c.west
 
4. Delivery Notes
4. Delivery Notes4. Delivery Notes
4. Delivery Notes
c.west
 
3. Order Form
3. Order Form3. Order Form
3. Order Form
c.west
 
2. Entity Relationship Diagram (Erd)
2. Entity Relationship Diagram (Erd)2. Entity Relationship Diagram (Erd)
2. Entity Relationship Diagram (Erd)
c.west
 

Más de c.west (20)

Do Review Improve
Do Review ImproveDo Review Improve
Do Review Improve
 
Making A Presentation (Student Version)
Making A Presentation (Student Version)Making A Presentation (Student Version)
Making A Presentation (Student Version)
 
Reading Level Tools In Word
Reading Level Tools In WordReading Level Tools In Word
Reading Level Tools In Word
 
Software
SoftwareSoftware
Software
 
Printing & Colour Separation
Printing & Colour SeparationPrinting & Colour Separation
Printing & Colour Separation
 
Hardware
HardwareHardware
Hardware
 
Stage 3 - Creating your project
Stage 3 - Creating your projectStage 3 - Creating your project
Stage 3 - Creating your project
 
Stage 2 - Deciding on a project
Stage 2 - Deciding on a projectStage 2 - Deciding on a project
Stage 2 - Deciding on a project
 
Stage 1 - Finding out
Stage 1 - Finding outStage 1 - Finding out
Stage 1 - Finding out
 
Environment Collages G2
Environment Collages G2Environment Collages G2
Environment Collages G2
 
Environment Collages G1
Environment Collages G1Environment Collages G1
Environment Collages G1
 
Unit 6 Poster And Advert Design
Unit 6   Poster And Advert DesignUnit 6   Poster And Advert Design
Unit 6 Poster And Advert Design
 
Unit 4 Using The Internet
Unit 4   Using The InternetUnit 4   Using The Internet
Unit 4 Using The Internet
 
Unit 3 Spreadsheets
Unit 3   SpreadsheetsUnit 3   Spreadsheets
Unit 3 Spreadsheets
 
Unit 2 Business Documents
Unit 2   Business DocumentsUnit 2   Business Documents
Unit 2 Business Documents
 
Unit 1 Logo Design
Unit 1   Logo DesignUnit 1   Logo Design
Unit 1 Logo Design
 
5. Production Form
5. Production Form5. Production Form
5. Production Form
 
4. Delivery Notes
4. Delivery Notes4. Delivery Notes
4. Delivery Notes
 
3. Order Form
3. Order Form3. Order Form
3. Order Form
 
2. Entity Relationship Diagram (Erd)
2. Entity Relationship Diagram (Erd)2. Entity Relationship Diagram (Erd)
2. Entity Relationship Diagram (Erd)
 

Unit 5 Page Design

  • 1. unit 1: Designing a Logo unit 2: Business Documents unit 1: Designing a Logo unit 2: Business Documents unit 3: Spreadsheets unit 4: Using the Internet unit 5: Page Design unit 6: Advert/Poster Design unit 7: Databases unit 8: Multimedia after Christmas: MAJOR PROJECT unit 5: Page Design unit 3: Spreadsheets unit 4: Using the Internet
  • 2.
  • 3. recapper Page structure Different elements Layout grids Recreated layout
  • 4. Highlight all of the different elements that make up these page designs headline columns text-wrapping header sub-headline quote image side-box caption structure
  • 5. open up the file “ page structure” from Shared Documents Image Headline Text Sub-headline Quote
  • 6.
  • 8. Same font size Different stretch Same font size Different spacing skills
  • 9. headline sub-headline quote side-box caption columns text-wrapping header image
  • 10. grids
  • 11. grids
  • 12. Page Layout Grids Everything on the page should line up with something else. grids
  • 13. grids
  • 14.  
  • 15. Create your own page layout Concentrate on layout and style Use dummy text (‘Lorem ipsum…’) and dummy images for now >elements >position >layout grid create
  • 16. Create your own magazine article Use your review of a website and suitable screenshots create Leave any spare space for adverts (add later) (Must be rectangular Across the page!) Full page advert if your article fits a page exactly
  • 18.