Web design principles and practical experience skills

What is good web design, web design principles Concept

(1) Content and function to determine the form of expression and interface design

Often someone by phone a few words of communication or QQ on a few chat, or even a small note of words, began to do a website design. I decided this is a perfunctory general design, very unprofessional and immature design. To do a good web design, you need to understand a lot of customer things, such as:

1, the purpose of the station (is the main push product or flat brand, is the main focus on SEO or user interaction, etc.)

2. Type of website

3, column planning and each column of the form of expression and functional requirements

4, the main color, customer sex preferences, contact, the old version of the Web site, preference URL

5, according to industry and customer requirements, those who want to focus on performance

6, whether phased construction, consider the late compatibility, whether to develop other language versions

7, whether the customer has a strong desire to build a station

8. Whether you can control the customer in the spirit consciousness

9, in the face of the technical knowledge you do not contact, you bottom?

Wait a minute...

When you get rid of all of this content, your brain has given this site a comprehensive and image positioning, then it is targeted to do interface design time.

(2) interface weakening

A good interface design its interface is weakened, it highlights is the function, highlighting is the Web site industry to provide users is the main. This involves browsing order, functional partitioning, and so on.

To allow visitors in 0.5 seconds to grasp the nature of the site's industry, within 1 seconds to know where to start using this site, can point once, never point to the second time. Of course, most of the functional sites mentioned above, for the promotion of display sites, such as special effects or flash sites, may have to be more fancy, but not too much. The website is not animated, in the efficiency is higher, the social psychology is more and more impetuous China, the people's patience is getting smaller, the psychological withstanding ability is getting lower. The effect can embody the artistic conception.

(3) Modular and modifiable strong

Modularization can not only improve the reusability, but also unify the website style, and reduce the strength of the program development. Here is the design of a number of dimensions, modulus, latitude, naming norms and so on knowledge, no longer redundant.

Whether it's a schema or a module or a picture, consider the ability to modify. For a simple example, logos, buttons, and so on, many people like to make pictures, n buttons is n picture. If only do 3-5 type button background picture, then uses in the webpage code to hit the text, then the modification is simple, lets the programmer change the word on its own. However, the page display font is serrated, generally that can be clear and ensure that beautiful font size has several categories:

XXFarEastFont-Arial 12px xxfareastfont-Arial 12px bold-Body 14px Arial 14px bold Bold 20px Verdana 9px Arial Black 12px+

(4) Creativity is shameful, analytical ability is far more important than creativity

The design industry is prone to talk about what "creative", I would like to say is that there is no clear purpose and content, not in the technical production on the basis of perfection, with creative arts and special effects to confuse customers and visitors is shameful. A web designer's analytical ability is far more important than creative art.

Practical experience in web design

(i) The basic concept of web color matching

(1) Black and white is always the theme, no one can say bad.

(2) Web page Most popular color

Blue-blue sky and white clouds, quiet and tidy color.

Green--green and white, elegant and angry.

Orange-lively, standard commercial tones.

Dark red-Ningchong, serious, noble, need to match black and Gray to suppress the stimulation of the Reds.

(3) Color taboo

Bogey dirty--background and text content is not strong, gloomy background frustrating!

Bogey Pure--gorgeous pure color to people's stimulation too strongly protest, lack of connotation.

Bogey jump-again good-looking color, also can not be detached from the whole. It is a disgrace to get out of the crowd!

Bogey--to have a main color through which the main color is not the largest area of color, but the most important, most can reveal and reflect the theme of color, like leaders, although in the number of minority, but play a decisive role.

Bogey powder-light is obviously clean, but if the contrast is too weak, the whole pale, just as hopeless as the sick man.

Blue bogey pure, green bogey yellow, red bogey Yan.

(4) Several fixed collocation

Blue and white orange--blue is the keynote. White bottom, blue title bar, Orange button or icon to do embellishment.

Green Brando--green for the keynote. White bottom, green title bar, blue or orange button or icon to do embellishment.

Orange White red-mainly orange. White Bottom, orange title bar, red or orange button or icon to do embellishment.

Dark red black--the red melody. Black or gray bottom, dark red title bar, text content background is light gray.

(b) Web design concept

(1) Content decision form

First enrich the content, then divide the blocks, then set the tone, and then deal with the details.

(2) First the whole, after the local, the final return to the whole.

Consider the whole situation, fill in what can be filled in, occupy the position. Then set the tone, divided into modular design. Finally adjust some of the partial details that are not satisfactory.

(3) function determines the design direction

Look at the use of the site, decided to design ideas. Commercial should highlight the purpose of profit, the government should highlight the image and authority of the article, educational, it is necessary to highlight the teacher and curriculum.

Source: Reader submission, original link.