UI Elements

UI Elements

The header/footer is the top/bottom rectangular shaped area that runs across the top/bottom of the screen of the application.

The header/footer is the top/bottom rectangular shaped area that runs across the top/bottom of the screen of the application.

4.16.1 Guideline

Guideline for the header/footer are listed below.

  • The purpose of your header is to promote your company’s brand and to convey how user can navigate through the application. This can be done with the use of structured navigation, a relevant graphic, which conveys the general concept of the application. The header should always be used wisely, keeping in mind the goals and vision of application.
  • For the desktop in web, height of the header should be maximum 105PX.
  • Header can contain logo, general navigation, language section, notification for the user, user other details, search, breadcrumb etc.
  • Header/Footer will remain the same across the application.
  • Considering Zodiac application, footer is to display the general text like copyright message.
  • Designer can use the color for the different section in the header/footer as per the colors fixed for Zodiac to create contras & clarity.
Parameters Header & Footer
Fig 4.16.1 Different parameters Header & Footer

4.16.2 Usage

A header or footer is text or graphics that is usually appear's at the top or bottom of every page in the system. A header will be in the top margin; a footer in the bottom margin throughout the application.

Example of Header & Footer
Fig 4.16.2 Example of Header & Footer

Copyright © 2015 DP World. All rights reserved.