[User Interface] Simple Forms & Pop-up input alert with bluring gray background

[junjoseph]

Check this simple UI design.
Please rate my work

• Need Changes
• Satisfying

[kartik14]

Wow!

It’s incredible!!!
Please provide a sample Project

Please rate my work

[BlueWhaleYT]

Hi there, @junjoseph.
I like your work and I rate it
But something feedback here that’s might improve your app design.
1.The icon

• I don’t know did your icon are get from FontAwesome,but they’re not match.The calendar and time icon with the plus and minus are not match.

Note: Calendar and Time icon are look like their border outline little bit bolder.Plus and Minus icon are seems that doesn’t have a soild border.outline.

2.The dialog design

• The line of title of Children Info and the close button are look like they doesn’t stay in the same line.
• Two inputs are classic,you can design it modern.

so I rate it 7 stars if 10 stars is the highest.
Thanks.

[junjoseph]

Hi @BlueWhaleYT

Thank you so much that you appreciate my work.
I get these icon in this website https://icons8.com/icon/set/minus/material

for the dialog design I get rush for it but yes I need to improve it will like my form design.

Thank you for your tips!

[junjoseph]

Hi @kartik14 Thank you so much for your more stars rated on my design. The tip is same on this app that I created.

Bottom App Bar (Design Ideas)

Hi All Thunkers! Just got the Ideas for your app that maybe this will help. You can copy this be creative! Design UI Shadow - a small detail but it has a big impact to create beautiful designs like modern design today. Border - every button has a border with a width = 8 Hamburger (menu) - if you have other functions for the future. Any options like log-out or move to other account settings it good in here. Button - a perfect circle. Change to border radius = 100 THE SECRET - to achieve thi…

be creative and make your mind relax while thinking of the designs

[BlueWhaleYT]

How about this design of the registration form?Will this design inspire you?
I blurred them that’s you can don’t focus at them.

[junjoseph]

This sample is one of great UI design the textbox has a shadow value of 1. thank you for this tip

[BlueWhaleYT]

They are not 1 value

[junjoseph]

So how you setup the your shadow ?

[BlueWhaleYT]

[junjoseph]

Thank you for tip!

[kartik14]

@BlueWhaleYT

Which components are these?

They look amazing - can I take an inspiration from your designs for my next app?

[BlueWhaleYT]

They are bezier line made by PixelLab and just place it on the white background and use it for the screen background only XD

[kartik14]

@junjoseph, I will also suggest a small thing

---

The “Create a Job” label’s text should be ~37.5/40 px. (Increase it )

Example

This is from my Hackathon App, it’s design looks good

This will look more great.

---

Also,

The height looks too long ; Decreasing it, will look good

---

Plus, if you need more stylish/simple icons, try www.flaticon.com
This website has good collections, and great interface too!

---

These are just suggestions… (Not mistakes )
Hope you like it

Thanks!

[BlueWhaleYT]

Yes,flaticon is a must.I usually use it for finding icons and I usually going to use flatcolor website https://flatuicolors.com/ to find awesome and modern colour.

[BlueWhaleYT]

The another thing is…

Are there any problems with the line?they are not sticky on the center vertically.

I suggest the box can set the radius.

[kartik14]

Yes;
The line looks awkward, @junjoseph, if you remove the line, it will still look good

& as @BlueWhaleYT said,

I suggest the box can set the radius.

Try setting the border radius of box to 10 / 20 px

Thanks!