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.
 
Last edited:

Ertan

Active Member
Licensed User

Ertan

Active Member
Licensed User
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.
20-04-04-13-55-05-gif.98538

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?
 

Alexander Stolte

Expert
Licensed User
Longtime User
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

Expert
Licensed User
Longtime User
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:



and others.

UX Design is an application use study

Search in Google UX and UI

regards,
 

incendio

Well-Known Member
Licensed User
Longtime User
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-Known Member
Licensed User
Longtime User
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

bb.PNG



AA.PNG
 

mcqueccu

Well-Known Member
Licensed User
Longtime User
For Gradient color combinations check out Gradient hunt
 
Top