From the course: User Experience (UX) for Non-Designers
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The role of SVG - Adobe XD Tutorial
From the course: User Experience (UX) for Non-Designers
The role of SVG
- [Instructor] Having dealt with imaging or bitmaps let's now turn our attention to line art or drawing, which brings us to the topic of scalable vector graphics. When it comes to UX design, SVG, which is scalable, vector graphic, is the only way to go. The reason is simple, being code based, they take little or no time to load and render. Also they are device independent and don't rely on the pixels in a device as we discussed in the previous exercise. An SVG will be just as crisp on an Apple watch, as it will be on a webpage or Android device, as such, SVG has become a rather handy tool in the UX design toolbox and SVG graphics are used for logos, icons, and you can see them here with the Google material design icon collection. They're reused in buttons, volume knobs, infographics, charts, and just about anything you can think of that is regarded as line art. What you may not know is the SVG format has been around since…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
The UI designer's role4m 42s
-
(Locked)
The medium-fidelity prototype2m 57s
-
(Locked)
The medium-fidelity toolbox3m 33s
-
(Locked)
Imaging: Image formats5m 2s
-
(Locked)
Imaging: What's with all the Xs?3m 57s
-
(Locked)
The role of SVG3m 53s
-
(Locked)
Copywriting: Words make all the difference4m 22s
-
(Locked)
Feedback and iteration4m 16s
-
(Locked)
-
-