Design Equations

Author: Jayne De Sesa, Dotuscomus, jdesesa@dotuscomus.com

Abstract

INTRODUCTION

Presentation of the nexus between my professional background as an art director/designer and SVG work.

DESIGN BASICS

Overview and examples of the three basic elements used in graphic design: color, layout and typography. Definitions and visual demonstrations of each.

Color: relative to contrast, size, hue and tone. Layout: relative to eye movement, tension, balance and hierarchy. Typography: relative to gender and personality. Font size relative to message content. Font choice relative to psychological impact.

BAD DESIGN IS A BUG

If the visual display or the presentation of content is difficult to comprehend, not interesting and/or distracts users from their goals, it may be due to careless or improper use of the graphic lexicon.

Graphic design may be considered as a navigation utility that either directs the viewer clearly or leads him astray. It should not be confused with decoration. If the elements of design are not well considered, there may results of serious consequence.

THE DESIGNER AND THE PROGRAMMER

The graphic designer is seldom a programming expert; the reverse is often also true. Though SVG and design make a natural marriage, they are separate disciplines. To fully realize the potential of SVG, the programmer and designer must work hand in hand in an uncompromising partnership.

Examples of real world collaboration.

Q&A

Open floor questions and discussion.