Highlights of Website planning

Highlights of Website planning

Before designing a website, it is very important to clarify the style and characteristics of the website design. The following describes some basic knowledge about overall website construction planning and design. Website design involves a lot of content, which is roughly divided into two aspects:

On the one hand, website software, such as Dreamweaver, is used for Webpage Design, text layout, link design, and dynamic webpage design. Note that in the early stage, we should also use Photoshop or fireworks or other graphic design software to implement graphic design and static silent image design. We can also use flash to achieve animation effects as needed.

On the other hand, it is the extension design of the website. It refers to the construction and planning of websites before and after the construction of websites without software, it mainly includes website theme positioning and browsing group positioning, intelligent interaction, production planning, image packaging, publicity and marketing, etc.

Design of Special columns

After specifying the subject and style of a website, the next step is to create relevant content around the subject. Select the website subject, that is, locate the website.

The following are the themes of some common online topics, hoping to inspire readers.

(1) Some commercial website topics

Company Profile, company news, online search, shopping and consumption, online recruitment, product introduction, online franchise, stock market information, pop intelligence, sunshine services, support downloads, online announcements, etc.

(2) Some website topics on entertainment and life

Traditional Chinese painting galleries, classical music, weapons museum, famous ancient and modern sayings, game rankings, game heaven, Jin Yong Inn, Xiang qishi, can eat Fu, GIF animation library, pottery garden, cartoon world, Chinese football, photography club, humorous and relaxed, sports expo, e-cards, travel world, movie world, movie idol, astronomical stars, Midi songs, pet cats, children's songs, etc.

VI image is essential

The so-called VI is to unify the website image through vision. A good corporate website, like a real company, also needs the overall image packaging and design. Accurate and creative VI (visual identity, visual recognition) design, the promotion of the website has a multiplier effect. After determining the website subject and name, you need to consider the VI image of the website. In fact, in real life, VI Planning is everywhere. For example, KFC's globally unified logo, color and product packaging are impressive.

Next, we will introduce some of the main contents of the website VI image.

1. Website Logo Design

The Website Logo is the logo of the website. Website Logo is a concentrated embodiment of site characteristics and connotation. The key is to let visitors see the logo, you can remember the corresponding site. At present, there are many domestic and international websites. It is necessary to exchange logo links with other websites. Simply put, you can place a logo on another website to link to your website. If the logo is very eye-catching, the page views of the website will increase accordingly.

The logo design idea comes from the name and content of the user's website. It can be a Chinese character, an English letter, a symbol, a pattern, or an animal or a character. For example, Baidu company uses "Baidu" and "Baidu" as a symbolic symbol, which is very attractive.

Design logo
We should not only consider the Display Effect on the computer's high-resolution screen, but also consider the effect of the corresponding promotion activities when the website develops to a certain extent, so that when it is applied to various media, it can also give full play to the visual effect of the logo. In addition, the monochrome effect and anti-white effect of the network logo on the fax, newspaper, magazine, and other media, the textile effect on the fabric, the paint effect on the car body, and metal effect, three-dimensional Wall Shape effect, etc.

2. Standard website colors

It is undeniable that the first impression of a website comes from the visual effect, and determining the standard color of the website is a very important step. Different colors may produce different visual effects, which may affect the viewer's mood. The selection and determination of website colors are determined by the subject matter selected by the website and the user's personal character characteristics.

"Standard colors" refer to the colors that reflect the website image and extended content. For example, McDonald's red bars and the blue sky of the 163 mailbox homepage all give people a very appropriate and harmonious visual effect.

There are usually no more than three standard colors for a website. If there are too many colors, they will be dazzled. Standard colors should be used for website logos, titles, main menus, and main color blocks to give people a unified feeling. Of course, other colors can also be used, but it can only be used as an ornament and a foil. Generally, it is applicable to the following standard colors: blue, yellow/orange, black/gray/White.

Suggestion:

1. Before building a website, you must understand the information and brand that the website will convey. Select the color to enhance the information. For example, when designing a website with a strong emphasis on financial institutions, the cold colors and soft colors are preferred, such as blue, gray, or green. Under such circumstances, if you use warm or lively colors, the website brand may be damaged.

2. Learn more about the browsing group of this website. Cultural differences may cause unexpected responses to colors. At the same time, we also need to know that the color response varies between different regions and different ages.

3. Do not use too many colors for website design. It is enough to select four or five colors for the primary and modifier colors. Too many colors will lead to confusion and will also distract the viewer's attention.

4. Use contrast colors in the reading section. Because if the color is too close to each other, it cannot produce sufficient comparison results, which may also impede viewers from reading. Generally, it is the best to read white and black characters.

5. The gray order is usually used for testing and comparison during website design. When you are dealing with colors other than black, white, and gray, it is sometimes difficult to determine the relative value of each color, in order to confirm that the color disk can provide enough contrast, you can create a simulation website and convert it to a gray level.

6. When designing a website, pay attention to the timeliness when selecting the color. The same color can easily fill the entire market, and consumers will soon feel numb to the popular colors. From another perspective, users can use the popular colors that have been around for decades, causing nostalgia.

7. When designing a webpage using software, consider the functional color when selecting the color. Do not forget to set the key information part to the functional color, such as the title and hyperlink.

8. Pay attention to the website color difference. Every website developer knows that even General colors of the Network may vary across platforms.

During the use of colors, we should also pay attention to the following problems: due to the differences in countries, races, religions and beliefs, as well as geographical location and cultural accomplishment, different people have a big difference in color preferences. Therefore, we need to consider the composition and background of the main user group during design.

Generally, different colors have different meanings, such:

RED: represents enthusiasm, romance, flame, violence, aggression. In many cultures, red represents the signal of stop, which is used to warn or forbid certain actions.

Purple: represents creation, mystery, loyalty, mystery, and rare. Purple is related to death in some cultures.

Blue: represents loyalty, security, conservative, peaceful, indifferent, and sad.

Green: represents nature, stability, growth, jealousy. Green is related to environmental protection in some cultures.

Yellow: represents bright, shining, disease, weak.

Black: represents the ability, refinement, modern sense, death, disease, evil.

White: represents pure, naive, clean, truth, peace, cold, poor.

3. Design Standard Fonts

A standard font is a specific font used for the logo, title, and main menu. The default font for a website is. Of course, you can select some special fonts as needed to reflect the website's "uniqueness. For example, in order to reflect the professional, you can use a rough imitation of; embodied in exquisite design, you can use an advertisement; embodied in kind and casual, you can use handwriting and so on. In short, you should select appropriate fonts Based on the content on your website.

Currently, there are 20 or 30 common Chinese fonts, nearly Common English fonts, and many specialized English art fonts can be downloaded on the Internet. Therefore, we need to find a satisfactory font, it is not difficult. Note: to use a non-default font, you must set the text content to the image format. Because these fonts are not installed on some viewers, they cannot be displayed normally, in this way, the hard-designed works will be lost.

Advertising Positioning

Website promotion slogans reflect the spirit and objectives of the website to varying degrees, that is, they use a sentence or even a word to highly generalize the content of the website, similar to the advertising golden sentences in real life. For example, the slogan "my website, listen to me" and McDonald's "I like ".

Of course, if an enterprise has its own slogan, it can directly use the website's slogan. If it is a product-type website, it is best to use the product's slogan.

Structure Framework Positioning

Determining the website framework is to complete the conception and creativity of the website, that is, the overall design scheme, on the basis of a clear goal. This is an important step after the subject matter is selected. To ensure that the subject is highlighted and the key points are clear, you must use a simple and clear language and screen to reflect the topic of the site. Mobilize all means to fully express the personality and interests of the site, reflecting the characteristics of the website.

The basic components of the website include the following:

(1) page header: accurately identifies the user's site and enterprise logo.

(2) contact information: such as the enterprise address, telephone number, and e-mail address.

(3) copyright information: Declares the copyright owner.

To comprehensively and carefully plan and construct a website, you can usually use a tree structure to list the content outline of each page. In particular, when a user wants to create a large website, it is very important to plan the website and take into account the possible scalability in the future, so that you do not have to change the architecture after it is completed, wasting resources and energy.

After the outline is listed, we also need to consider the link between the page and the page, which is a star, tree, or net link. Of course, this is also an important indicator to identify the advantages and disadvantages of a website. Sites with chaotic links and unclear layers may cause browsing difficulties and affect the use of content.

To improve browsing efficiency and facilitate data search, the General website framework usually adopts the "dandelion" style, that is, all the main links are on the homepage, the links between the primary and secondary hyperlinks are reversible, as shown in 1-7, "popular news", "latest album", "online listening to songs", "music classroom", and "bright stars" are major sections, search engines, Song rankings, and links can be used as simple functions or links on the homepage.

After the framework is determined, you can proceed without looking forward. The framework will lay a good foundation for the future development of the website.

 

This article is based on the book "win in e-commerce website production and marketing: B2C edition ".

Book details: http://blog.csdn.net/broadview2006/article/details/7530702