How to get inspiration from UI design. Let’s break up shots with Dribble

Let’s learn how to use inspiration better.

I work as a UI designer, and I regularly visit various sites to get inspired by the work of designers who are experts and professionals in our industry.

But the problem with sites like Dribbble is that they are filled with aesthetically pleasing interfaces rather than those that are good in terms of user experience.

And to find real inspiration, I have to search a lot. So I decided to do a series of posts to help you.

What will i do?

I wrote this article to share some inspiring examples with you, and to show you exactly which elements I liked about the interfaces found on Dribble. I’ve broken them down into parts to make it easier for you to understand how professional designers create their interfaces.

It can help you become a better designer and save you the effort of finding the best ideas.

MuseOn Mobile by Hola Lab

How to get inspiration from UI design.  Let's break up shots with Dribble

Let’s start with the cool UI design from Hola Mobile, which is great in terms of aesthetics and usability thanks to the individual illustrations and style chosen. I like not only how it looks, but also the individual interface elements, let’s discuss them …

Color palette

How to get inspiration from UI design.  Let's break up shots with Dribble

I love the color palette of this interface and have copied it to use in my project in the future. I love collecting palettes from different designs.

Illustrations

How to get inspiration from UI design.  Let's break up shots with Dribble

I love the custom illustrations used in this design as they help users easily understand what they will find in the application. The visuals explain things faster, which is very convenient in terms of experience. I always recommend adding illustrations if you are designing an onboarding application.

Search field

How to get inspiration from UI design.  Let's break up shots with Dribble

The search box is not at the top of the page making it difficult to find, but at the bottom so I can easily touch it with my thumb. In addition, it is a search bar that allows the user to easily enter a search term without having to click a button to bring up a search box.

Call to action

How to get inspiration from UI design.  Let's break up shots with Dribble

As for the illustrations, I like the banner that asks the user to familiarize themselves with the educational course. He attracts attention thanks to his non-standard illustrations.

MuseOn Mobile

Travel App by Arinasdd

How to get inspiration from UI design.  Let's break up shots with Dribble

Illustrations are one of the best ways to make an app visually appealing in terms of UI and UX design. If your audience loves illustrations, always add them. Now let’s look at other details.

Colors

How to get inspiration from UI design.  Let's break up shots with Dribble

It is a simple color palette of high contrast colors such as green and white, which represent the green of nature.

Navigation bar

How to get inspiration from UI design.  Let's break up shots with Dribble

The navigation bar looks simple but very effective as the user can easily understand the icon and, if he has difficulty, he can read the text label. In addition, a dot for color blind people has been added to ensure accessibility.

Travel App

E-commerce site by Ghulam Rasool

How to get inspiration from UI design.  Let's break up shots with Dribble

This is a website design that sells electric scooters and I found it in the Popular section of Dribble. I loved it for the simplicity of the design, and it has some great details that I would like to share with you.

Colors

How to get inspiration from UI design.  Let's break up shots with Dribble

The colors used in this design are simple and discreet, which makes the content stand out. You should try this palette in your projects.

Description and call to action

How to get inspiration from UI design.  Let's break up shots with Dribble

The title very effectively explains the product through the description, and the call-to-action arrow directs the user to the “Order Now” button.

Product functions

How to get inspiration from UI design.  Let's break up shots with Dribble

The characteristics of the product have been written in the title so that the user can easily understand its functionality, and if he wants to know more, he can read the paragraph of the text below.

Landing page design

Financial app from Imran Hossen

How to get inspiration from UI design.  Let's break up shots with Dribble

This is one of the most attractive designs I’ve found on Dribbble. It stands out for its stunning use of color and text style. A neon color is used to highlight interface elements.

Colors

How to get inspiration from UI design.  Let's break up shots with Dribble

The colors used inside the application are striking, which draws attention to the entire interface. You can also use similar colors to grab the attention of your audience.

Buttons

How to get inspiration from UI design.  Let's break up shots with Dribble

The buttons inside the app are simple and large, so the user can easily click on them, especially when going through the onboarding stage. Using a large button helps where there is little content and you need the user to click a specific button, like when designing onboarding screens.

Diagrams

How to get inspiration from UI design.  Let's break up shots with Dribble

The charts used in this finance app are great as they are simple and differ in color. All colors are labeled so that the user can easily distinguish the elements.

Navigation bar

How to get inspiration from UI design.  Let's break up shots with Dribble

The navigation bar is quite useful in this application as it is both accessible and stylish, and when you click on it, it displays an icon and text.

Banking application design

Thanks for reading

So, you have read the article to the end, and I am grateful to you, now it is your turn to tell what should be changed in the article to make it more useful. Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *