If you need to design a corporate website, you can save yourself a lot of time and trouble by using a UI kit.
Wireframing. User journeys. Content maps. User-centered design. Information architecture. Animated prototypes. Conversion paths. Iterative features. Sitemaps. Uhh, what?
In this quick tip I’ll show you a really easy way to add padding and spacing to your designs in Sketch.
Designers need to solve problems every day, and finding the right solution involves in-depth research and carefully planned testing. It would be great to discover a one-size-fits-all approach or a secret formula that would automatically solve all our interface design issues. We might not have the answer for that yet, but we do know of certain shortcuts we can sometimes take.
In today’s tutorial, we’re going to tackle another icon project, in which we’re going to gradually learn how to create a set of text editor elements, using some of the basic shapes and tools found within good old Illustrator.
Running a small business is a unique adventure. To be successful, you have to be both strong and agile. And you have to work incredibly hard to get your name out there. Because you don’t necessarily have the reach of larger companies, your website plays a huge role in defining who you are to the outside world. Even if you have a brick-and-mortar location, the web may still be the only way many people will interact with you.
Gravit Designer is a completely free vector design application. It’s available in the browser as well as on Linux, Mac, ChromeOS, and Windows.
In this quick tip we’re going to talk about mockups; more specifically, the kind of mockups that you’d create in order to demonstrate a UI design for an app or website. There are plenty of resources around on the web where you can find mockup assets, but The Mockup Club takes things a step further by curating high quality, free mockup templates for you to use in your projects. Let’s quickly dive in:
Sketch is a perfect digital design app for creating beautiful and intuitive user interfaces. In our new course, Mobile UI Design in Sketch, you’ll learn how to design an interface for a mobile app from start to finish.
One of the most common patterns in web design is a navbar with a multi-level dropdown menu. While this is relatively simple to create, it’s still problematic for many developers—especially in a CSS-only version.
Adobe XD is the perfect graphic tool for anyone who designs for the web. It allows for designing, prototyping, and collaborating with others, all from within one application.
In this tutorial we’re going to build a seasonal advent calendar using CSS Grid, SVG, and a handful of festive cheer! Let’s begin by taking a look at what we’ll be working towards–click the days to see what’s underneath:
What follows is a grouping of some tools that you, as a developer or designer, can try on your next project. This list is by no means exhaustive, or a “top ten” of anything, but are simply suggestions to those looking for something new. I hope you enjoy the tools mentioned. Let’s get started!