Guidelines for functional design of a portal site


Ø browser title should display the page topic

Ø the article title specification in the web site executes

in accordance with the VI design specification


Ø the content page header navigation is simplified and organized as a single line of

Ø the content page needs to be added to the breadcrumbs navigation to allow the user to specify a clear path to the content, such as: site > channel > Article Title

Ø navigation is simple and effective, reducing clutter and avoiding link redundancy

Ø the name of the link and tag should be clear, consistent with the user’s language habits,

Ø the main navigation element is placed on the top left, and the right

is forbidden


Ø link:

ü page links are, in principle, unified into one color. The mouse changes color when clicked, and then clicks into another color, leaving traces of access. (the specific color settings follow the VI design specification)

ü link naming principles do not use broad, semantically ambiguous words, but have a clearer direction. If used for short, to achieve the mouse suspension when the display prompt. (for example, "more")

ü links reduce, intermediate links, as far as possible direct.

ü can be clicked and not clickable, try to distinguish them.

Ø word number:

ü the extracted text link cannot be truncated;

Ø text size:

ü text avoid too small or obscure (at least 12 commonly used fonts, the specific font size in accordance with the VI design specifications)

ü restrict browser changes in text size affecting page text

Ø avoid text color and background contrast, cluttered background

Ø avoid too many design elements around the text, so that the text is not prominent,

Ø less use of mobile text, all uppercase and graphic text,

Ø language specification:

ü do not use the term "


ü do not use acronyms, acronyms,

ü do not use sarcasm and subtle text;


Leave a Comment