Tag: UX

Learn How to Create Responsive Guides in Adobe XD

How to Create Responsive Guides in Adobe XD

In this tutorial, we’re going to learn how to create guides for responsive design, in Adobe Experience Design CC (Adobe XD). The Steps (1-12) 1. Create a new document 1920 x 1080 from the Start Screen. 2. Create a shape that is 100% height, and 1170 pixels in width. This shape is going to represent…

Learn How to Design a Switch UI in Adobe XD

How to Design a Switch UI in Adobe XD

In this tutorial, we’re going to learn how to design an on/off switch UI, in Adobe Experience Design CC (Adobe XD). The Steps (1-18) 1. Create a new document by selecting iPhone 6 from the Start Screen. 2. Select the Line Tool and hold Shift to draw a horizontal line that spans the width of your document…

Learn How to Quickly Add Images in Adobe XD

How to Quickly Add Images in Adobe XD

In this tutorial, we’re going to learn how to quickly add multiple images in Adobe Experience Design CC (Adobe XD). The Steps (1-11) 1. Create a new document by selecting iPhone 6 from the Start Screen. 2. Select the Rectangle Tool and hold Shift to draw a square that fills the entire width of your artboard. Alternatively,…

Learn How to Design a Social Profile UI in Adobe Illustrator

How to Design a Profile UI in Adobe Illustrator

In this tutorial, we’re going to learn how to design a social profile user interface (UI) in Adobe Illustrator. The Steps (1-18) 1. Create a new document, 3000 x 3000 pixels, with the colour mode set to ‘RGB.’ 2. Using the Rectangle Tool, select a light grey and draw a four-sided shape that covers the…

Adobe XD (Preview) The Basics of Adobe Experience Design

Learn the Basics of Adobe XD

Let’s take a look at some of the tools available in the preview build of Adobe Experience Design CC (Adobe XD). Adobe XD Overview   Select a Document Type From the Adobe XD Start Screen, select from a number of different mobile, tablet and desktop devices. Alternatively, you can specify the width and height for your…

Learn How to Export Assets in Adobe XD

How to Export Assets in Adobe XD

In this tutorial, we’re going to learn how to export assets in Adobe Experience Design CC (Adobe XD). The Steps (1-3) Start with your finished design, presented on an artboard, ready to be exported. Simply use your mouse to drag over and select the elements that you wish to export, and then go to File >…

featured-hamburger-sliding-drawer-mobile-nav

Best Practices for Sliding Hamburger Menus

Hamburger icons are those little three-bar icons you see in the corner of many websites and mobile apps. These primarily trigger a sliding drawer navigation which contains links to pages all around the website. Sliding drawer nav menus are great for responsive design but they can also be tricky to implement. These tips will help…

Privacy Policy | Contact