Resources

Tutorials & Keyboard Shortcuts
Lynda.com – Great resource for software tutorials
Adobe.com Tutorials
Photoshop Hotkeys
Ai Hotkeys
After Effects Hotkeys

Mobile App Design
iOS Human Interface Guidelines for App Icons
Android Design Guidelines for App Icons
Material Design System by Google
Dieter Rams and Jonathan Ives discuss ‘good design’ from the documentary, Objectified.
Eye-Catching App Icon Design
Article on 10 app icon redesigns
BBC – What is Skewmorphism?

 

Infographics
90 Best Infographics
Tutorial on creating dramatic vector illustrations in Illustrator 
Video tutorial on making graphs in Illustrator

Typography and Color Palettes
Anna’s Typography Guide
Lindsey’s 10 Universal Laws of Design
Adobe Color: Great way to explore color palette options.
Paletton: Another palette creation site. Make sure to check out examples of your chosen palette too.
Coolors.co: Yet another color palette site & app.
Palettr.com: keyword color palette generator.
Color Hunt: free and open platform for color inspiration with thousands of trendy hand-picked color palettes
TinEye Labs: great website for finding CC images with a specific hexadecimal color.
Early Renaissance educational guide to color
RadioLab episode on color
Principles of Flat Design

Animated Infographics
storyboard template
Looping Compositions in After Effects
Exporting Video from After Effects (use Media Encoder only)

Type
Glossary of Font Terms
Errol Morris: How Typography Shapes our Perception of Truth
Google Fonts
Font Squirrel
DaFont

Sound
Adobe Audition Tutorials
Harvard University’s Guide to Searching for CC content
Free Music Archive 
Free Sound
Sound Bible (Note, this site has been down, so check out other resources for CC audio
Creative Commons
Archive.org
Finding CC files on Archive.org

Video
YouTube Firefox Video Download Helper
Youtube Chrome Video Download Helper
PressPausePlay film
Everything is a Remix video
Creative Commons Videos on Vimeo
Creative Commons Video Clips
Archive.org

Copyright/Fair Use/Creative Commons
A simplified explanation of copyright laws
A Fair(y) Use Tale
Unsplash – Creative Commons high-resolution images

Web Design
Sublime Text (Macs & PCs) – Note: many students have had issues with Notepad++ so I don’t recommend it
Code Academy – a great resource for learning the basics of HTML & CSS
Code Academy – “Make a Website” this Code Academy course focuses more on what it takes to build a basic site. This section is estimated to take 4 hours.
W3Schools – simple HTML & CSS reference 
W3Schools HTML Validator
MDN -Mozilla Developer Network – great resource on HTML & CSS
Chrome DevTools – create way to view and edit CSS within a web browser
All the Tags – HTML tag identifier
CSS Tricks – Code Snippets
CSS code for Emoji & Heart Symbols
Favicon Generator
Emoji Unicode
Google’s Material Design – great website for thinking about design system approaches
Zachary Morris’ Resume Inventory

2 thoughts on “Resources

Leave a Reply