Publication / Editorial design is a fascinating field that combines our abilities for creative typography, smart layouts, and clever compositions. All around the world, people wake up early and stay up late creating compositions that millions get a hold of in the form of newspapers, magazines, books, ebooks, and iPad magazines. The amount of content included in the publication of things like books and magazines demand strict guidelines and rules for the use of typography and layout within the volumes and periodicals produced. The success of these publications depends on clear communication and consistent storytelling, both of which demand rigorous applications of grid layouts and the establishment of visual hierarchies to keep readers entertained while they consume the content.
The principles about what makes a good layout or series of spreads are the same design principles when you design a brand story, website, motion/animation, etc. Publication today is not restricted to print. To practice these principles, we will be using print as the medium.
This project has several goals: mastering InDesign, understanding and constructing a leading grid, a clear hierarchy, terminology, typographic rules, typographic details, and of course, a dynamic composition.
You will be designing a multi-spread print version of an online article on the New York Times website. You must choose a FEATURE article from the NYT Magazine section.
The principles about what makes a good layout or series of spreads are the same design principles when you design a brand story, website, motion/animation, etc. Publication today is not restricted to print. To practice these principles, we will be using print as the medium.
This project has several goals: mastering InDesign, understanding and constructing a leading grid, a clear hierarchy, terminology, typographic rules, typographic details, and of course, a dynamic composition.
You will be designing a multi-spread print version of an online article on the New York Times website. You must choose a FEATURE article from the NYT Magazine section.
The article must have at least 1,000 words, at at least 6 - 8 images. Pick wisely.
Are you interested in the topic, or did you find the article interesting?
Did it make you think?
Are there any images or links that you could add to the article?
Using a leading grid, you will be designing a multi-spread article of your choosing. Typographic grids control the visual organization of the page space by supplying a particular kind of structure developed for the typographic organization. This structure consists of margins, alleys, grid fields, and intersection points. Grids allow the designer to codify groups of typographic information. The codification process allows the viewer to proceed through a complex page environment, tracking information seamlessly and linearly. A good grid forces order onto the layout and act as an orienting device, enabling the reader to know where to look for information and its relative importance. Just as importantly, the grid works on an aesthetic level. The readers might not consciously be aware of it, but subliminally they pick up on the fact that everything is well-ordered and in its place. Something seems slightly amiss if a picture juts fractionally into the column next to it. Still, if the lines of text align neatly across the columns on a page, some fundamental and reassuring logic seems to be at work.
Your design should be typographically beautiful and simple without being simplistic, have a clear hierarchy, and attention to detail. It needs to be interesting, inviting, and dynamic. Only the finest typography will be accepted. We will cover typographic standards in class lectures and readings that need to be practiced: column width, text size, word spacing, and hyphenation...
You will be designing 4 spreads total the opening spread and the 3 following spreads. If your article is over 1,000 words, you will not have to use all the text. Don’t jam the pages.
All the text DOES not all need to be used; the article would just go on as you are not designing it all. The article you choose has to be over 1000 words. (No, you can't use an article with less words, so make sure your article has at least 1,000.)
Also, make sure your article has at least 6 images. If it has less, find another article.
You need images.
Elements/Standards/Rules you will need to address
Are you interested in the topic, or did you find the article interesting?
Did it make you think?
Are there any images or links that you could add to the article?
Using a leading grid, you will be designing a multi-spread article of your choosing. Typographic grids control the visual organization of the page space by supplying a particular kind of structure developed for the typographic organization. This structure consists of margins, alleys, grid fields, and intersection points. Grids allow the designer to codify groups of typographic information. The codification process allows the viewer to proceed through a complex page environment, tracking information seamlessly and linearly. A good grid forces order onto the layout and act as an orienting device, enabling the reader to know where to look for information and its relative importance. Just as importantly, the grid works on an aesthetic level. The readers might not consciously be aware of it, but subliminally they pick up on the fact that everything is well-ordered and in its place. Something seems slightly amiss if a picture juts fractionally into the column next to it. Still, if the lines of text align neatly across the columns on a page, some fundamental and reassuring logic seems to be at work.
Your design should be typographically beautiful and simple without being simplistic, have a clear hierarchy, and attention to detail. It needs to be interesting, inviting, and dynamic. Only the finest typography will be accepted. We will cover typographic standards in class lectures and readings that need to be practiced: column width, text size, word spacing, and hyphenation...
You will be designing 4 spreads total the opening spread and the 3 following spreads. If your article is over 1,000 words, you will not have to use all the text. Don’t jam the pages.
All the text DOES not all need to be used; the article would just go on as you are not designing it all. The article you choose has to be over 1000 words. (No, you can't use an article with less words, so make sure your article has at least 1,000.)
Also, make sure your article has at least 6 images. If it has less, find another article.
You need images.
Elements/Standards/Rules you will need to address
- develop a tool kit
- leading grid: margins, alleys. modules
- hierarchy, contrast, composition,
- type size, type color, line length (column width), leading
- parts of a magazine: headlines, subheads, call outs, page numbers, running heads
- paragraph breaks, justification, letter and word spacing, hyphenation, widows, orphans
- dashes, quote marks and apostrophes
- vertical and horizontal pull (clotheslines, flow line, hang-line)
TECHNICAL RESTRICTIONS
Final Deliverables
- Size
- PAGE = 9 wide by 13.5 tall
- SPREAD = 18 inches wide x 13.5 inches tall (pages, make spreads)
- Color Black + 3 colors, tints OK
- Fonts One sans serif and one serif family can be used
- Images use 6–8 images (from the article or find new — credit images)
- 1–3 per spread
- 1–3 per spread
- Callouts/Quotes incorporate 2–3 callouts/quotes
- in total not per spread
- in total not per spread
- Typographic Rules You may use rules, bars, and color fields, but avoid using them as decor
- Grid 6 or 7 or 8 or 9 columns. You decide what works for you but no less than 6.
- Baseline/Leading Grid The 4pt leading grid. We will build in class using the body text’s leading as a measure.
Final Deliverables
- The physical final printed article (printed and bound at Jayhawk Ink)
- Compressed Zip File (Compress all digital elements below and make it a zip file for submission below)
- Process book as a pdf: must be organized and complete, labels, notes, all your homework, and final
- Include Behance post link in PDF. Keep it simple
- Packaged InDesign file (packaged folder should have fonts, images, InDesign file and pdf) For grading, including spreads with grids, paragraph, and character styles