In this video we abandon the urge to search for a Search icon and, instead learn how using a simple line, using a circle, and then grouping shapes saves time.
- [Instructor] In this exercise, we're going to add…another icon to our little nav bar up at the top, there.…We've already done the hamburger menu;…this time we're going to create a search icon.…Now, one of the things that never ceases to astound me…is how people go searching around the internet for…icons for use in mobile projects.…XD gives you a series of drawing tools…that allow you to quickly create icons,…and the search icon is a magnifying glass,…and really, when you think about it,…it is nothing more than a circle and a line.…So, let's create it.…
So, the first thing I want to do…is to get the circle too, right there.…It's the ellipse tool,…and holding down the option or alt key,…if you're on a PC, you're holding down the alt key,…just click and drag outwards, just like that,…to create a circle.…Now, this time we don't need a fill,…so we're just going to turn that off,…but we're going to give it a two pixel white stroke.…Okay, so we're just going to go all the way up to white.…FFFFFF.…And we'll make it three pixels.…
- Navigating the XD interface
- Using artboards and grids
- Adding content to layers
- Using the Repeat Grid feature
- Adding interactivity to a project
- Exporting content
- Sharing your work
Skill Level Beginner
UX Foundations: Accessibilitywith Derek Featherstone1h 20m Beginner
User Experience for Web Designerswith Chris Nodder1h 49m Beginner
1. Getting Started with Adobe Experience Design
2. Going from Concept to Interactive Prototype
3. Working with Images and Vectors
4. Build Stuff in Experience Design
5. Publishing and Developer Handoff
Next steps1m 13s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.