![]() ![]() But since I personally use Ai, it is what I will be focusing on throughout this article. The tips we’re going to go over are applicable in Adobe Illustrator (Ai)-my graphics editor of choice-as well as other graphics editors. If you know any more, please do share them in the comments at the end of the article. In this article, I want to share some of these. There are some steps that designers can take or avoid-a set of “dos and don’ts”-that can help make the generated code cleaner. They create vector graphics and UI assets all the time, but, for them, SVG is no more than an image format and they don’t know much about the code generated when their assets are exported as SVG documents. The reason for that is that many of the designers I’ve worked with knew very little-if anything-about SVG code. Most of the assets I’ve been handed in my past projects needed a do-over and/or a second round of editing in the graphics editor before I could script them, because the resulting SVG code was not optimized enough for the kind of work-especially animation-that I was hired to do. ![]() In my day-to-day work, I am usually the developer whom designers hand the design assets over to, and SVG images are part of those assets. And because of the nature of SVG as both an image format and a document format, every step taken in the graphics editor in the process of creating the SVG directly affects the resulting code and hence the work of the developer in charge of embedding, scripting or animating the SVG. The design phase is usually handled by designers who may or may not know how to code. Working with SVG in a RWD workflow usually involves a design phase and a development phase. Create Simple Shapes Using Simple Shape Elements, Not s. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |