Free web visual tools

Tools for Choosing Colors and Fonts

If you don’t know much about web color, you might want to spend some time exploring this cheat sheet and Web-Colors-Explained — a handy website we found that will teach you the difference between the RGB and CMYK color systems. You might also want to brush up on your basic HTML skills so you can learn how to use a HEX code (a 6-character alpha-numerical code that represents a color such as #FF0000). These HEX codes come in handy whether you’re working on a website, designing an ebook or manipulating an image in photo editing software.

  1. Peruse DesignSeeds for bold and seasonally relevant color palettes inspired by photos.
  2. Use Color Scheme Designer to pick one key color, and view various schemes of your choosing — monochromatic, triad, analogous, complementary and more.
  3. Browse colors, palettes and patterns on COLOURLovers or create your very own. Upload a photo and generate color palette based on it using the PHOTOCOPA tool.
  4. Check out Google Web Fonts, a directory of almost 600 fonts that are ready to use on your website.

Tools for Creating or Editing Your Own Visual Content.

  1. Create, edit or manipulate an image using Photoshop-like editors like Pixlr or Sumopaint.
  2. Take a screenshot of something on your computer screen, and annotate it with text, shapes, and objects using Jing or Evernote’s Skitch.
  3. Modify photos or create memes with the Google+ Photo Editor (you have to have a Google+ account to do this).
  4. Create a reusable PowerPoint template with several simple backgrounds that you can easily layer text on top of, then save as a JPEG.
  5. Create infographics in PowerPoint.
  6. Snap and edit photos with one or more of these mobile apps.
  7. Snap and add effects to photos using Instagram, Facebook Camera, or Flickr Mobile.
  8. Create a word cloud with Wordle.net.

Tools for Finding and Reusing Third Party Visual Content.

  1. Search Creative Commons for photos and images to borrow, alter and attribute.
  2. Host a user-generated photo contest on Instagram, Twitter, Facebook or all of the above, and use those images in your next wave of designs.
  3. Use the IcoMoon app to find downloadable icons and navigation buttons instead of recreating your own.
  4. Borrow wallpapers, icons, and vector graphics from Vecteezy.

ADDITIONAL RESOURCES.

This entry was posted in Dev, Technology. Bookmark the permalink.

Leave a Reply