Introduction to Graphics and Visual Computing

Aug 21, 2024

Class Notes: Introduction to IPS 208 and CSE 209 - Graphics and Visual Computing

Instructor Introduction

  • Instructor: Julius R. Publico ("Jules")
  • Background: Full-time IP instructor, graduated in Information Technology and Nursing, currently pursuing a Master's in Information Technology.
  • Welcome back to returning students from IDS 101.

Course Overview

  • Course Codes: IPS 208 and CSE 209
  • Focus Areas: Graphics and Visual Computing
  • First Class: Course orientation and introduction to the subject.

Course Format and Tools

  • Learning Management System (LMS): Google Classroom
  • Communication Platform: Facebook Messenger for quick updates and communication.
  • Assignments: Handled through Google Classroom, with links provided for sections.
  • Class arrangements will be primarily online due to ongoing global health concerns.

Learning Objectives

Topics to be Covered:

  1. Introduction to Visual Computing
  2. Creative Process
  3. Design Elements & Principles
  4. Industry Standard Software:
    • Adobe Photoshop
    • Adobe Illustrator
    • Adobe InDesign
    • Introduction to Canva for those without access to industry software.

Class Arrangements

  • Format: Asynchronous and synchronous classes (once a week, 1-2 hours).
  • Assignments: Divided into two groups based on access to computers.
    • Students with PCs will perform hands-on activities.
    • Students without PCs will create narrative instructions for the activities.
  • Assessment: Timely submission of assignments via Google Forms will count for attendance.
  • Class recordings will be uploaded to the instructor's YouTube channel for review.

Course Requirements

  • Grading Breakdown:
    • Attendance: 10%
    • Assignments: 20%
    • Assessments: 20%
    • Projects: 20%
    • Major Examinations: 30%
  • Attendance in live sessions will contribute to the overall grade but can be made up by watching recorded classes.

Software and Tools for Graphics and Visual Computing

  • Main Tools:
    • Install Adobe Creative Cloud software (Photoshop, Illustrator, InDesign).
    • Use the latest versions (CC 2019 or newer).
    • For mobile users: Canva available on Google Play Store.

Key Concepts in Graphics and Visual Computing

  1. Graphics and Visual Computing Defined:
    • Graphics involve using computers to create visual content.
    • Visual computing encompasses various fields, including image processing and computer graphics.
  2. Graphic Design:
    • The art of visual communication combining images, words, and ideas.
    • A good design ensures effective visual communication and conveys the intended message clearly.
  3. Difference Between Designers and Artists:
    • Artists express emotions and ideas through their works.
    • Designers focus on creating effective visual solutions that meet specific needs.

Visual Communication Principles

  • Good Design Characteristics:
    • Pleasing to the eye
    • Gets attention
    • Effectively conveys a message
  • Visual Challenges:
    • Overuse of fonts, illegibility, and unclear messaging can hinder communication.
    • Examples shown to illustrate common design mistakes.

Graphic Design Do's and Don’ts

  • Do's:
    • Think visually and creatively.
    • Use design principles to enhance visual communication.
  • Don’ts:
    • No need to be an excellent drawer.
    • Avoid expensive equipment; many software options are accessible.
    • Formal education enhances skills but is not strictly necessary.

Portfolio Development

  • Importance of Portfolio:
    • An organized collection of work demonstrating skills and experience.
    • Companies prefer portfolios over resumes for assessing a designer's capabilities.

Upcoming Assignments

  • Assignment Example:
    • Interpret and explain how specific graphics are pleasing to the eye, get attention, and convey messages.
    • Submission deadline: March 18, 2022.

Conclusion

  • Emphasis on becoming effective graphic designers by understanding design principles and practical applications of software.
  • Encourage a mindset of creative problem-solving for visual communication.
  • Next Steps:
    • Links for assignments and future class schedules will be provided.