Primary Navigation
  • About
  • Academics
  • Continuing Education
  • Admission
  • Student Life
  • Student Services
  • Library
  • News and Events
  • Giving
Layout Design and Typography

I.     Course Prefix/Number: ART 225

       Course Name: Layout Design and Typography

       Credits: 3 (3 lecture; 6 lab)

II.    Prerequisite

ART 224 or ART 216 or consent of instructor

III.   Course (Catalog) Description

Course examines common graphic tools available in layout design, typography, and underlying design principles. Content includes typography and type design, ways of using illustrations and photographs in layouts., basic tools of graphic design for specific desktop publishing projects, properties of letter forms and converting letter forms into legible work. Student project to create type, modify it, and add it to existing fonts. Course project oriented and uses software for manipulation of layouts and typography for purpose of making final output. QuarkXPress and Adobe InDesign used as the main software.

IV.   Learning Objectives

A.    To explain the importance of appearance in effective layout design.
B.    To demonstrate the ability to control the reader's eye in layout design.
C.    To use typography in layout design.
D.    To use basic design principles in layout creation.
E.    To create and modify typefaces.
F.    To use color in an effective manner in layout design.

V.    Academic Integrity

Students and employees at Oakton Community College are required to demonstrate academic integrity and follow Oakton's Code of Academic Conduct. This code prohibits:

• cheating,
• plagiarism (turning in work not written by you, or lacking proper citation),
• falsification and fabrication (lying or distorting the truth),
• helping others to cheat,
• unauthorized changes on official documents,
• pretending to be someone else or having someone else pretend to be you,
• making or accepting bribes, special favors, or threats, and
• any other behavior that violates academic integrity.

There are serious consequences to violations of the academic integrity policy. Oakton's policies and procedures provide students a fair hearing if a complaint is made against you. If you are found to have violated the policy, the minimum penalty is failure on the assignment and, a disciplinary record will be established and kept on file in the office of the Vice President for Student Affairs for a period of 3 years.
Details of the Code of Academic Conduct can be found in the Student Handbook.

VI.   Sequence of Topics

A.    Structure of Design: Visual Elements
         1.    Line
         2.    Shape
         3.    Light and dark
         4.    Color
         5.    Texture
         6.    Perspective and depth
B.   Organization of the Elements
         1. Unity
         2. Balance
         3. Rhythm
         4. Proportion
C.  Techniques
         1.  Contrast
             a.    Tone
             b.    Shape
             c.    Size
             d.    Juxtaposition
             e.    Sharpness
             f.    Complexity
             g.    Variation
             h.    Exaggeration
         2.    Harmony
             a.    Balance
             b.    Symmetry
             c.    Simplicity
             d.    Unity
             e.    Opacity
             f.    Singularity
             g.    Flatness
             h.    Repetition and regularity
D.  Principles of Typography
          1.    Origins of the alphabet
              a.     Pictograms
              b.     Ideographs
              c.     Phoenician, Greek and Roman alphabets
              d.     Small letters and punctuation
          2.  Types
              a.    Sans Serif
              b.    Serif
              c.    Script
              d.    Special character and symbols
          3.  Families of type
              a.    Specimen sheets
              b.    Key letters
              c.    Color of type
              d.    Personalities of type
              e.    Visual change between type over time
                     1)    Garamond, Baskerville, and Bodoni    
                     2)    Century Expanded, Helvetica
              f.    Display type
                     1)    Roman and Egyptian
                     2)    Sans Serif and Script
          4.  Description
             a.    Size
                     1)    Points
                     2)    Pica
                     3)    Conversion to inches
             b.    Weight
             c.    Width
             d.    Slant
             e.    Style
          5.  Anatomy               
             a.    Point size
             b.    Cap height
             c.    Serif
             d.    Counter
             e.    Ascender
             f.    Baseline
             g.    Descender
          6.  Relationship to page                   
             a.    Leading and kerning
             b.    Line length
             c.    Alignment
             d.    Rules
             e.    Headlines
             f.    Widows and orphans
          7.  Designing with type
             a.    Function of type
             b.    Ornate type
             c.    Creating moods with type
             d.    Altering of characteristics of existing fonts
E.  Page Structure
          1.  Anatomy of a Page - Terminology
             a.    Gutter
             b.    Overline
             c.    Deck
             d.    Bleed
             e.    Folio
             f.    Margins
         2.  Organization
             a.    Grids
             b.    Style
             c.    Columns
             d.    Margins
             e.    Headlines
             f.    Captions
F.  Nature of Color
        1.      Application to page
        2.      Feelings
        3.      Color relationships
        4.      Color and the marketplace
        5.      Local color
             a.    duotones-quadtones
             b.    without black
G.  Four color
H.  Basic components of Graphic Design
        1.    Parts
             a.    White space
             b.    Bleeds
             c.    Drop shadows
             d.    Borders
             e.    Boxes
              f.    Screens
         2.    Methods: Repetition
         3.    Grids
         4.    Headlines   
         5.     Organizational elements
I.  Imaging and layout design
         1.      Illustrations
            a.    Drawing
            b.    Clip art
            c.    Charts and diagrams
            d.    Manipulating illustrations
         2.    Photographs
            a.    Tonal scales
            b.    Sequence
            c.    Sizing
            d.    Retouching
J.  Application of design principles
        1.    Brochures
        2.    Advertisements
        3.    Catalogs
        4.    Projection material
        5.    Flyers
        6.    Newsletters and forms
        7.    Charts and diagrams
        8.    Business communications                           

VII.  Methods of Instruction

This course will be presented using a combination of lectures, slide presentations and work at the lab’s computer workstations.

Course may be taught as face-to-face, media-based, hybrid or online course.

VIII. Course Practices Required

A.    Attendance at all classes and labs.
B.    Attendance and participation in all critiques and quizzes as scheduled in the course   calendar.
C.    Complete assigned exercises and print all assignments.
D.    Final exam.

IX.   Instructional Materials

Note: Current textbook information for each course and section is available on Oakton's Schedule of Classes.

A.    High capacity storage drive
B.    Ink-jet paper

X.    Methods of Evaluating Student Progress

The final grade will be based upon the following elements and their weights

    1.    Quizzes = 25%
    2.    Three critiques during the semester = 25%
    3.    Final exam = 25%
    4.    Final critique = 25%

Multiple choice quizzes will be administered at each of the first three critiques.  The critiques offer the student the opportunity to show work in progress to the instructor and to the class and to obtain feed back on the work presented. 

XI.   Other Course Information



If you have a documented learning, psychological, or physical disability you may be entitled to reasonable academic accommodations or services. To request accommodations or services, contact the Access and Disability Resource Center at the Des Plaines or Skokie campus. All students are expected to fulfill essential course requirements. The College will not waive any essential skill or requirement of a course or degree program.