App Screen Design

Design Guidelines

1. Design according to the platform

The platform is as important as other criteria for the design and development of the product. Whether it is Android or iOS and cross-platform, designers must implement guidelines according to particular platform chosen by concern authority of the project development.

2. Simplicity design

The design should make simple, common tasks easy, communicating clearly and simply in the user’s own language, and providing good shortcuts that are meaningfully related to longer procedures.

3. The visibility principle

The design should make all needed options and materials for a given task visible without distracting the user with extraneous or redundant information. Good designs don’t overwhelm users with alternatives or confuse them with unnecessary information.

4. Content must readable to the user

By comparing with desktops, the smartphones have relatively small screens. It means that one of the most challenges of mobile design is to fit a lot of information on a small User Interface. you might think to cover everything down for a mobile design as much as information possible. But you should avoid the temptation

Important measurements of screen design

  • Colors
  • Font family and size measurements
  • Spacing measurements

Colors

Important Colors

  • Background
  • Title Bar Color
  • Color Primary
  • Color Secondary
  • Accent Color
  • Text Color Primary
  • Text Color Secondary

Fonts

Font Family, Font Name, Styles (Bold,Regular,Italic)

Important Sizes :

  • Title Bar
  • Heading H1
  • Heading H2
  • Body Text
  • Form Text

Measurements

  • SP - In Android (Scale Independent Pixel)
  • Point - In IOS (Point sizes are defined as 1/72 of an inch)

Spacing

  • Spacing between Each Components
  • Image Ratio

Measurements

  • DP - In Android (Density-independent Pixels)
  • Pixels - In IOS (Pixels - corresponds to actual pixels on the screen)