Visual Design Icons/Images/Media

  • Bucknell’s Music and Sound Resources: Bucknell students have access to a vast store of background music and sound that they can pay without licensing fees.
  • Bucknell’s Video Resources: Similarly, Bucknell students have access to copyright- and royalty-free stock video footage.
  • Subtle Patterns: a great collection of unobtrusive background patterns for a website.
  • icons8: huge collection of icons.
  • Noun Project: enormous collection of well-designed icons. Many are free (at least with attribution).
  • Flat Icon: sets of icons with visually consistent design
  • FindA.Photo: search engine for free stock photos that includes search-by-color
  • Pexels: high quality free stock photos that you can use

Type

  • Web Typography Resources: “A growing list of web typography related apps, tools, plugins and other resources for web designers and web developers.”
  • Fontpair: collection of fonts that go well together.
  • Beautiful Web Type: showcases the most beautiful fonts from Google’s free WebFonts collection

Color

  • Adobe Color: interactive web app to help you choose nice color schemes.
  • Colour Lovers: a community of people who post and vote on color palettes.
  • Colorgorical: research-driven model to help you create color palettes that are both aesthetically pleasing and optimized for communicating data.
  • Color Oracle: a free color blindness simulator for Windows, Mac, and Linux
  • LOLColors: curated color palette inspiration
  • Color Contrast Checker: determines whether a foreground/background color combination provides enough contrast for the purposes of accessibility
  • Viz Palette: Demonstration of various color palettes for data visualization (includes accessibility toggles).

Tips on Writing for Usability

Prototyping

  • inVision: create prototypes for web or mobile. Lots of integrations.
  • Marvel: create desktop and mobile prototypes. Integrates with Sketch. Nice free plan.
  • Facebook Design Resources: a set of images and tools curated by Facebook to be used during UI prototyping.
  • Adobe XD: Far from free, but if you have access to an Adobe account, a wonderful app for prototyping.
  • Sketch: Mac OS X app to help you draw new designs. Free trial or $50 student license.

Mobile Resources

  • Android Design Guide: design guidelines and patterns that are consistent with the android experience.
  • iOS Design Guide: design guidelines and patterns that are consistent with the iOS experience.

Design Inspiration

  • Dribbble: showcase of what designers are working on
  • Awwwards: awards for design, creativity, and innovation on the internet
  • Niice: sort of a more design focused pinterest site that can be used to create moodboards (and explore ones created by other people).
  • muzli designers: browse the work by a number of designers
  • From Up North: trendy, curated design inspiration.

Misc Resources

Visualization Tools

Professional Resources