Graphic Design Workshop

Lorenzo Tarantino

Improving your Visual Design

Elements of Design Principles of Design Some Analysis Introduction to Inkscape

Break

Inkscape Workshop 1 Inkscape Workshop 2 Some Resources

Content

Line ShapeMassTextureColor

Line The line directs the

flow or the movement of the gaze across visual space

It directs when and where the audience looks

Line can be literal or inferred

Links elements together

Primary colors draw attention

Color has various meanings and connotations

Color

Color Scheme Find one and

stick to it Keeps

consistency Colors have

strong meanings, and translate those into your design

White Space – Less is more

Space

Size matters – Bigger is more noticeable

It draws immediate attention – both to the subject and anything near it

Size

BalanceProximityAlignmentContrastRepetitionWhite Space

Contrast

Headers Indents Fonts Imagery Colors

Repetition

Alignment

Proximity Headers Indents Fonts Imagery Colors

Alignment Contrast Color Proximity

Analyze this Design

SVG – Scalable Vector Graphics, XML-based vector image format for two-dimensional graphics that has support for interactivity and animation.

Have a sketch, a photo or an existing illustration on paper beside you as a rough reference - Do not work from scratch

Keep a cheat sheet of keyboard shortcuts next to you

A few pointers

Why use it?

Navigation Multiple Selection Layers Export Group/Ungroup Object Positioning (z-Order) Guide Rulers

Intro to Inkscape

Text to path Eat Object

Extra Tips

Free ClipArt Library: http://openclipart.org/ Color Scheme mixer: www.colourlovers.com Adobe Kuler: https://kuler.adobe.com Color Theory: http://tinyurl.com/y8a49dk Color Concepts: http://tinyurl.com/y99s9ts Inkscape Tutorials: http://inkscape.org/doc/ C.R.A.P Principle:http://tinyurl.com/9b353wa Design Theory: http://tinyurl.com/454pzel

Resources for further reading