I can’t recommend this practice highly enough, since the feel of an mobile app design on your laptop screen is way different than when you’re holding it in your hand. The gold standard of choosing mobile font sizes is to view your designs on an actual device. Always view your designs on an actual device In addition, when text is less important, you want to style it so that you’re clearly communicating the lesser importance – often using, say, a lighter shade of gray (something about 70% as strong is a good place to start). I do NOT recommend going down just one font size, since then it’s too easy to confuse with normal text. – use a size a couple notches smaller – such as 13px or 14px. Secondary text should be about 2 sizes smaller than your paragaph textįor secondary text – like lesser labels, captions, etc. It can look awkward to have larger form control text than paragraph text ☝️ 3. This is a strong reason to make the body font size 16px or larger as well. You can read his article on the auto-zoom phenomenon here. Video or it didn’t happen, right?: Animation courtesy the dashing Ste Grainer. If your text inputs have a smaller font size than that, iOS browsers will zoom in on the left side of the text input, often obscuring the right side and forcing the user to manually zoom out after using the text box. If you’re designing a website or app that can be viewed on mobile devices, there is only strict rule: Use a text input font size of at least 16px. While there’s some subjectivity to the best primary font size to use on the page, the next rule is more hard and fast.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |