https://uxdesign.cc/8-rules-for-perfect-mobile-design-9b9979b838f3
Every passing day more and more products are becoming mobile-first, the reason is simple, mobile phones are devices we can carry every day.
The problem is, these devices are being developed every day, new forms, bent screens, notch displays, meaning it’s not easy to design for them as it is for the web.
Mobile devices have small screens as compared to desktops, fitting in a lot of information in a small mobile UI can be challenging.
Design for everyone, consider multiple holds. These are three common types of holding a mobile, design the main actions within these areas.
A small screen doesn’t mean small text, or less space, don’t let text or other elements overlap. Improve legibility by increasing line height or element spacing.
New technologies are being presented every day, as a designer you need to stay up to date, for example, Curved displays increased padding my some pixels to avoid unwanted touches.
When you think about mobile screens think of designing for the smallest screen, then make it responsive to larger screens.
Try to use standard sequences for your navigation menu, like the iOS tab bar or Android nav drawer, don’t try to reinvent the wheel. Users are familiar with these common patterns, so your app will be more intuitive to them.
Visual Weight in UI comes from a combination of a lot of elements, colors, text size, spacing, etc. What catches your eye?