Category Archives: Announcements

Welcome To Type and Media

Welcome to Type and Media, a typography foundation course. We work together to explore the principles of type design through online exercises, discussions, assignments and projects. Please take some time to explore this OpenLab course site. Use the top menu bar to explore the course information, activities, and help.

Course Information

Course Number: COMD1127

Section: OL24

Course Title: Type and Media

Course Description: Foundation course in typography with emphasis on using type for a multiple of industry related applications ranging from print to interactive. Students are introduced to principles of type design and terminology including: variations of type structure, anatomy, font usage, grid, leading, kerning, tracking and alignment

Credits / Hours: 1 cl hr, 5 lab hrs, 3 cr

Pre/Co-requisites: CUNY proficiency in reading, writing and mathematics or concurrent enrollment in ENG 092R, ESOL 022R or 032R; ENG 092W, ESOL 021W, or ESOL 031W; MAT 0630 or MAT 0650 as required

Class Meetings

Online

Faculty Information

Professor: John De Santis

Online Office Hours/Information:
Virtual Office Hour Tuesdays & Thursdays • 10:00AM-11:00AM

Contact Information

Technology Requirements

Schedule

Add a schedule of topics to be covered. Include a detailed schedule on the Schedule page.

Grading Policy

40% — Main projects and their presentations
30% — Assignments -homework
30% — Class Activities/Discussions/Participation
The detailed grading policy can be found on the Grading Policy page.

Class Etiquette & Netiquette

  • As this is an online course it is important that students establish weekly virtual participation.
  • All assignments need to be submitted on time as they are part of the online class sessions.
  • Proper attire, dress as for physical classes.
  • Adjust your posture, sit up as straight and look into the camera.
  • Learning online requires paying attention, especially with classmates unsure of when to speak. Conference apps, BlackBoard and Zoom, have a chat feature. If you have questions in class sessions type in the chat, or raise your hand.
  • Voice volume; most microphones can pick up your normal speaking voice, so you don’t need to yell. You do need speak clearly in a normal voice volume.
  • Mute your mic as needed to eliminate background noise when not speaking

Course Activities

  • Projects – 3-4 main projects supported by homework assignments
  • Homework Assignments – Inserted in the the class pages on site.
  • Type Challenges – Design assignments and discussions completed with time constraints during class or as specified.
  • Type Talk Discussions – Discussion, comments, critiques, opinions on type throughout the semester
  • Name That Type Discussions – Students will comment in live class discussions
  • Found Alphabet Typography Discussions – Weekly image posts of  alphabet letters,numbers 1-9 ,0  and comments Final  Due  last class Upload a compiled PDF
  • Type Scavenger Hunt Activities – Students will look for various typographic topics principles, techniques, post image
  • Type Hero – Students will create a 5 minute presentation to an assigned designer

Course Projects

Course Resources

Materials /Supplies

  • Computer with internet access and Adobe CC.
  • Cloud storage and Flash drive (any storage for your files)
  • Sketchbook for notes, ideas, process / pencils
  • Approximately $40 misc expenses (cloud, printing, art materials, etc)

NOVA- Video A to Z: The First Alphabet

PBS Two Part Special


A to Z: The First Alphabet

Discover how writing—and eventually printing—revolutionized the spread of information.

Premiered September 23, 2020 AT 9PM on PBS

https://www.pbs.org/wgbh/nova/video/a-to-z-the-first-alphabet/

Where would we be without the world’s alphabets? Writing has played a vital role in the expansion and domination of cultures throughout history. But researchers are only now uncovering the origin story to our own alphabet, which may have gotten its beginnings in a turquoise mine 4,000 years ago. From the shape of the letter A to the role of writing in trade and storytelling, discover how the written word shaped civilization itself.

Next Week:

A to Z: How Writing Changed the World

https://www.pbs.org/video/a-to-z-how-writing-changed-the-world-ehsuvs/
Discover how writing—and eventually printing—revolutionized the spread of information.

Promo

https://www.pbs.org/wgbh/nova/video/a-to-z-how-writing-changed-the-world/

Video Permissions

Students who participate in this class with their camera on or use a profile image are agreeing to have their video or image recorded solely for the purpose of creating a record for students enrolled in the class to refer to, including those enrolled students who are unable to attend live. If you are unwilling to consent to have your profile or video image recorded, be sure to keep your camera off and do not use a profile image. Likewise, students who un-mute during class and participate orally are agreeing to have their voices recorded. If you are not willing to consent to have your voice recorded during class, you will need to keep your mute button activated and communicate exclusively using the “chat” feature, which allows students to type questions and comments live.

Working with and Editing Images in OpenLab

How to create an image for web usage

Most digital cameras and phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need

  • Optimize a JPEg. A JPEG is the standard format for compressing photographs.
  • Open an image and choose File > Save For Web.
  • Choose JPEG from the optimization format menu.
  • Specify the compression level: Choose quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
  • View the optimized image at several quality settings to determine the best balance between quality and file size.
  • Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
  • To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

Resize Images in OpenLab

Video Demo OpenLab Image Edit
https://openlab.citytech.cuny.edu/openroad/image-resizing

Insert Images into a Post

Create a Gallery In a Post

Edit a Gallery In a Post