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)
