Welcome back!
We’ll be vetting your body text typeface choice(s) for your magazine, choosing typesize, leading, and organizing your content into a general editorial order by creating a flatplan—this will help you define your magazine sections and create a page estimate for your front of book, feature wells, and back of book.
Before class ends, you’ll know your rough number of pages you’ll have for your magazine and you’ll be on your way to ordering your content and creating a rough calendar timeline of deliverables for each of your magazines.
— (37.27 min) Welcome to Magazine
______________________
Please make a copy of this final presentation doc template: Google Slides
— Live Class Recording
— (36.56 min) Vetting body text
Optional:
Still not feeling it? Here's a review from last year:
Create a type spec sheet in InDesign. Use one of the provided templates your chosen size for your magazine. At the top of the page, add the typeface name, point size/leading. Using Lorem Ipsum text and your body text typeface(s) from your mood board, test out a 2 or 3 column layout for this typeface spec sheet.
CLICK HERE TO UPLOAD YOUR TYPE SPEC SHEET
^^^^^^^^^^^^^^^^^^
COME BACK TO CLASS.
^^^^^^^^^^^^^^^^^^
______________________
Once you have established that your body text typeface choice is workable, experiment with the point size and leading for your typeface.
Print out the spec sheet samples to help you hone in on the typeface size & leading you’ll be using for your magazine.
Read What is a Flatplan,
Watch Finding Your Page Count,
Use the provided Page Count for Body Text spreadsheet to find the page count for each article. You will be using your article page count to develop your flatplan.
— (39.57 min) Finding your page count and using your page count to create a Flatplan
— Page Count for Body Text (Make a copy of this Google spreadsheet)
______________________
Use the flatplan template to help get content order, pacing and a rough idea of page count.
— (1.21 min) Digital Flatplans: Project Context
Build in spaces for advertisements. Use color to distinguish ads from content. Take a screen grab of your flatplan with guide/grids showing and place that image onto your Google Slides Presentation Template.
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 28 – 48 page magazine.
— Weekly outline for class (pdf)
Flatplans:
— Digital Flatplans: Project Context (video)
— Digital Flatplans Part 2: Project Context converts to AEM Screens (video)
Magazine Printing For Your Final Projects This Spring :
Body Text:
— Choose The Right Face For A Beautiful Body Selecting typefaces for body text
— What's a Readable Typeface for Print?
Typography resources:
* Fonts in Use (I love this site)
Type Trends:
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 refining your moodboards & then decontructing them to find out what makes them work. Your discoveries will become part of your design “recipe” for your magazine.
We will also be working on creating a brand tagline to clarify the point-of-view for your magazine.
— Magazine recipes for moodboards and taglines (pdf)
— (17.22 min) Moodboards
— (11.42 min) Taglines
We’ll be breaking off into groups of 2 – 3 to look at your moodboards. The small groups will give feedback to each other to help refine the moodboards and help establish a clear actionable list of what is making the moodboard work.
You’ll also spend time together brainstorming taglines for your magazine.
Add this to your summer homework files:
— Your working tagline
— Add a page or section to your moodboard(s) that lists out what design recipes your moodboard revealed that you could potentially use for your magazine
___________________
Watch (14.53 min) & Review: Article components and making intuitive grids for opening spreads
___________________
Test out your moodboard style for the opening spread of one of your feature articles.Experiment with your opening spread’s look and feel to see if you can align the tone to your mood board.
This week we’ll review the elements in an article, magazine columns — number of columns versus content, and experiment with different ways to begin an article.
— Article components, Article Openers, Number of Columns, & Student Samples (pdfs)
— (18.53 min) What we are covering today, Overview of choosing column number.
— (4.28 min) ONLY watch Determining the number of columns, using a 12 column grid
. . . . . . . . . .
John McWade talking about the page and Magazine layout:
— (15.24 min) Creating subtle variety within a brand with article openers
. . . . . . . . . .
Then watch these videos showing important details for body text:
— (5 min) Understanding and Applying Small Caps
— (16.7 min) OPTIONAL: Extreme Drop Caps
After you have watched the above videos, create your own Opening Paragraph & Subheads Sampler:
Set up an InDesign document with at least 6 pages, to experiment with article openers that go from simple to expressive for your brand tone. Choose the strongest 2 – 3 article openers to use in your magazine design (You can finish this sampler as part of your homework).
Finish your Opening Paragraph & Subheads Sampler from class and choose 2 – 3 sample openings to use for your magazine. Remember — nothing has to be perfect at this point — it’s one step closer to the goal.
______________________
— InDesign Cheat Sheet for Baseline Grids and Styles 1 (.pdf)
— InDesign Cheat Sheet for Baseline Grids with Modular units 2. (pdf)
Set up a new InDesign document for your entire magazine according to the number of pages you have in your original flatplan.
For example:
— 28 pages, facing pages, starting on page 1.
— Margins: 3/4" Top & Sides, 1" Bottom.
— Set up the footer, baseline grid and spread flowlines.
______________________
Take your experimental design spread from last week and add it to your magazine document. You may need to refine your opening article paragraphs to match the tone from the Opening Paragraph & Subheads Sampler exercise that you did in class today.
______________________
John McWade :: Headlines:
— (32 min) Headlines Chapter 1: ONLY WATCH: Kinds of type in a family & ALL OF Chapter 2
Design the opening spreads for 2 more articles. Choose 1 article from your FOB or BOB, and 1 article from your features. Use the designs from the Opening Paragraph & Subhead Sampler exercise to assist in your designs.
Today will be shifting our mindset from ”precious design layout” to assembly line production with an in class exercise. What you don't finish in class you can finish up for homework.
— (8.07 min) Optional Review: The difference between paragraph and character styles
— (27.37 min) Optional Review: Creating & using Paragraph and Character Styles
Use your flatplan as a guide, flow in body text for all of your articles. Set up and apply paragraph styles to ONLY your body text.
Finish flowing in your body text for your entire magazine. Apply paragraph styles to your body text.
_____________________
Create a pull-quote page sampler with 3 pull-quote type treatments you could use for your magazine.
______________________
Start finding pull quotes within your articles and create and apply styles to them. Next week we will be having small peer-to-peer feedback groups and about 8 people will be meeting with me to review work. (work in progress: strive for progress not perfection)
_____________________
Optional Reading:
— (20 min) OPTIONAL: Creating a readable page article
_____________________
This week we’ll take a look at the job roles at a magazine, masthead designs, & letter from the editor.
— Job Roles, Masthead / Namplate design, & review sheet (pdfs)
______________________
— (9.48 min) General Magazine Job Roles
— (17.48 min) Masthead Design, Masthead Page, & Letter from the Editor
Watch John McWade talk about the Masthead Page and Letter from the Editor:
— (6.27 min) Chapter 2 — ONLY Editor's Letter and Masthead Design Page
______________________
Find one cover design example that you like (sources can be from online or print. If from print, take a picture of it). Upload your images to Google Slides:
UPLOAD:
__________________
Find one example for a Table of Contents and upload it to Google Slides:
UPLOAD:
Generate sketches for potential masthead logotypes. Most likely your designs will be a letter mark or word mark. Circle your top sketch choice. Refine your choice using grid paper & then create a digital version.
Block out your letter from the editor / masthead page(s). You may use Lorem Ipsum for your text as a place holder.
This week we will review magazine covers samples. Then we’ll look at stylistic variety and trends for Table of Contents page(s).
Watch our friend, John McWade talk about Cover Design:
Optional:
— (22.8 min) Photoshop tutorial on putting part of your subject in front of the masthead
______________________
Design a sample cover based off of your established style/concept board. Place rough version(s) of your masthead design into your layout. Upload your work-in-progress to your Google Slides presentation template.
— Download: Use one of these magazine barcodes for your magazine
— Barcode Standards & Sizes.pdf
______________________
Next week alumni will be here to review your work. Upload your work to your Google Slides presentation template. You’ll be sharing your Google Slides for your magazine name & tagline, your synopsis, reader personas, and mood board, your designed spreads, and your magazine cover rough.
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 feedback with alumni. When you are done, I would like to check in with you to see how it went.
In the video links below, Ed Harrington will give a demo on printing & perfect binding to show you how magazines are created on the fifth floor.
______________________
______________________
Video — Step 2 (1.14 min): Take your PDF file to the Fiery Station in the production lab and follow these steps to print to the Docucolor.
Video — Step 3 (11.10 min):How to bind your magazine and use the paper cutter
Scroll mid-way down this website to watch 2 videos on magazine printing. The first video shows a web fed press (one giant roll of paper). The second video shows a sheet fed press:
— (10.58 min) How a magazine is printed: web fed press versus sheet fed press
Mainstream Magazine Bindery:
— (1.25 min) Saddle Stitch Binding
Refine your magazine & cover based off of feedback.
______________________
______________________
Magazine production for your remaining articles based on your timeline. 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.
Today we’ll be talking about next quarter’s branding class and I’ll be introducing the Client List:
— Live Class Recording
The remainder of class will be for feedback groups and class time for designing your Table of Contents page. We'll start reviewing your ToCs next week.
Design/Refine your Table of Contents & Cover pages.
______________________
Continue working on your magazine.
Lab time to refine magazine.
__________________
PRINTING:
__________________
__________________
Video — Step 2: Take your PDF file to the Fiery Station in the production lab and follow these steps to print to the Docucolor.
Video — Step 3: How to bind your magazine and use the paper cutter
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
In the morning I’ll be showing & sharing what magazine brands are doing across media platforms and with digital publishing. The rest of the class day will be small break out rooms for feedback, as needed.
— Magazine brands across media platforms (pdf)
——————————
— (7.21 min) Terry White: Intro to Adobe Indesign Publish online
— Adobe Publish Online Step-by-step
——————————
Web Magazines
— SiteInspire: Magazine Websites
— Behind the scenes: Pop up Magazine’s virtual issue during the pandemic
— The Society of Publication Designers
— American Society of Magazine Editors
— Reach of most popular magazines
— Stack: Independent magazines
Peer-to-peer, small feedback groups, & Lab time to work on your magazine.
— (9.1 min) Baseline Grids: Aligning to the baseline grid
_________________
_________________
Helpful Microtype Ckecklists from last year:
______________________
Continue working on your magazine. Use Grading Rubric 1 to help you fix Micro type issues.
The Society of Publication Designers
American Society of Magazine Editors
Reach of most popular magazines
Behind the scenes: Pop up Magazine’s virtual issue during the pandemic
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:
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)
We will be voting on our clients for Branding class next quarter. Then we’ll have small group feedback sessions, as needed.
No lecture this week
Since we are not printing out our magazines, please upload your magazine items to your Final Presentation Google Slide Doc. Make sure you allow access to all for your Final Presentation Google Slide Doc:
— Click here for the Google Doc Class Links
Make a composite PDF for your cover & entire magazine. (The pdf should be in reader spreads). This pdf will be shared with me and a fellow student during your finals day with me.
Here are your partners:
Shruti / Nicole
Emily / Seth
Ekran / Maxine
Kamaria / Katharine
Chelsea / Justin
Frankie / Eroyn
Ryan / An
Rod / Tom
Ricardo / Ramie
Cat / Anders
Hannah / Kayley
Lyria / Martin
Cory / Alex
Hoa / Erika
Matilda / Tressa
Melissa / Christy
Jason / Evan
Joe / Megumi
Daniel M / Susan
Heather / Cara
John / Daniel H
Next week there will NOT be formal presentations. Instead, we will be looking at each others work online and doing peer reviews.
__________________
PRINTING:
__________________
__________________
Video — Step 2: Take your PDF file to the Fiery Station in the production lab and follow these steps to print to the Docucolor.
Video — Step 3: How to bind your magazine and use the paper cutter
Friday’s class will have their final on Thursday, 12/17 from 9 – 2pm
Zoom—Magazine Final: https://zoom.us/j/97897078346?pwd=VkNkVGhEa0hyQnhMTFpHUng5Q1IxUT09
Passcode: 072944
___________________
— Click here for the Google Doc Class Links
Here are your partners:
Shruti / Nicole
Emily / Seth
Ekran / Maxine
Kamaria / Katharine
Chelsea / Justin
Frankie / Eroyn
Ryan / An
Rod / Tom
Ricardo / Ramie
Cat / Anders
Hannah / Kayley
Lyria / Martin
Cory / Alex
Hoa / Erika
Matilda / Tressa
Melissa / Christy
Jason / Evan
Joe / Megumi
Daniel M / Susan
Heather / Cara
John / Daniel H
Next, you will fill out Grading Rubric 1.pdf for your partner’s magazine and slack it to me and to your partner when you are done:
Rename this above pdf file with the name of the person you are reviewing_their magazine title.
For example:
I'm reviewing Lori's Magazine. Her magazine is called Mode. My pdf file will be renamed: LoriPeck_Mode.pdf
______________________
1. Share with me and your peer a link to your pdf of your magazine.
2. Complete your peer-to-peer evaluation and Slack me & your peer the PDF
3. Make sure you provide access to all for your Google Slides.
Have a great break!