Android Tutorial [B4X] [UI] Finding Design Inspiration - Tips

I would like to list here and give some tips where I get my design ideas for the apps I develope.

1. Very simple, for example i want to design a Bottom Card, then i type on google images "bottom sheet"
   1. https://www.google.de/search?q=bott...HErJXoXnE4TtkgXMzJWwBA&bih=919&biw=1886&hl=de
2. Uplabs.com is a nice design website, with a daylie new showcase
   1. https://www.uplabs.com/
3. uimovement.com is a nice website with animated design- or components-examples
4. collectui.com large selection of categories
5. On the Google Playstore are several UI apps where you can try out various components or pages directly
   1. CodeX
      1. https://play.google.com/store/apps/details?id=com.projects.sharath.materialvision&hl=de
   2. MaterialX
      1. https://play.google.com/store/apps/details?id=com.material.components&hl=de
6. Take a look at the apps from the big ones, e.g. Facebook, Instagram, YouTube
   1. For example, I recently added a comment section in an app where you can also reply. I first took a look at how the big apps do it, made screenshots and then made a mix of them

I hope I could show you some ways to make your app look better.

 

[Ertan]

Hello, I am also improving myself in design, thank you for giving this information.
https://www.b4x.com/android/forum/threads/b4x-xui-as-draggable-bottom-card.121219/
For example, what kind of a path should I go to do this kind of thing?
What should I know?
Frankly, I would like to make such examples and contribute to the forum.

 

[Alexander Stolte]

https://www.b4x.com/android/forum/threads/b4x-xui-as-draggable-bottom-card.121219/
For example, what kind of a path should I go to do this kind of thing?
What should I know?

do you mean the designs on the images?

 

[Ertan]

do you mean the designs on the images?

There is a design that goes up from the bottom when you press the show button.
I'm talking about it coming out like that slide style.

What information do I need to do this?


For example, when I press a button, I want fireworks to explode on the screen. What kind of actions do I have to do to do this? What's the keyword?

 

[mcqueccu]

I use Dribble and Behance and most of my Youtube Ui tutorials are based on their designs

 

[Alexander Stolte]

There is a design that goes up from the bottom when you press the show button.

This is a panel, and this panel is under the activity, if i press the button then i use panel.SetLayoutAnimated and set the top value to the point i want the panel.

I want fireworks to explode on the screen. What kind of actions do I have to do to do this? What's the keyword?

I dont know, maybe start a new thread for your question.

 

[TILogistic]

a comment:

The design of the user interface of large applications is governed by two things:

UX Design and UI Design.

Why am I saying this? Because the application can be very nice (UI Design), but the use of the application can be difficult for the end user (UX Design).

UI Design:

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

material.io

Android Developers

Articles on modern tools and resources to help you build experiences that people love, faster and easier, across every Android device.

medium.com

and others.

UX Design is an application use study

Search in Google UX and UI

regards,

 

[incendio]

UI design is really not a strong suite for me.

I spent a lot of time to design my app, probably 40% goes to UI design, 40% goes to database design, and the rest goes to coding.

Also, I don't like material design by Google.

 

[mcqueccu]

Well I came I accross this website which has nice Color combinations you can use for your applications
It has colors for Material, Flatui and other useful palettes

Colorion

Curated Color Palettes with Search and Tags Support

www.colorion.co

Mobile Palette Generator

Generate stunning color palettes for your next mobile app.

mobilepalette.colorion.co

Colorion

Curated Color Palettes with Search and Tags Support

material.colorion.co

Colorion

Curated FlatUI Color Palettes with Search and Tags Support

flatui.colorion.co

 

[Alexander Stolte]

there I find it a pity that you can deposit only 1 color. Nicer would be, background color and 2nd color.

 

[mcqueccu]

For Gradient color combinations check out Gradient hunt

Gradient Hunt - Beautiful Color Gradients

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.

gradienthunt.com