Author: Cindy Buckley Koren

Professor of Communications Design at PrattMWP College of Art and Design and founder of the {meetinghouse} creative collaborative.

Utica Proud on sale – limited supply.

JoeW_UPBookUtica Proud | College Edition, Volume One is now available in the Munson-Williams-Proctor Arts Museum Gift shop. The collaborative project showcases Utica from a college student point of view. Created by PrattMWP Communications design students, it features thirty stories accompanied by original photography and illustration celebrating the past, present, and potential of our city. Limited supplies – pick yours up today!

Double click E-Book below to see full size


Or you can check a copy out from the Munson-Williams-Proctor Arts Institute Library.

Utica Proud (Mockup)Utica ProudUtica Proud (Proud GIF)

Data Visualization


In this abstract map, Wurman shows:

  • the stations (the bold white type inside the circle) on the outer rail lines of the Tokyo transportation system, largely ignoring the actual geography of the system while emphasizing the most important matter to a person riding the subway: viz., what the sequence of stations is
  • a selection of principal buildings or tourist sights (in regular type outside the circle) near each station
  • the stations on the crosstown subway line
  • the junctions between the crosstown subway and the outer rail lines
  • as an aid to orientation, the Imperial Palace Grounds.


Note the elegant incorporation into the whole map of the yin-yang design, important in oriental philosophy.

SIZE  credit


What are the Best Sizes for Infographic Design and Promotion? Infographic Summary:  

  • For a blog or a general website, you should create an infographic that is not more than 600 pixels, and the length should not exceed 1800 pixels.
  • Visually allows you to post infographics of 1240 x 1750 pixels.
  • Pinterest allows you to use a size of 600 x infinite pixels. On Pinterest, you can make it as long as you want to!
  • Facebook allows you to post an infographic with a minimum size of 403 x 403 pixels, and a maximum of up to 2048 pixels by 2048 pixels.
  • Google Plus allows you to offer an infographic at a size of 497 x 373 pixels, up to 2048 x 2048 pixels.
  • In general, you should create infographics that you want to be viewable by tablet owners by 600-640 pixels.

People spend more time on their mobile gadgets these days than their desktop computers and this number is only expected to rise over time.

For the next few years, the growth of mobile phone users over the next few years is expected to greatly increase exponentially. So, your infographics must always be mobile-friendly.

Smartphones, in general, have a 4-inch or larger display area. So you should work to ensure that your infographic does not exceed 288 pixels in width.

Poster Campaign Assignment

Print Order and Process Book due in lab class 3/29 and 3/30

Follow instructions:

Choice:   Posters for Tomorrow, the International Poster Bienniel, or Typomania.

Click to access reg-eng.pdf

Posters submitted for the Museum Show must be of highest quality.

Ideal size: 50 cm x 70 cm @ 300 dpi

You may request large format prints for less than $10

If you can not afford the print – at the very least you must tile laser print.



Poster Hero: Deadline 2/25

 40 winning posters and assign a special mention plus a prize of 2,500 Euro to the author of the work that will interpret the values of Shaping the Future at its best.

All the selected posters will be part of a catalogue and will be part also of an exhibition in Florence in May 2018.

The contest is open to individuals or groups for up to three (3) entries per participant related to the following subjects:

  • Climate changes and global warming effects
  • Equal access to food and water
  • AI and robotics
  • Social relationship and human rights

Posterheroes: Shaping the Future is an international communication and social graphic art contest organized by PLUG – non profit Cultural Association, Favini S.r.l. and IED Firenze.

It’s free to enter.

Midterm Preparation

  1. Please leave comments for participation credit
    An animated simplified overview of the very basics.

    Inge Druckrey – Teaching to See

I recommend setting the speed to 1.25 if her voice is too slow for you. I especially enjoy the Beethoven poster puzzle and cameo with Steve Jobs.


Please click on the glossary of common type terminology. Along with the FAQs, it may answer many font-related questions.


Robert Bringhurst

click here for a sample from the book.

Author Robert Bringhurst writes about designing with the correct typeface; striving for rhythm, proportion, and harmony; choosing and combining type; designing pages; using section heads, subheads, footnotes, and tables; applying kerning and other type adjustments to improve legibility; and adding special characters, including punctuation and diacritical marks. The Elements of Typographic Style teaches the history of and the artistic and practical perspectives on a variety of type families that are available in Europe and America today.

The last section of the book classifies and displays many type families, offers a glossary of typography terms, and lists type designers and type foundries. The book briefly mentions digital typography, but otherwise ignores it, focusing instead on general typography and page- and type-design issues. Its examples include text in a variety of languages–including English, Russian, German, and Greek–which is particularly helpful if your work has a multinational focus. –This text refers to an out of print or unavailable edition of this title.

What are Web Safe Fonts?

Web safe fonts are fonts that are pre-installed by many operating systems. While not all systems have the same fonts installed, you can use a web safe font stack to choose several fonts that look similar, and are installed on the various systems that you want to support. If you want to use fonts other than ones pre-installed, as of CSS3, you can use Web Fonts.

web safe sans serifweb safe Serif

What are Web Fonts?

Unlike web safe fonts, web fonts are not pre-installed on the user’s system. The fonts are downloaded by the user’s browser while rendering the webpage, and then applied to your text. The main drawbacks of using web fonts is it will slow your site’s load time. There is also limited support for CSS3 in older browsers which is required to use web fonts. The later limitation can be remedied by using a font stack, similar to the web safe font stacks, but including a web font as the first font of the stack. If a browser is unable to use the web font it will fall back on the web safe fonts in the stack.

Free fonts are notorious for being of low quality. Just because it is available on Google Fonts or Adobe TypeKit does not automatically guarantee anything other than it can be utilized as a web font with out uploading to your site’s server with the @font face CSS code.



Settling the Widow and Orphan debate

There seem to be different opinions on what is called an orphan and a widow. The Chicago Manual of Style and Robert Bringhurst in the Elements of Typographic Style agree:

Widow: A paragraph-ending line that falls at the beginning of the following page or column, thus separated from the rest of the text. (They have a past but no future.)

Orphan: A paragraph-opening line that appears by itself at the bottom of a page or column, thus separated from the rest of the text. (They have no past but a future.)

Single word at the end of a paragraph sometimes referred to as a runt: also a problem for the reader and needs to be resolved.

You can call them whatever you want, maybe widphans or ordows? They are a problem and need to be fixed!