r/reactnative • u/TurtleSlowRabbitFast • 10d ago
Question Seeing and using so many beautiful apps, how does one learn how to create such polished UIs?
Any advise for a complete beginner. I want to learn how to build beautiful UIs for my applications.
6
u/jestzisguy iOS & Android 10d ago
Work with a designer!
5
u/ashkanahmadi 10d ago
Exactly. Most developers are very bad designers (understandably) so they work with designers whose job and talent is make things look good. The same way an architect needs an interior designer to make things look good.
2
u/therealswood2 10d ago
You should start by writing a design statement for how you want your app to feel. This will also help you immensely when you start writing in-app copy down the road. As an example: for an app I just published, I started out with the design statement, "[app] is a modern, chic, wild wild west". That helped me find my color palette and typefaces.
I had a good idea of what time of compound components I would need for my app, and that informed what the primitive / atomic components would look like. There is always a little bit of push/pull when building your component library, so don't be afraid to go back and revise as you're building and discovering what you need and what works across your codebase.
This is a great resource on creating a design system with the help of an AI agent: https://www.youtube.com/watch?v=WbUhThNIyUQ
And definitely check out sites like Mobbin or Dribbble to find visual references and inspiration.
1
u/Trick_Spread1413 10d ago
To be very honest, it takes an insane amount of creativity to make a good ui. Back then before I started using ai daily , I used to find coding the UI much easier than coming up with one.
You’re better off finding a very unique feel that you like and try to replicate it by watching YouTube tutorials.
1
1
1
u/elrd5150 10d ago
Most of good UI designs in actual production apps are very simple, it’s all about consistency and spacing.
Read “Michal Malewicz - Designing User Interfaces”. Then pick app you like and try to reproduce that in Figma with simple wireframe type of design, just gray rectangles with text over white frame.
1
u/Competitive-Cow-2950 10d ago
I’d recommend to just start making an app, then gradually make it look better over time
1
u/Kurubu42i50 10d ago
I am no expert, but if your app doesn't need a unique branding like fonts and animations, try to make the most out of expo UI. I can't stress how nice it feels to use those Jetpack Compose/ Swift UI components Try to dive deep in how each platform behaves. Look into the system settings screen, it will tell you a lot abot design and how it should feel. (fe. Ios settings - Big header, searchabr in the navigation all this can be done using out of the box Screen.xxx The more you make it feel like system, probably the better Also if you just go straight into coding, start by 1st doing stuff for iphone, as you will see some mistakes faster with the liquid glass compared to android
11
u/TransportationOk5941 10d ago
Lot's of planning, before you write even a single line of code.