We will be vetting your body text typeface choices for your magazine, choosing typesize & leading, and organizing your collected content into a general editorial order by creating a flatplan—this will help you define your magazine sections and create an estimate for pages within your front of book, feature wells, and back of book. Before class ends you will have a rough calendar timeline of deliverables for each of your magazines.
*Lectures:
Lectures for Week 1 (zip file)
______________________
In class exercise:
Choose the text from one of your articles and fill one of your magazine pages with your body text typeface(s) from your mood board. (You may create a 1 or 2 column layout for this typeface spec sheet). At the top of the page, add the typeface name, point size/leading.
Create 3 typeface spec sheet pages.
Vary the point size and/or leading.
*In Class Good body text files and flat plan template (zip file)
Read:
Do:
1. Refine your summer homework. Document body text typeface, size, & leading. Add these files to your final presentation template and then print them out/bring them in next week.
2. Finish your flatplan to get content order, pacing and a rough idea of page count. Build in spaces for advertisements. Use color to distinguish sections/ads/content. Take a screen grab of your flatplan with guide/grids showing and place that image into your presentation document.
* Click here and use this template for your presentation document (InDesign file)
3. If needed, cut content if your magazine is far too long or review your reader personas to generate new content ideas to reach your minimum 48 page magazine.
4. Bring the collected text for one article and the images that you found for that article to class next week.
- Weekly outline for class (pdf)
Flatplans:
- Intelligent Flatplan (subscription site for creating a flat plan in a browser)
- Digital Flatplans: Project Context (video)
- Digital Flatplans Part 2: Project Context converts to AEM Screens (video)
Magazine Printing:
Body Text:
- Choose The Right Face For A Beautiful Body Selecting typefaces for body text
Letter Shaping Game
The Bézier Game
Plotting Vector Points with Jessica Hische
Letter Building: Scaling & Shaping
Horizontal & Vertical Bézier Handles
Lettering Tutorial
Vector Lettering Techniques
This week we will be reviewing magazine roles, moodboard types, and how to use your moodboard for your magazine. Then we’ll be discussing taglines and elements of an article.
*Lectures:
_____________________
Review your summer homework in quad groups and with me.
*In Class
Read:
- Creating a readable page (site)
- Review— Feature article: labeled components & student samples (pdf)
Do:
1. Finalize, print out and hand in next week:
- Your magazine name & brand concept
- Style/concept board
- One page reader profiles
2. Print out thumbnails of your flatplan. It will be used in next week's class.
3. Create a new InDesign file for your magazine. Design the opening spreads for 3 articles. Choose 1 article from your FOB, 1 article from your features, and 1 article from your BOB. Print out roughs for next week.
3. Bring all of your collected text next week.
Body Text:
- Review — Before & After: How to Set Perfect Justified Text (video)
Typography resources:
* Fonts in Use (I love this site)
Type Trends:
- 8 Typography Trends for 2019
- Typography Design Trends for 2019
- 9 Creative font trends for 2019
Combining Typefaces:
- 29 Principles for making font combinations
- Best Practices of Combining Typefaces
Type House:
Today’s sprints will challenge you to switch your mindset from ”precious design layout” to assembly line production.
In class exercise:
Sprint 1 — Setting up your InDesign document: Margins, Master Pages, Baseline Grid, & Guides, Style Sheets
Sprint 2 — Use your flatplan as a guide, add pages to you magazine document and flow in body text for remaining portions of your first three articles.
___________________
Meet with your peer-to-peer feedback groups (and small crit groups with me: half the class).
Do:
1. Finish designing your first 3 articles. Next week, we’ll be projecting your work on the overhead projectors from your laptop/InDesign files and giving feedback in small groups.
- Understanding and Applying Small Caps
-Lynda.com: Nigel French — Paragraph alignments & Spacing Issues (video)
-Lynda.com: David Blatner — Paragraph Styles & Drop Caps (video)
-Lynda.com: John McWade — Setting Perfect Justified Type (video)
-InDesign Cheat Sheet for Baseline Grids and Styles (.pdf)
-Baseline Grids: How to adjust top and bottom margins: (video)
-Baseline Grids: Different ways to snap to the grid: (video)
This week we will cover magazine brands across media platforms and digital publishing.
* Lectures:
Magazine brands across media platforms (pdf)
________________
Peer-to-peer feedback groups (and small crit groups with me: half the class).
Do:
1. Find two examples of cover designs (sources can be from online or print. If from online, print it out). The first cover design should be strong and work well for its demographic and the second should not work so well for its demographic. Bring these to class next week.
2. Find one example for a Table of Contents that you like and bring it into class next week.
3. Curate around 3–5 high resolution (digital) pictures you think would work as cover images for your magazine, bring your digital images to class.
4. Magazine production for your remaining articles. The next few weeks will be your responsibility to work on the design and layout for your remaining articles. Check-ins will be happening weekly with your small feedback groups and/or with me in small group critiques.
Reach of most popular magazines in 2019
Major US magazine producers:
About smaller niche magazines:
Smaller is getting bigger (pdf)
Creative Boom: Indie magazine samples
APPS VS WEB MAGAZINES
Apps—Major storefronts for digital magazines: Apple App Store — Newsstand
Amazon.com (Kindle Fire, Android)
Google Play (Android and Google Chrome)
Ways to produce/publish magazines:
(layout is fixed to the device screen size)
Web Magazines
SiteInspire: Magazine Websites
Ways to produce/publish magazines:
(code-free HTML responsive design for content)
BLENDING ADOBE PUBLISHING SUITE WITH HTML:
Videos showing capabilities for digital magazines tablets:
- Some feature capabilities of digital magazines promo reel (video)
- DPS Momentum Video Introduction to Adobe Digital Publishing Suite (Colin)
The Future of Magazine Publishing:
- PriceWater Cooper is a great resource for the future of media.
Digital magazine advertising
- Condé Nast digital advertising capabilities and specs (pdf)
This week we will review magazine covers and masthead design samples. Then we’ll look at stylistic variety and trends for Table of Contents pages.
Lecture:
Lectures for Week 5 (zip file)
Demo:
Indesign. Setting up your magazine cover.
In class sprint:
Brainstorming Masthead Designs.
_______________
Peer-to-peer feedback groups and small crit groups with me (half the class).
For feedback groups:
Read and Download:
Do:
1. Generate sketches for potential masthead logotypes. Most likely your designs will be a letter mark or word mark. Circle your top choice. Take your choice and generate more sketches & digital variations.
2. Design a sample cover based off of your established style/concept board. Place rough version(s) of your masthead design into your layout. Print the cover for next week.
3. Next week alumni will be here to review your work. Please print out your (work-in-progress) cover & masthead design and your articles. Bring your laptop to show your summer homework digitally (magazine name & tagline, your synopsis, reader personas, and mood board.)
Background colors for barcodes
5o design techniques that mades these magazine covers awesome
Cover Browser: Look at Magazine Covers
Magazine Covers Past:
Top 40 Magazine Covers of the Last 40 Years
The New Yorker Covers 1920’s – 2010’s
Print Magazine Covers 1940’s – 1950’s
Sunset Magazine Covers 1890’s – 1990’s
Seventeen Magazine Covers 1940’s – 1990’s
Today we will be having mid-quarter reviews with alumni.
__________________
* Show & Share:
Magazine digital comp sources students have used for their presentations and portfolios:
1. Refine your covers.
2. Design your Table of Contents page. We'll start reviewing your ToCs next week.
3. Keep working on your magazine production for your remaining articles.
Ed Harrington will be in to give a demo on printing & perfect binding to show you how magazines are created.
*Lecture:
How to print your magazine in-house (Step by step PDFs and PPD files for your laptop)
How to print your magazine (Video demos by Ed Step 1)
How to bind your magazine and use the paper cutter (Video demos by Ed Step 2)
_______________________________
Introduce Branding Client Lists
_______________________________
Peer-to-peer reviews and lab day.
1. Design/Refine your Table of Contents & Cover pages.
2. Final check-ins for your cover and table of contents next week in small groups with me.
3. Next week there will be peer-to-peer quad group check-ins.
Monday: Holiday
Friday: Final review for your covers, masthead logotype, and table of contents page(s).
_________________________________
Peer-to-peer review of your work.
Lab time to refine magazine.
1. Refine and finish your magazine cover, masthead design, and your table of contents page(s) based off of your established style/concept board and classroom feedback.
2. Continue working on your magazine.
Monday: Final review for your covers, masthead logotype, and table of contents page(s).
_________________________________
Both Classes:
Peer-to-peer review of your work.
Lab time to refine magazine.
1. If needed, refine and finish your magazine cover, masthead design, and your table of contents page(s) based off of your established style/concept board and classroom feedback.
2. Continue working on your magazine.
CSS KEYFRAMES:
BLEND MODE:
CSS background-blend-mode Property
Advanced effects with CSS Background Blend Modes
CSS CLIPPING PATHS:
CSS Introduction to Clipping Using Clip-path
Wrapping Content around Images Using CSS Shapes
How to make your HTML responsive by adding one line of CSS
Friday: Thanksgiving break.
_________________
For Monday’s in-class only:
Feedback as needed. Lab day.
1. Continue working on your magazine.
Feedback as needed.
Lab day.
1. Make final revisions to your magazine. Please print, glue, and trim it out. It will be handed in next week.
2. Make a final PDF of your entire magazine (in reader spreads). It will be handed in next week too.
3. Please do your final preparations on your presenation template. You will be presenting this file on the overhead projector next week. And this file will also be handed in.
Monday’s class will meet Monday, 12/9 from 9–2pm
Friday’s class will meet Tuesday, 12/10 from 9–2pm
Final presentations in small groups. After the presentations, you will be paired up with another student and be given an evaluation sheet to fill out while you are reviewing your partner’s magazine.
PLEASE MAKE SURE YOU HAND IN THE FOLLOWING:
1. Hand in your printed copy of your magazine.
2. Hand in your filled out evaluation sheets with your name on it.
3. Drop your final PDF presentation into the Lessons folder >> Jill’s Drop folder.
Have a great break!