Monday, January 26, 2015

Interaction Design Resources

Foundation Design Resources + Templates
Foundation GUI Kit (PSD)
by Ole Fredrik Lie F5
Design Templates for Foundation
by Doug Harrington
Yeedeen
by Vincent Chan
Foundation: Responsive Resources + Articles

Foundation HTML Templates 


Design Resources + Templates 
WebTuts

Smashing Magazine
960 Grid system templates

ColorLovers 
Adobe Color CC
Freeimages.com (Stock Photos)
Image After (Free textures + Images)
Creative Commons search
Google Fonts
Lorem Ipsum Generator


Web Design Blogs + Articles
Researching Your Design Project
Sketching and Your Design Workflow
Adding Space to Your Design
All About Grid Systems
Intro to Color Theory
Selecting Color Scheme
Understanding the Characteristics of Color
Principles of Successful Button Design
Common Mistakes in Website Design
The What, Why and How of Textures in Web Design
Visual Direction (great article that addresses design choices and its influence on usability)
Understanding the F-Layout
Understanding Split Layer Design
Jakob Nielsen (usability expert)

Typography Articles
Beginners Guide to Choosing Fonts
List of Web Safe Fonts
List of Special Characters in HTML
Typography Speaks Louder Than Words
Why Typographic Choices Make a Difference
How to choose a Typeface
What Font to use?
Combining Typefaces
Type Guidelines and References for the web {great article by Smashing Magazine}
I Love Typography {articles, resources, fonts}
Web Font Services: The Good, Bad and Ugly

Web Type Services
More Web Font Embedding Services {via Smashing Magazine}

Font Foundries {not all fonts are created equal, and should not have been created at all} Emigre League of Moveable Type Berthold Types Font Shop
Don't Know What Font it is? Try WhatTheFont.com
 

No comments:

Post a Comment