Category: Tips

alias

Custom Fonts in Modern Web Design

In 2015, two major American craft beer companies were at odds over a font design. Lagunitas, known for their signature IPA, and heavily recognized for the graphics on their labels, including font style, sued Sierra Nevada. Sierra Nevada, already a regional competitor, had just come out with the Hop Hunter, also an IPA, and their…

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…

Typography

Tips For Using Fonts In Typography

Picking the right font and using it in the typography is a mystifying process for many people. There are endless choices of fonts, whether you are looking for a normal conventional looking font, or an innovative bunny or candy cane font. A few decades ago, designers were limited to very few web safe fonts, most…

security

5 Thoughts When Building Security into Your Website

In an age where hacking is proliferating at unprecedented rates, website security matters more than ever. But often when building a website, security is at the bottom of a developer’s priority list. And it can be difficult to understand how to build a strong website which stands a higher likelihood of resisting hacking attempts, malware,…

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…

Privacy Policy | Contact