INFO-I 363 VISUAL DESIGN FOR THE WEB (3 CR.)
Active learning-based introduction to visual and graphic design. We will first learn how to evaluate design, take better photographs, select appropriate content, and edit and manipulate images. Then we will apply and practice with these concepts to sketch, draw and illustrate digital design compositions and interfaces.
2 classes found
Fall 2024
| Component | Credits | Class | Status | Time | Day | Facility | Instructor |
|---|---|---|---|---|---|---|---|
| LEC | 3 | 12189 | Closed | 1:15 p.m.–2:35 p.m. | TR | IF 0119 | El-Shamy J |
Thirteen Week / In Person
LEC 12189: Total Seats: 32 / Available: 0 / Waitlisted: 0
Lecture (LEC)
- I 363: P - INFO-I 101
Visual design for the web is the process of creating the aesthetics and visual elements of a website or web application. It involves a variety of design principles such as layout, imagery, colors, typography, and user interface (UI) elements to construct a user-friendly and visually engaging online experience. Visual design is important because it directly affects how users perceive and interact with a website. Effective visual design enhancing user experience, usability, and accessibility. Designers need to consider factors like user behavior, cognitive psychology, and the goals of the website to create a design that not only looks good but also effectively communicates the intended message and provides a positive user experience. In this project-based introduction course, we will explore the principles of visual design through a series of lectures, readings, in-class activities, creative projects, and Adobe Illustrator and Photoshop training. Students will learn about color theory, grid systems, logo design, perception, balance, line, repetition, composition, branding and Gestalt principles, and apply these principles to screen-based user interfaces. Students will learn how to evaluate visual design, how to take better photographs, how to select content, how to edit and manipulate images, how to create basic geometric illustrations, and original digital designs. In the final project, students apply these collective skills and concepts to create a brand and web interface design. Learning Outcomes After this course, you will be able to: - Identify and apply visual components and design principles - Analyze a photograph based on both quality and appropriateness - Optimize and crop a photograph using Photoshop - Make informed photographic decisions to compose better images - Create illustrations within Adobe Illustrator using the pen tool and tracing techniques - Apply color theory and typographic principles to digital designs - Compose a visual design layout using a grid system or modular components - Sketch designs for interfaces, paying attention to the overall visual design and interface usability
| Component | Credits | Class | Status | Time | Day | Facility | Instructor |
|---|---|---|---|---|---|---|---|
| LEC | 3 | 37963 | Closed | 9:45 a.m.–11:20 a.m. | TR | IF 0119 | El-Shamy J |
Thirteen Week / In Person
LEC 37963: Total Seats: 0 / Available: 0 / Waitlisted: 0
Lecture (LEC)
- Above class meets for the thirteen week session
- Above class meets with a section of INFO-I 590
- Above class requires permission of Department
Visual design for the web is the process of creating the aesthetics and visual elements of a website or web application. It involves a variety of design principles such as layout, imagery, colors, typography, and user interface (UI) elements to construct a user-friendly and visually engaging online experience. Visual design is important because it directly affects how users perceive and interact with a website. Effective visual design enhancing user experience, usability, and accessibility. Designers need to consider factors like user behavior, cognitive psychology, and the goals of the website to create a design that not only looks good but also effectively communicates the intended message and provides a positive user experience. In this project-based introduction course, we will explore the principles of visual design through a series of lectures, readings, in-class activities, creative projects, and Adobe Illustrator and Photoshop training. Students will learn about color theory, grid systems, logo design, perception, balance, line, repetition, composition, branding and Gestalt principles, and apply these principles to screen-based user interfaces. Students will learn how to evaluate visual design, how to take better photographs, how to select content, how to edit and manipulate images, how to create basic geometric illustrations, and original digital designs. In the final project, students apply these collective skills and concepts to create a brand and web interface design. Learning Outcomes After this course, you will be able to: - Identify and apply visual components and design principles - Analyze a photograph based on both quality and appropriateness - Optimize and crop a photograph using Photoshop - Make informed photographic decisions to compose better images - Create illustrations within Adobe Illustrator using the pen tool and tracing techniques - Apply color theory and typographic principles to digital designs - Compose a visual design layout using a grid system or modular components - Sketch designs for interfaces, paying attention to the overall visual design and interface usability