ART\u00a0 221 – CGI\u00a0 221 – Thursdays, 6:00 PM – 9:30 PM<\/p>\n
Applied Imaging and Applications to the World Wide Web I Instructor<\/strong>: Livia Nieves, Adjunct Professor, Art Department Applied Imaging and Applications to the World Wide Web I<\/strong> introduces students to the visual, technical, and conceptual foundations of modern web design. This course emphasizes how design decisions translate into effective digital experiences across devices, platforms, and audiences.<\/p>\n Students will learn how to plan, design, and present a complete client-ready design package<\/strong> for a promotional web page. The course focuses on visual communication for the web, including layout, color, typography, imagery, and branding, while also introducing the technical basics needed to bring designs to life.<\/p>\n This course is highly project-based and is structured to mirror real-world creative and client-facing workflows. Students will move through the full design process\u2014from concept development and visual research to layout design, refinement, and presentation\u2014while building a cohesive promotional design system.<\/p>\n Midterm Project \u2013 Client Design Package part 1 (Desktop Focus) Using Photoshop Final Project \u2013 Client Design Package part 2. Using Photoshop and Canva Social Media Marketing Assets<\/strong> Together, these deliverables reinforce visual consistency, branding, and marketing strategy across digital platforms, preparing students for real-world design expectations.<\/p>\n The final project will be delivered as a polished, professional presentation created in Canva<\/strong>. This presentation will showcase the complete visual system for the project, including the web design developed for the midterm<\/strong> and all social media assets created for the final<\/strong>. The deck will be structured to clearly present the design concept, visual consistency, layout decisions, and final executions, simulating how work is presented to real clients or creative directors.<\/p>\n Assignments<\/strong> Failure to complete assignments and in-class exercises will result in a maximum grade of 70% (C-).\u00a0 Strong performance on all major projects\u2014including the midterm design package and final web page\u2014is required to pass the course. Low project grades, combined with poor attendance, significantly increase the risk of failing.<\/p>\n Excessive absences may result in failure of the course, even if all projects are completed at a high level.<\/p>\n This is a synchronous online course<\/strong>, meaning students must attend live Zoom sessions at scheduled times. Classes include lectures, demonstrations, design critiques, and discussions. Students are expected to actively participate and stay engaged throughout each session.<\/p>\n <\/p>\n To successfully participate in this course, students must regularly use the following CUNY-supported\u00a0platforms. Clear organization and consistent use of these tools are essential.<\/p>\n https:\/\/brightspace.cuny.edu\/<\/a><\/p>\n Brightspace is the official Learning Management System (LMS)<\/strong> for this course and will serve as the central hub for: This course is synchronous<\/strong>, meaning students are required to be virtually present at the scheduled class time. Although the course is online, classes meet live and in real time<\/strong>.<\/p>\n Students are expected to: https:\/\/cuny.zoom.us\/<\/a><\/p>\n Zoom will be used for all live class sessions.<\/p>\n Important Zoom Requirements:<\/strong> Attendance is recorded through Zoom and monitored throughout each session. https:\/\/dropbox.cuny.edu\/<\/a><\/p>\n Dropbox is an essential tool for this course and will be used to: Proper file organization is required and will support efficient reviewing, grading, and long-term project development.<\/p>\n https:\/\/www.adobe.com\/<\/a><\/p>\n You do not need to pay for Adobe.<\/strong> <\/p>\n <\/p>\n Laptop Loaner Form Link<\/a><\/p>\n First-come, first-served applies to this service. 31% <\/strong>Participation, assignments, class exercises, quizzes, and attendance\u00a0\u00a0<\/strong><\/p>\n 29% Midterm\u00a0<\/strong> 40%\u00a0 Final project\u00a0<\/strong> (Mobile Devices Focus + Social media assets)If you do not complete your assignments and class exercises, you will receive a grade of 70% (C-) only if*<\/strong> you obtain an A grade on each of your projects, the midterm design package, and the final web page. The lower your project grades are, the greater your chances of failing the course, especially if you are not attending class regularly.<\/p>\n The final project will be delivered as a polished, professional presentation created in Canva. This presentation will showcase the complete visual system for the project, including the web design developed for the midterm and all social media assets created for the final. The deck will be structured to clearly present the design concept, visual consistency, layout decisions, and final executions, simulating how work is presented to real clients or creative directors. Office hours<\/strong> The student handbook notes that \u201cStudents are expected to attend all class meetings as scheduled and are responsible for all classwork missed because of late registration or absence. Excessive absences in any course will result in failing the course<\/strong>.\u201d<\/p>\n If you miss more than three classes, please withdraw from the course as soon as possible.<\/p>\n **You will receive a WU grade if you have excessive absences and do not drop the class.<\/p>\n When a student misses three or more meetings in a once-per-week course, it’s considered excessive absences. Therefore, it is critical to attend all classes to ensure a successful outcome. Students are allowed to miss one or two classes max. If you are absent, please send an email as soon as possible. Assignments must be submitted by the following week unless the instructor grants an extension.<\/p>\n Zoom records attendance<\/strong>. Detailed reports show when users enter and exit the app. \u00a0<\/strong><\/p>\n Updated Student Guidelines<\/strong><\/p>\n New deadline for \u201cWithdrawal\u201d (W) Grade<\/strong><\/p>\n The deadline to withdraw from a course with a \u201cW\u201d grade has been changed. During the pandemic, the deadline was extended to the last day of the semester to allow students more time to withdraw. As of Fall 2024, the new deadline will be the 60% point of the Fall semester and future semesters moving forward. For Fall 2024, the new deadline will be Wednesday, November 6th<\/p>\n WU Grades <\/strong>– A grade of “WU<\/strong>” is assigned to students who participated in an academically related activity at least once, completely stopped participating in academically related activities any time before the culminating academic experience of the course<\/strong>, and did not officially withdraw.<\/p>\n Accommodating disabilities<\/strong> accommodations are encouraged to register with the Office of Student Disability Services. For more information, please contact the Office of Student Disability Services, Shuster Hall, Room 238, phone number 718-960-8441.<\/p>\n T<\/strong>he Academic Center for Excellence (ACE) and the Science Learning Center (SLC)<\/strong> are two of the tutoring centers on campus. The ACE provides appointment-based and drop-in tutoring in the humanities, social sciences, and writing, as well as general writing and academic skills workshops. The SLC provides drop-in tutoring for natural and computer science courses. To obtain more information about the ACE and the SLC, please visit their website at<\/p>\n
\n<\/strong>Concepts and techniques underlying the World Wide Web. Image processing and two-dimensional graphics as methods to produce material for the World Wide Web. Emphasis on the artistic, mathematical, and computer science underpinnings of these topics. PREREQ: ART 112.<\/strong><\/p>\n
\nE-mail:<\/strong> livia.nieves@cuny.edu
\n<\/a>Online syllabus<\/strong> at Brightspace<\/p>\nWhat You\u2019ll Learn<\/h3>\n
\n
<\/h3>\n
Applied Projects<\/h3>\n
\n<\/strong>
\nFor the midterm, students will design a responsive homepage design package<\/strong> for a fictional or assigned client using Adobe Photoshop. The emphasis will be on the desktop layout<\/strong>, allowing students to explore visual hierarchy, grid systems, typography, color strategy, and imagery at a larger scale. Students will present their work as a professional client-facing design proposal that clearly communicates intent and design decisions.<\/p>\n
\n(Mobile Devices Focus + Social media assets)
\n<\/strong>
\nThe final project continues and expands the midterm design package by refining and adapting the layout for multiple screen sizes. Students will apply responsive design principles to create optimized layouts for:
\n– Laptop screens
\n– Tablet devices
\n– Mobile devices<\/p>\n
\nIn addition to web layouts, students will design a coordinated set of social media marketing graphics that extend the client\u2019s brand beyond the website. These assets include:
\n– Organic social media posts
\n– Paid advertising graphics
\n– Social media profile images and cover graphics<\/p>\n
\nEvery week, you’ll receive an assignment. The assignments will be posted on Brightspace or announced in class. Every week, Dropbox links should be posted to Brightspace class homework so it can be marked completed.<\/p>\nCourse Format<\/h3>\n
Course Platforms & Required Applications<\/h3>\n
Brightspace (Learning Management System)<\/h3>\n
\n– The course syllabus
\n– Weekly assignments and deadlines
\n– Exams, quizzes, and course announcements
\n– Lecture materials and resources<\/p>\nSynchronous Course Format<\/h4>\n
\n– Attend class on time
\n– Sign in to Brightspace during class meetings
\n– Actively participate in lectures, presentations, and class discussions<\/p>\nZoom (Virtual Class Meetings)<\/h3>\n
\n– You must log in using your CUNYfirst Zoom account<\/strong>
\n– Do not<\/strong> use a personal Zoom account
\n– Use the following format when signing in: firstname.lastname#@login.cuny.edu<\/em><\/p>\n
\nI will also take old school attendance at 6:08 pm. <\/strong>I will call your name and expect to hear your voice answering.<\/p>\nAsset Delivery + Sharing Files
\nDropbox (Cloud Storage & File Sharing)<\/h3>\n
\n– Share and submit homework assignments
\n– Upload class exercises and project files
\n– Review instructor feedback<\/p>\nDropbox Setup Instructions<\/h4>\n
\n
Adobe Creative Cloud<\/h3>\n
\nOur course qualifies for free access on a semester-by-semester basis.
\nAs soon as the Adobe licenses are available, I will inform you<\/strong>.
\nVideo tutorial on how to access your Adobe account once you have received access: https:\/\/youtu.be\/xu18JUsCxck<\/a><\/p>\nSystem Requirements for Adobe Software and Online Learning<\/h3>\n
Your computer should be in proper shape for this course. Your internet service should be steady and reliable to ensure smooth downloads and uploads of large files. Consistent connectivity is crucial for participating in live sessions and accessing online resources without interruptions. Please review this PDF<\/strong><\/a> for specs.<\/h3>\n
Lending Equipment<\/h3>\n
\nYou cannot take this course on a Chromebook, a tablet, or even an old laptop.<\/strong>
\nThis course requires the right equipment. It will be impossible to run the necessary software and meet the course requirements without a suitable computer.\u00a0 PDF<\/strong><\/a> for specs.<\/p>\nGrading Policy<\/h3>\n
\n
\nClient Design Package part 1 (Desktop Focus)<\/p>\n
\n
\nClient Design Package part 2<\/strong><\/p>\n
\n
\nDespite submitting perfect projects, excessive absences will result in failing the course.\u00a0<\/strong><\/p>\n![\"Grade](\"https:\/\/livianieves.com\/221\/wp-content\/uploads\/2023\/05\/1percentage-grades.jpg\")
<\/p>\n
\nPlease request a private Zoom tutoring session at least two days in advance via email: livia.nieves@cuny.edu<\/a>.<\/p>\nOnline attendance policy<\/h3>\n
Online class meeting at 6 PM.<\/h3>\n
\nSimilarly, if your connection goes down and you have to re-log in, that will be recorded.
\nI will also take old school attendance at 6:08 pm. <\/strong>I will call your name and expect to hear your voice answering.<\/p>\n
\nCamera Use Guidance for Online and Hybrid Courses<\/strong> (documentation)
\nWe can now require the use of cameras for online and hybrid classes, but this must be clearly stated in the syllabus and during the first meeting of the semester. This gives us the flexibility to use it when we feel the need for it. Here are the pertinent guidelines: PDF<\/a><\/p>\n
\nNew Academic Integrity Statement that Incorporates AI<\/strong>
\nIn June 2024,\u00a0the CUNY Board of Trustees passed a new\/revised academic integrity statement that incorporates when\/how the use of AI may violate academic integrity.\u00a0 See attached policy – PDF<\/a><\/p>\n
\nCampus referrals for students<\/strong>
\nThe Lehman College Mental Health Committee seeks to create a campus community of students, staff, and faculty sensitive to Lehman students’ mental health needs and emotional well-being. It wants to ensure student success, persistence, retention, and graduation, responsively and increase awareness and access to mental health services on campus. Please use this referral sheet for on-campus services. CAMPUS\u00a0 \u2013 PDF<\/a><\/p>\n
\nLehman College is committed to providing access to all programs and curricula to all students. Students with disabilities who may need classroom<\/p>\n