<p>Let’s begin with iOS, whose UI has a flat design style. Its skeuomorphic features from earlier iterations have been removed. Android design relies on shadows to show hierarchy, and its UI resembles layers of paper.</p>
<p>iOS has San Francisco as the system font, while Android uses Roboto.</p>
<p>Ofcourse, elements like UI controls, buttons, icons etc., also vary. iOS uses centre alignment for the title, whereas Android has a left-aligned title.</p>
<p>Look closely, and in iOS, the title is often replaced with the brand logo. In the case of button styles, Android uses uppercased text, and iOS uses title cased text, though this rule can differ.</p>
<p>Both human interface design and material design guidelines define an assortment of button styles. iOS design guidelines dictate buttons that are more flat as compared to Android controls.</p>
<h2>Grid Specifications in Android & iOS</h2>
<p><img alt="" src="https://miro.medium.com/v2/resize:fit:700/1*
[email protected]" style="height:374px; width:700px" /></p>
<p>iOS UI is developed in points (pt). Android apps, with their material design guidelines, are developed with what are called density-independent pixels (dp).</p>
<p>The design needs to be within the specified safe area. In UI design, it’s regarded as a good practice to design for narrow screen size first.</p>
<p>According to iOS design guidelines, 375 pt is deemed the right screen size (width) for designing. For Android it is 360 dp.</p>
<p>Height is not a limitation when considering the screen size. The size of the navigation bar/app bar and tab bar/bottom navigation bar also needs to be followed.</p>
<p><a href="https://santhosh-adiga-u.medium.com/understanding-the-ios-and-android-ui-guidelines-2d77e3331467">Read More</a></p>