Web Design Layout and Typography

I.     Course Prefix/Number: ART 267

       Course Name: Web Design Layout and Typography

       Credits: 3 (0 lecture; 6 lab)

II.    Prerequisite

ART 259 or consent of instructor

III.   Course (Catalog) Description

Course covers applications of common graphic tools available in web layout design and typography. Content includes artistic principles and techniques of web page design and layout, and examination of graphic design process from concept to production.

IV.   Learning Objectives

  1. Identify effective web site design
  2. Create effective information architecture in a web layout
  3. Incorporate design principles in web site layout
  4. Use typography effectively in web layout design
  5. Use color effectively in web layout design

V.    Academic Integrity and Student Conduct

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.

Please review the Code of Academic Conduct and the Code of Student Conduct, both located online at

VI.   Sequence of Topics

  1. Design process
    1. Project definition
    2. Interface design
    3. Visual design
    4. Production
  2. Web design principles
    1. Content design
    2. Information design
      1. User needs
      2. Analyzing information
      3. Acting on information
      4. Managing information
    3. Navigational design
      1. Document structure
      2. Information structure
      3. Site map
      4. Navigational controls
    4. Interactivity design
  3. Designing type for the Web
    1. Text formatting
    2. Links
    3. Tone of page
    4. Graphics as text
  4. Layout
    1. Readability
    2. Visual variety
    3. Blocks
    4. Focal points
    5. Formulas
    6. Tables and frames
  5. Graphical Elements
    1. Limitations of the web
    2. Graphics usage

VII.  Methods of Instruction

This course will be taught using a combination of lecture, demonstration, presentation and hands-on studio time in the lab.
Course may be taught as face-to-face, hybrid or online course.

VIII. Course Practices Required

  1. Attend and participate in classes and lab sessions
  2. Attend critiques with completed work
  3. Complete assigned artwork by due date
  4. Quizzes and final exam
  5. Maintain professional attitude

IX.   Instructional Materials

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

Flash drive or portable hard drive.

X.    Methods of Evaluating Student Progress

The final grade will be based on understanding and demonstration of key principles and course objectives. Grading and evaluation will be based on work, projects, assignments, process, critique, participation, and other items at the instructor’s discretion.  

Completion of projects and participation in critique are required. Course instructors will base grades and evaluation on specified elements and percentage weights.

XI.   Other Course Information

Please note:
Some of the activities, lectures and assignments in this class may include imagery that is controversial, uncomfortable, shocking, has nudity, and personally unpopular to one's beliefs. If a student objects to this practice, he/she is encouraged to discuss with the instructor early in the semester alternative ways of completing course requirements.

Open lab hours are posted at the beginning of each semester.

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.

Oakton Community College is committed to maintaining a campus environment emphasizing the dignity and worth of all members of the community, and complies with all federal and state Title IX requirements.

Resources and support for
  • pregnancy-related and parenting accommodations; and
  • victims of sexual misconduct
can be found at www.oakton.edu/title9/.

Resources and support for LGBTQ+ students can be found at www.oakton.edu/lgbtq.

Electronic video and/or audio recording is not permitted during class unless the student obtains written permission from the instructor. In cases where recordings are allowed, such content is restricted to personal use only. Any distribution of such recordings is strictly prohibited. Personal use is defined as use by an individual student for the purpose of studying or completing course assignments.

For students who have been approved for audio and/or video recording of lectures and other classroom activities as a reasonable accommodation by Oakton’s Access Disabilities Resource Center (ADRC), applicable federal law requires instructors to permit those recordings. Such recordings are also limited to personal use. Any distribution of such recordings is strictly prohibited.

Violation of this policy will result in disciplinary action through the Code of Student Conduct.