Gamification

Read More

Assets: Format, Performance, and Exporting

Format Design programs enable you to export in common image formats, such as jpg, png, svg, and pdf. Each has […]

Read More

Assets: Naming & Resolution

Naming Be consistent with naming. Find out if there is a consistent file naming scheme the developers prefer at your […]

Read More

Components

Naming Be intentional and consistent when naming components. Use names that match the terms used in your design system, terminology […]

Read More

Styles

Use styles for colors and typography Styles are a common feature in design tools that help designers use consistent colors […]

Read More

Content States

User Interfaces are typically quite dynamic, as content can change depending on user interactions and system statuses. Whenever possible, include […]

Read More

Interaction States

Interactive States Include focus, hover, and click/tap states A common mistake designers make is forgetting to add interactive states. How […]

Read More

Spacing & Grid Systems

Spacing units Websites and apps usually have consistent spacing between elements because it makes a design look cohesive, and it’s […]

Read More

Screens

Device-Sized Screens ✨ Project Check-in: In our project file, we’re designing a specific component; not an entire screen. So for […]

Read More

Pages

Let’s get this file ready to share with developers. We’ll start by using pages to organize the information. Cover Image […]

Read More

Ideating with Developers

The value of collaborating with developers EARLY In an ideal situation, you’re communicating with developers early on in the design […]

Read More

Creating Mockups from Wireframes

A UX/UI Designer’s Tools Before designing a UI for a platform, you should ready the tools you’ll be using: Design […]

Read More

Layout Spelling, Grammar, and Title Casing

It’s important that you follow the rules of grammar and spelling when creating apps and websites, because it builds trust […]

Read More

On Paper: Tips & Tools and Pros & Cons

Pros & Cons Wireframing on paper is just one method. Here are some positive and negative characteristics of the hand-drawn […]

Read More

On Paper: The Wireframing Process

There’s a difference in layout between Android apps and iOS apps. Sometimes, though, you’re not sure what kind of app […]

Read More

On Paper: Prep

Let’s start with the basics: pen and paper. It’s simple, gets the job done, and avoids the trap of perfecting […]

Read More

Introduction to Wireframing

Wireframing is a drawing which visualizes the elements of a website or mobile app.They are an effective way to uncover […]

Read More

Handling Feedback

When to Get Feedback During the design process, getting feedback from coworkers and the client.Or, during A-B testing the product, […]

Read More

Presentation

When presenting your findings, create a narrative to win your management, fellow designers, and engineering and sales teams. Presnetation Checklist […]

Read More

Journey Maps

If an empathy map is a quick snapshot of your user, consider the as-is journey as the movie version.Time and […]

Read More