DEV Community

Cover image for 3 Tips UI/UX designers to keep in mind when exporting images
Yamalab Design(Yuta)
Yamalab Design(Yuta)

Posted on

3 Tips UI/UX designers to keep in mind when exporting images

As a UI/UX designer, you can make the developer's job easier by creating a user-friendly design that is easy to navigate and understand.

I am happy to share with you some great tips to create more user-friendly designs. These tips will help you to enhance the user experience and make the developers job easier.

Here are 3 great tips for creating a user-friendly UI/UX design that you should know before working with a developer.

1. Export without unnecessary margins and without mask processing.

Image description

When exporting images, it is important to avoid unnecessary margins and mask processing. These elements can cause frustration for developers who may need to spend extra time adjusting to accommodate for them. By taking the time to ensure that your designs are clean and easy to work with, you can make the development process smoother and more efficient. This will ultimately result in a better user experience for your audience as well. Additionally, creating designs that are easy to work with can help build a positive relationship between designers and developers, leading to more successful collaborations in the future.

2. Using a common name for coding with layer names.

Image description

Don’t you export file as random name?

When creating a design, it's important to use descriptive and consistent layer names to make it easier for developers to understand and use the design data. Using random or unclear names can cause confusion and frustration for developers, who may need to spend extra time renaming layers to match their coding conventions. By taking the time to use common names for coding with layer names, you can make the development process smoother and more efficient. This will ultimately result in a better user experience for your audience as well.

3. Resizing the image to an integer size.

Image description

Did you export your image data as decimal size?

When exporting image data, it's important to ensure that the size is an integer value rather than a decimal value. If the image data is exported with a decimal size, it can cause frustration for developers who may need to spend extra time adjusting to accommodate for the non-integer value. Resizing the image to an integer size can make the development process smoother and more efficient. Take the time to do this before proceeding.

Image description

Thank you for taking the time to read this article. If you found these tips helpful, please consider following my blog and Instagram for more insights and advice on UI/UX Design. Your support is greatly appreciated!

My instagram

Top comments (0)