CT372 601/65A

Typography for Digital Product Design

Professor: C. J. Yeh
Company website: Cynda Media Lab
Email: chinjuz_yeh@fitnyc.edu
Office at FIT: D317
Office Hours: Mon. 3-4, Tue. 11-1, and Thur. 5-6
FIT Tutoring Center: A608B

Course Description

This course explores diverse typographic issues related to screen-based communication. It focuses on new typographic principles and design elements for digital products. Topics covered include readability, on-screen legibility, modular type scales, hierarchy and structure for responsive layout, amplifying meaning and intent through typographic experience, sequence and flow of reading on digital devices, a visual system for interactive design projects, and wayfinding for screens.

Weekly Outline

Tue: 01/26 | Thur:01/28 (w1)

  • Project 1: Type for Product Concept Communication
  • Each student team (3 students) will respond to one of the following D&AD briefs, develop a product concept through research and ideation, and execute a persuasive case study video to communicate the key value propositions.
    1. Rare & XBox
    Create a game that’s a force for good.
    2. Spotify
    Get listeners to the soundtrack and share their life through Spotify.
    3. BBC
    A new experience that brings BBC content into daily lives.
  • Past FIT Winners:
    M.E.E – Multi-sensory Educational Environment
    The Data Decoder
    2 Lies 1 Truth
  • In-Class Exercise: team forming, read each brief carefully, so some quick searches, and then select one brief to work on with rationale in regard to the choice. This is a critical step. You CAN NOT switch brief after this.
  • Review: Research Methodologies
  • In-Class Workshop: Quick Fire Research (90 minutes)
    60 shocking/interesting facts about:
    – game, gaming culture, gamers’ habits, gamer lifestyle…etc.
    – music industry, music sharing, music collecting, social trendsetters, master curators, the culture of sharing, shared online social experience…etc.
    – BBC news, education content, entertainment content, information consumption in the digital age…etc.
    * include links to sources
  • Lecture/Discussion: Target Segmentation
  • Homework: Target Segmentations with Supportive Insights
    1) organize your research findings and discuss the findings with your team
    2) identity possible target segments that have creative potentials (one per student but work as a team so each segmentation has unique potentials, upload before next class)

 Tue: 02/02 | Thur:02/04 (w2)

  • Lecture/Discussion: Insight Statement / JTBD
  • In-Class Workshop: insight statement first drafts (one per student), each statement should be inspired by insights discovered during the initial research phase EXAMPLE
  • Presentation: Insight Statement (one from each team will be selected to continue)
  • Lecture/Discussion: Competitor Analysis
  • Homework: Competitor Analysis (minimum 5 competitors, upload before next class)

Tue: 02/09 | Thur:02/11 (w3)

  • Lecture/Discussion: How Might We (HMW)
  • In-Class Workshop: HMW Questions, complete all 10 questions and select up to 3 questions to work on
  • Show and Tell: HMW Questions
  • Lecture/Discussion: IDEO’s 7 Rules of Brainstorming
  • In-Class Workshop: 60 minutes / 100 ideas
  • Show and Tell: 60 minutes / 100 ideas
  • Homework: Organize and sort brainstorm results using the Affinity Mapping technique Yes, you can add additional ideas. (upload before next class)

Tue: 02/16 | Thur:02/18 (w4)

  • Lecture/Discussion: Minimum Viable Product (MVP)
  • In-Class Workshop: MVP worksheet
  • In-class Assignment: Winning Formula EXAMPLE
    – Each team will review 10 award-winning Future Lions case study videos and analyze:
    1. narrative flow and time allocation
    2. key fact(s)
    3. target segmentation
    4. primary functional goal
    5. differentiation
    Click here to see past Future Lions winners
  • In-Class Workshop/Homework: case study script first draft (no more than 2 minutes, roughly 240 words, upload before next class)

Tue: 02/23 | Thur:02/25 (w5)

  • In-Class Workshop: Group Review/Feedback Case Study Script
  • In-class Workshop / Homework:
    – Revise case study script
    – Moodboard and Storyboard

    – Team review
    Progress Update (upload before next class)

Tue: 03/02 | Thur:03/04 (w6)

  • In-class Workshop / Homework:
    – Case study video design and production
    – Team review
    Progress Update (upload before next class)

Tue: 03/09 | Thur:03/11 (w7)

  • In-class Workshop / Homework:
    – Case study video design and production
    – Team review
    Progress Update (upload before next class)

Tue: 03/16 | Thur:03/18 (w8)

  • In-class Workshop / Homework:
    – Case study video design and production
    – Team review
    Progress Update (upload before next class)

— D&AD Submission: March 23rd, before 12 PM EST —

Tue: 03/23 | Thur:03/25 (w9)

  • Midterm Presentation: Type for Product Concept Communication (include the process)
  • Project 2: I AM TYPEFACE (Type as a Digital Product)
    Each team (1 to 3 students per team) will design a screen-based display typeface that expresses and reflects the designer’s personality and/or worldview. Minimum 30 glyphs, ideally 60 glyphs or more. CT&D Typeface Design Scholarship.
  • Homework: My Favorite Typeface(s), My Inspirations, and Me

——————- Spring Break!!!! ————–

Tue: 04/06 | Thur:04/08 (w10)

  • Presentation: My Favorite Typeface(s), My Inspirations, and Me
  • Lecture/Discussion: Functional Typography vs Expressive Typography
  • In-class Workshop:
    Type Design Brief
  • Homework:
    Sketch and review classmate works and provides feedback
    – Finalize Design Candidates Presentation (minimum 3, upload before next class)

Tue: 04/13 | Thur:04/15 (w11)

  • Presentation: Design Candidates
  • Lecture/Discussion: Type Design Fundamentals
  • In-class Workshop / Homework:
    – Typeface design and production begins
    Progress Update (upload before next class)

Tue: 04/20 | Thur:04/22 (w12)

  • Lecture/Discussion: The Laws of Animation
  • In-class Workshop / Homework:
    – Typeface design and production
    Progress Update (upload before next class)

Tue: 04/27 | Thur:04/29 (w13)

  • Lecture/Discussion: Screen-based Typography
  • In-class Workshop / Homework:
    – Typeface design and production
    Progress Update (upload before next class)

Tue: 05/04 | Thur:05/06 (w14)

  • In-class Workshop / Homework:
    – Typeface design and production
    Progress Update (upload before next class)

Mon: 05/11 (w15)

  • Final Presentation: I am TYPEFACE

Attendance Policy

Attendance is not optional. If you are going to miss a class, you must contact me via email ASAP. Due to the quantity of material covered in the course, I will not be able to spend class time explaining missed assignments or redo lectures. If a class is missed, it is your responsibility to get information regarding missed assignments and lectures from one of your classmates.

  1. Students are required to attend all classes, be on time, and remain for the entire class.
  2. Just like face-to-face classes, you are expected to turn on your webcam during class time for remote learning. Contact professor if special circumstances in which webcam can not be available.
  3. Students who miss three classes will receive a grade of “F.”
  4. The student who arrives 10 minutes after the start of the class will be considered late
  5. 2 late occurrences = one absence
  6. A student who arrives over 30 minutes late or not returning from the break will be considered absent from the class
  7. Working on projects for another class or using digital devices for socializing (texting, social media…etc.) or gaming during class time will be recorded as an absence
  8. An excused absence is still recorded as an absence. The difference is an excused absence won’t impact your grade for professionalism and class participation.

Grading

  • Professionalism and Class Participation: 20%
  • Check Point Reviews: 46%
  • First Project Presentation: 14%
  • Final Project Presentation: 20%
  • (A: 91% or above, B: 90% – 71%, C: 70% – 61%, D: 60% – 51%, F: 50% or below)

Uploading Files for Final Grades

  • CT372 601
  • CT372 65A
    * keep all project and process files and upload before the semester is over for final grading.

Communication Design Pathways Department Policy on Plagiarism

Within the Communication Design Pathways Department, plagiarism, and other forms of academic deception are unacceptable. Each instance of plagiarism is distinct. A plagiarism violation is an automatic justification for an “F” on that assignment and/or an “F” for the course. A student found in violation of FIT’s Code of Conduct and deemed to receive an “F” for a course may not withdraw from the course prior to final grade assignments.

CT&D Recording Classroom Activities Policy

I. Introduction
Written permission is required in order to record classroom lectures, discussions, presentations (“lectures”), or other activities. When granted, permission to record lectures is subject to the limitations set forth in this policy. Violations of this policy may constitute copyright infringement in violation of federal or state law and may be subject to disciplinary action.

II. Definitions
A. Course Materials mean lecture notes, outlines, slides, Powerpoint presentations, readings, or other content made available to students by the instructor or presenter, or through any online learning system.

B. Recording means a video or audio replication or photographic image recorded on devices including, but not limited to, audio recorders, video recorders, cell phones, Smartphones, digital cameras, media players, computers, or other devices that record images or sound.

III. Requirements and Limitations
A. Written Permission
Recording of classroom lectures is prohibited unless advance written permission is obtained from the class instructor and any guest presenter(s). An instructor may provide such permission to an entire class as part of the course syllabus or other written description of a course. Students who require recording or other adaptations of lectures as a reasonable accommodation for a disability in advance of the lecture in order to obtain permission for the recording.

In the event permission to record classroom lectures is granted, the professor may notify all students, speakers and other lecture attendees in advance that recording may occur. Every effort should be made to protect the confidentiality of a student with a disability who is being granted an accommodation, i.e. the professor will not name the student who is doing the recording when it is due to disability accommodation.

B. Limitations on Use of Recordings and Materials
Permission to allow lecture recording is not a transfer of any copyrights in the recording or related course materials. Such recordings and materials may be used only for individual or group study with other students enrolled in the same class, and may not be reproduced, transferred, distributed, or displayed in any public or commercial manner.

Students must destroy recordings at the end of the semester in which they are enrolled in the class.

FIT Student Code of Conduct
Student Disability Services
Academic Honesty and Integrity Policy
FIT’s Course Withdrawal Policy 
Children on campus policy
FIT-ABLE 
Academic Advisement Center 
FIT Writing & Speaking Studio
FIT Counseling Services
Academic Skills Tutoring Center
Dean of Students Office
Technical Support for Blackboard with Open SUNY Help Desk

Additional Course Information:

Credits/Hours: 2/3
Class Meeting Time: 3PM to 6PM

STUDENT LEARNING OUTCOMES:
Upon successful completion of the course, students will be able to:

  1. demonstrate an understanding of the typographic design principles and theories that are unique for screen-based media
  2. establish typographic hierarchy based on modular scales for adaptive and fluid grids
  3. create typographic design solutions for digital content design
  4. elaborate the mobile-first typography design process, screen-based typography scale, and the concept of relative hierarchy for responsive design.
  5. create a range of low to high fidelity prototypes 
  6. create a professional quality case study reel (AE) and online presence

Grade appeal process: http://www.fitnyc.edu/registrar/grades/appeal.php for more information.

Library Resources: FIT Library Databases

Academic Advisement Center: http://www.fitnyc.edu/academic-advisement/index.php

Technical Requirements: High-speed internet and Adobe CC

Textbooks and Required Materials: Lecture slides will be provided every week after class,