How Designers Should Think About SVG
In preparation for my next course in Drawing and SVG workflow, I talked to a lot of designers, third and fourth year, their formatting usage. And I noticed a common error about SVG:
We often expect SVG behaves like a bitmap graphic as a PNG with infinite resolution. But this is not the case.
On the one hand, some things are more difficult with SVG. Export – or, more precisely, the process for going * sketching a final graphic – can take a few seconds to 10 minutes. It depends on your design and how you will use the chart. To create an SVG that responds perfectly to your needs, it is possible to adjust the sketch layers will be in a certain way, or edit the exported tags. It may sound complicated and tedious, but it is not difficult and opens up a world of possibilities for using SVG.
Because despite their differences, SVG has a lot of incredible qualities. We will take care of the first, because they are fun, we will discuss how to start practically thinking SVG.
* Note: Although Sketch is my design tool of choice, the concepts in this article also apply to most Adobe Illustrator and other tools.
A brief technical definition:
SVG stands for Scalable Vector Graphics. It is a graphic format, such as JPEG or PDF, and the idea behind them is that they are not restricted to a particular resolution; Because, instead of being made up of pixels, SVGs are made up of vector shapes. Although they can be used in a variety of places, SVG are more at ease on the Web. The following examples show their potential.
SVG Why is it so amazing?
Many others before me have urged the benefits of SVG in detail. (If you are a web developer, visit Chris Coyier speeches, SVG is for everyone to get a technical description). In this article, I will highlight five main advantages that most designers are concerned about.