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:
Click to expand...

Ertan

Active Member
Licensed User

Ertan

Active Member
Licensed User
Alexander Stolte said:
do you mean the designs on the images?
Click to expand...
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?
 

Alexander Stolte

Expert
Licensed User
Longtime User
Ertan said:
There is a design that goes up from the bottom when you press the show button.
Click to expand...
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.
Ertan said:
I want fireworks to explode on the screen. What kind of actions do I have to do to do this? What's the keyword?
Click to expand...
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:

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 – Medium

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

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



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

 

mcqueccu

Well-Known Member
Licensed User
Longtime User
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
 
You must log in or register to reply here.

Similar Threads

  • Locked
  • Article
B4A Library [B4X] B4XTable - Cross platform, sortable, searchable, customizable table
2
Replies
28
Views
57K
Erel
  • Article
B4A Library [B4X] [XUI] B4XLoadingIndicator - loading indicator
Replies
14
Views
15K
Alexander Stolte
  • Article
B4A Library [B4X] [XUI] Cross platform & native UI library
2
Replies
34
Views
53K
MarkusR
  • Locked
  • Article
B4J Tutorial [B4X] Custom Views with Enhanced Designer Support
2 3
Replies
48
Views
52K
rwblinn
  • Article
Android Tutorial [B4X] Tips for B4X developers
Replies
18
Views
15K
Bob Spielen
B
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…