Visual Design Resources

TYPES & FONTS

  • Google Fonts: hundreds of high-quality open-source web fonts. (You can download .ttf fonts by adding fonts to your collection and clicking the download arrow in the top right of the screen.)  http://www.google.com/fonts/

COLOR

GRIDS

PHOTOGRAPHY

The following are a few collections of free high-quality images that you may download and incorporate into your designs.

ICONS & SYMBOLS

  • FontAwesome: a web-friendly, open-source icon font. You will need to open “glyphs” under the type menu in Illustrator to access these icons.  http://fontawesome.io/
  • The Noun Project: another source for creative commons (open-source) icons. You will need to search for individual icons and download them one at a time as either png files if you are working in Photoshop, or svg files if you are using Illustrator. To gain free access to these icons, you will need to create an account and agree to attribute the icon designer in your design. For the purposes of this class, you may assume that your client would pay for the icon, so attribute the icon designer in your presentation deck, not in your polished landing page design.  http://thenounproject.com/
  • Material Design Baseline Icons: https://material.io/tools/icons/?style=baseline
  • Font Awsome Icon Cheatsheet: https://fontawesome.com/cheatsheet?from=io

VISUAL DESIGN INSPIRATION