Simple Login Design User Interface Design

Creator Lounge
1

I’ve been creating a UI that suited for IOS & Android. See the difference about the devices. As we developer we need to know the output of our app in each devices so that in publishing of our app we can aware of every detail about the app when it gets live.

53393
53393640×1136 153 KB
Screenshot_20190915-153905
Screenshot_20190915-153905720×1280 46.9 KB

------------------IOS DEVICE --------------------------------- ANDROID DEVICE--------------

Any suggestions? Hoping this a great idea for your login design!
Thank you Thunkable Team!

2

Excellent!

How did you manage to get half image inside the container, and half image outside the container?? :thinking:

I’ve tried this a lot of times, but I failed :pensive:

Thanks! :blush:

3

Yeah; Two very simple ones -

  • try lowering the elevation of Text_Inputs and the button… (The shadow looks too big in Android :sweat_smile:)
  • Try setting the Nanny label’s text color to the same as the Stack Navigator’s background blue :smile: (This will look good on the very light blue background of the container :wink: )

Just some suggestion(s) ! :wink:

Thanks! :blush:

4

I always do it with margin ( what were you said “half image in center” )

5

:hushed:

I’ll try too! :wink:

Thanks! :blush:

6

Hi @kartik14 it wont work because it behaves different in IOS and Android. But for the Label color I try that but it seem like the color is light here is the screen shot

Screenshot_20190916-080129
Screenshot_20190916-080129720×1280 47.1 KB

Thank you for your advice!

7

Anytime! :wink:

Thanks! :blush: