1 / 20

Graphic Design Workshop

Graphic Design Workshop. Lorenzo Tarantino Improving your Visual Design. Content. Elements of Design Principles of Design Some Analysis Introduction to Inkscape Break Inkscape Workshop 1 Inkscape Workshop 2 Some Resources. Line Shape Mass Texture Color. Line.

vivien
Download Presentation

Graphic Design Workshop

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Graphic Design Workshop Lorenzo Tarantino Improving your Visual Design

  2. Content • Elements of Design • Principles of Design • Some Analysis • Introduction to Inkscape • Break • Inkscape Workshop 1 • Inkscape Workshop 2 • Some Resources

  3. Line • Shape • Mass • Texture • Color

  4. 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

  5. Color • Links elements together • Primary colors draw attention • Color has various meanings and connotations

  6. Color Scheme • Find one and stick to it • Keeps consistency • Colors have strong meanings, and translate those into your design

  7. Space • White Space – Less is more

  8. Size • Size matters – Bigger is more noticeable • It draws immediate attention – both to the subject and anything near it

  9. Balance • Proximity • Alignment • Contrast • Repetition • White Space

  10. Contrast

  11. Repetition • Headers • Indents • Fonts • Imagery • Colors

  12. Alignment

  13. Proximity • Headers • Indents • Fonts • Imagery • Colors

  14. Analyze this Design • Alignment • Contrast • Color • Proximity

  15. A few pointers • 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

  16. Intro to Inkscape • Why use it? • Navigation • Multiple Selection • Layers • Export • Group/Ungroup • Object Positioning (z-Order) • Guide Rulers

  17. Extra Tips • Text to path • Eat Object

  18. Resources for further reading • 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 • InkscapeTutorials: http://inkscape.org/doc/ • C.R.A.P Principle:http://tinyurl.com/9b353wa • Design Theory: http://tinyurl.com/454pzel

More Related