CSS grid layouts aren't new, but they're still incredibly powerful and allow you to do some truly amazing things with your web design. It's perfect for designers who want to form better working partnerships with the developers since it’s made for both professional roles to use and adapt easily.CSS Grid…
What makes one website or app more successful than another? While product offerings and customer service certainly play a part, your UI design is your users/customers’ first impressions of your organizations. Users have become increasingly aware of how they engage with a site or app, and each click can bring…
If users don’t find your product engaging or seamless to use, they may skip it for a competitor’s product. That’s where user interface (UI) and user experience (UX) design come in. These closely related disciplines help you build products that put users first.What is UX design?User experience (UX) design ensures…
UI design elements are the pieces that create an engaging website or app experience. Users can’t interact with a site to achieve their goals without them. From clicking links to submitting forms, each user action depends on fully functional and intuitive design elements to get the job done.However, UI design…
In the Tech Community, conversations about the access of all kinds of profiles to the technology industry are common. It is usual to find debates about training, tools, collaboration with Open Source projects. There are also a lot of initiatives geared towards diversity, accessibility and inclusion.In Design, the conversations often…
Executives want their organizations to be more creative but admit it’s hard to find the time to do so. With competing priorities taking up company resources, good design often falls to the wayside, deeply impacting customer experience.Fortunately, many software solutions exist today for closing the creativity gap. Whether you’re making…
If you've been around design teams much, you've probably heard the phrases "design system," "style guide," and "pattern library." While all are beneficial for the busy creative team, they may not offer as much overlap as you may think.Knowing whether to use each one depends a lot on your project…
Clicking through an interactive flow is valuable when demonstrating user journeys to stakeholders, handing off designs to developers, or even doing early-stage user testing.In this tutorial, I’ll introduce you to some of the most common interactions you’ll prototype using Penpot. Penpot is brilliant for prototyping because you can work with…
Interactive prototypes are a great way to share how you want your design to behave when they’re live. You can easily mimic navigation and overlay behaviors, and even model state changes. Check out our tutorial featuring these examples. Then, use the following tips to level up your Penpot skills.1: Use…
The color of that button on your home page may have infinite color possibilities, but changing between those possibilities still uses real-life developer resources. To avoid creating additional effort for the developer team, designers can use a design system — or an agreed-upon collection of design and code decisions. This framework…