Category: UI

Draw Browser UI in Adobe XD

In this tutorial, we’re going to learn how to draw a browser user interface in Adobe XD. Download Adobe Experience Design CC (Adobe XD).

Designing a Progress Bar in Adobe XD

In this tutorial, we’re going to learn how to design a progress bar in Adobe XD. 1. Create a new artboard 1920 x 1080. 2. Select the artboard by Left-clicking on the artboard name top-left, and in the Property Inspector on the right, select a Background Fill Colour. In this tutorial the colour used was…

Drawing a Vector Octopus Icon in Illustrator

In this tutorial, we’re going to learn how to draw a vector octopus icon in Adobe Illustrator. The Steps (1-16) 1. Create a new document 800 x 800 pixels. 2. Select the Ellipse Tool, Left-click and hold Shift to draw a circle. Give the circle no Fill, and add a Black Stroke with a Stroke…

Hidden Navigation: Down with the hamburger

Whenever I had to pay rent at my old place, I always found myself a bit frustrated. It wasn’t because paying rent itself is naturally an act of frustration, but because the designers of my rent manager portal decided to use this little navigation thing in the upper right-hand corner, just below the site’s search…

Draw an Icon Badge and Shadow in Illustrator

In this tutorial, we’re going to learn how to draw an icon, badge and long shadow, in Adobe Illustrator. The Steps (1-19) 1. Create a New Document. 2. Select the Polygon Tool from the Toolbar, Left-click anywhere on the artboard and specify 6 as the number of Sides. 3. Using the Rotate Tool and holding…

Privacy Policy | Contact | Header Bidding