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)