title: Designing Android App UI for Tab and mobile
body: <p>I am working on new app in which I have to take care of design over mobile devices and tablets.I already read on SO that for this thing I need to create several buckets for sizes to avoid bad look of app on larger or smaller screen at the same time. here is the code I am working on</p>
  <pre><code>[![&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  </code></pre>
  <p></p>
  <pre><code>&lt;LinearLayout
      android:layout_width=&quot;match_parent&quot;
      android:layout_margin=&quot;35dp&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_centerHorizontal=&quot;true&quot;
      android:layout_centerVertical=&quot;true&quot;
      android:gravity=&quot;center&quot;
      android:orientation=&quot;vertical&quot;&gt;
  
      &lt;TextView
          android:id=&quot;@+id/lblLogo&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:autoSizeTextType=&quot;uniform&quot;
          android:gravity=&quot;center&quot;
          android:padding=&quot;15dp&quot;
          android:text=&quot;My App Name&quot;
          android:textAppearance=&quot;?android:attr/textAppearanceLarge&quot;
          android:textColor=&quot;@color/colorPrimaryDark&quot;
          android:textSize=&quot;32sp&quot; /&gt;
  
  
      &lt;!-- Email Label --&gt;
      &lt;com.google.android.material.textfield.TextInputLayout
          android:id=&quot;@+id/tilLoginEmail&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_marginTop=&quot;30dp&quot;&gt;
  
          &lt;com.google.android.material.textfield.TextInputEditText
              android:id=&quot;@+id/etLoginEmail&quot;
              android:layout_width=&quot;match_parent&quot;
              android:layout_height=&quot;wrap_content&quot;
              android:hint=&quot;Email&quot;
              android:inputType=&quot;textEmailAddress&quot; /&gt;
  
      &lt;/com.google.android.material.textfield.TextInputLayout&gt;
  
  
      &lt;!-- Password Label --&gt;
      &lt;com.google.android.material.textfield.TextInputLayout
          android:id=&quot;@+id/tilLoginPassword&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_marginTop=&quot;30dp&quot;&gt;
  
          &lt;com.google.android.material.textfield.TextInputEditText
              android:id=&quot;@+id/etLoginPassword&quot;
              android:layout_width=&quot;match_parent&quot;
              android:layout_height=&quot;wrap_content&quot;
              android:hint=&quot;Password&quot;
              android:inputType=&quot;textPassword&quot; /&gt;
  
      &lt;/com.google.android.material.textfield.TextInputLayout&gt;
  
  
      &lt;com.google.android.material.button.MaterialButton
          android:id=&quot;@+id/btnLogin&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_marginTop=&quot;20dp&quot;
          android:padding=&quot;12dp&quot;
          android:text=&quot;@string/btnLogin&quot; /&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  <p>]</p>
  <p><em><strong>This is how the above code looks like on mobile phone (i.e Nexus 6)</strong></em></p>
  <p><a href="https://i.stack.imgur.com/4dQb0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4dQb0.png" alt="enter image description here" /></a></p>
  <p>**<em><strong>This is how the above code looks like on tablet (i.e Nexus 10)</strong></em> <a href="https://i.stack.imgur.com/77YkL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/77YkL.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p><strong>Notice that on tablet is looking so bad. I know how to handle design in different design buckets.  but I want to check if there is any
  other solution without replicating the same design file in different
  screen sizes buckets</strong></p>
  </blockquote>
  <p>Thanks in advance......</p>