Resources

Applied Imaging and Applications to the World Wide Web I

Instructor:  L. Nieves
e-mail: livia.nieves@cuny.edu
Fb: ART/CGI 221- Instructor: Nieves


Adobe Creative Cloud

https://www.adobe.com/

You do not need to pay for Adobe.
Our course qualifies for free access on a semester-by-semester basis.
As soon as the Adobe licenses are available, I will inform you.
Video tutorial on how to access your Adobe account once you have received access: https://youtu.be/xu18JUsCxck

CUNY Dropbox

(Cloud Storage & File Sharing)


Sign-in at dropbox.cuny.edu
Class materials, homework, and class exercises will be shared and reviewed in Dropbox. Log in with your CUNY Login credentials. For example, joe.doe72@login.cuny.edu.

If you encounter any issues with your Dropbox account, please let me know or send an email to helpdesk@lehman.cuny.edu or by telephone at 718-960-1111

Uploading your assignments to Dropbox:

Here’s a Quicktime video that shows you how to upload your homework and class exercises to your designated Dropbox folder.

 

ZOOM

cuny.zoom.us

Please log-in to ZOOM with your CUNY Login credentials.
For example, joe.doe72@login.cuny.edu.
Do not use your personal Zoom account.

 

Lending Equipment – Laptop Loaner Form

Laptop Loaner Form Link

First-come, first-served applies to this service.
You cannot take this course on a Chromebook, a tablet, or even an old laptop.
This course requires the right equipment. It will be impossible to run the necessary software and meet the course requirements without a suitable computer. 

Please review this PDF for specs.

 

Top 2026 Web Design Trends

Codex Community

 

Tools

Material Icons
Explore and download Material icons in five styles and a range of sizes on Google Fonts

Google Fonts
Access an interactive directory of hundreds of beautiful digital fonts

The type system
Use typography to present your design and content as clearly and efficiently as possible.

Canva
Tutorial for Beginners: 2026

Typography

Understanding typography
Typography expresses hierarchy and brand presence.

Applying density
Material Design offers guidance on high-density spacing for use cases where increased density improves the user experience.

 

Basic Principles of Graphic Design

(Canva oriented)

Hierarchy
Visual Balance  (Canva presentation pages)
White Space
Contrast
Alignment and Spacing

Navigation

Understanding navigation
Navigation enables users to move through an app.

Navigation transitions
Navigational transitions occur when users move between screens, such as from a home screen to a detail screen.

 

Photoshop

How to Create a SCROLLING Website Mockup in Photoshop for Instagram

Photoshop for Beginners: Complete Course

Free High-Resolution Images and Vectors

  1. https://www.pexels.com/
  2. https://www.freepik.com/
  3. https://unsplash.com/

Colors

  1. The color system
  2. 100 inspiring color combinations (+ free color palette generator)
  3. http://www.colorhexa.com
  4. https://color.adobe.com/create/color-wheel/
  5. https://color.adobe.com/explore/newest/?time=all
  6. http://www.colormatters.com/

Inspirational Websites:

  1. https://www.behance.net/
  2. https://www.awwwards.com/
  3. https://99designs.com/discover
  4. https://robin-noguier.com/
  5. https://loish.net/
  6. https://www.kellyraeroberts.com/
  7. https://fantasy.bnf.fr/en/understand
  8. https://www.weststudio.com/
  9. https://degenesis.com/
  10.  https://matchthemes.com/demowp/dina/
  11. https://travelshift.com/
  12. https://www.cubaniatravel.com/
  13. https://www.oars.com/
  14. https://www.solbeachclub.at/
  15. https://leenheyne.nl/