0

I have a TabLayout which it's height is 50dp. each tab inside it contains both icon and title inside itself. But as this article says If I use both icon and title inside a tab, TabLayout height should be 72dp. now my question is :

if I set 50dp for my TabLayout's height, Will go out my design from Material Design? Thanks sorry about my English.

Hadi
  • 544
  • 1
  • 8
  • 28

2 Answers2

1

All sizes mentioned in Material.io are required to respect Material Design Guideline.

ynsmtkl
  • 105
  • 3
  • 10
  • Thanks. What about fonts and Text Sizes? Should i always use roboto font family ? My language is Persian. Roboto does not look beautiful in Persian As English. what about that? – Hadi Feb 04 '19 at 17:52
  • 1
    use this https://fonts.google.com/ to select appropriate font according to your language – End User Feb 04 '19 at 18:06
  • Follow [this stack](https://stackoverflow.com/a/27588966/8633342) for custom fonts. – ynsmtkl Feb 04 '19 at 19:49
0

Well, Material Design is just a set of guidelines based on some research. It suggests good practices and consistent solutions. Material Design guidelines used to be pretty strict, for example when it comes to shapes of buttons, because they wanted to make users used to some concepts. With Material Design 2 the guidelines relaxed a lot.

Minimal size is meant to keep items distinguishable and accessible, but still not too big. I wouldn't make tabs much smaller, because it may look squashed. It won't affect the usability though as minimal size for clickable items is 40dp, I guess. You would probably need to reduce spacings and sizes of other items in your app in order to make it look consistent with shorter tabs.

Changing font is fine as long as it was designed for on-screen reading. The size can be any as well as long as text is large enough to be readable.

If your design is consistent, items are distinguishable, easy to use and aligned well, then you're good. Take a look at Material Studies on material.io - these designs show how far you can go without breaking anything.

Zielony
  • 16,239
  • 6
  • 34
  • 39