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?
XD (Experience Design) is Adobe’s one-stop-solution for designing user experiences for web and mobile. In this tutorial, I will show you how to use it as a wireframing tool for your next mobile app or website.
Our new short course, 15 Time-Saving Shortcuts for Adobe XD, is perfect for any web designer who wants to save time and be more efficient.
In this tutorial, we’re going to create reusable user flow and task flow diagrams in Sketch. We’ll harness the power of Sketch symbols, using basic elements and a few customizations in order to make our symbols work for us.
Browser-based applications are becoming more and more prevalent, and their viability for use in web design is steadily increasing. Sure, they might not have the full grunt of desktop-based applications, but they can still be very powerful regardless, and they come with perks you typically won’t find in regular software.
Sketch is an amazing application for digital design. Its toolset perfectly suits those who design for the web, UI, or mobile, and it’s also useful for icon design.
In today’s quick tip I’ll help you make your web designs and mockups as realistic as possible by getting rid of dummy content. Generic dummy text can be really helpful in giving a design “body”, but it often removes an element of context, ultimately making the design weaker. Let’s improve that!
Let’s take a look at some prototyping tools available for web designers today, in no particular order: