Industry website Design Experience

Design | experience  

Many designers think that a good corporate web site will be able to do the design of the industry website, in fact, the design of the industry site and corporate web site design is quite different to the entire site's creativity, style, the overall framework layout, text layout, the rational use of the picture, the reasonable arrangement of space above ... There are many requirements, the need to consider a broader, facing more problems. For a good web designer can not never let go of any small details, this article is a brief description of the designer in the industry site to consider some of the issues.

First, website style/originality
　　Styles (style) are abstract. Refers to the overall image of the site to the viewer's comprehensive feelings. The overall image includes the layout of the site, colors, fonts, browsing methods, etc... For example: We think Disney is lively and IBM is professional serious. Each site will leave people with different feelings. Here we need to do is based on the location of the site to make a unique style of the site. In addition to this we need to be in the same style need to grasp, in fact, this style of uniform and traditional printed publications no different. All the images and text on your Web page, including background colors, line distinctions, fonts, captions, footnotes, all have to be unified in style and throughout the station. The user looks comfortable and smooth, leaving a "very professional" impression on your site. and corporate web designers often lack this, there is no overall meaning.

Creativity, the so-called creativity is eclectic ? Some designers in the creative time to go through a lot of trouble, made to do is undeniably very creative, very chic, but often for the industry site customers why not accept it? At this time don't too blame customer's not discerning, should reflect, seize customer's demand. In fact, do the industry site does not need a lot of big ideas, do not waste too much time to pursue how to personality, how to look good, we only need a little creativity throughout the station, may make the site more vivid more attractive, more thoughtful, such as China's current car trading network (http:// www.chinaxcjy.com/) is a very good case, it put the shape of the car into the site, so that it stands out.

Second, the website logo
　　Logo as the name suggests is the site logo design, the most important logo is to use a graphical way to convey the site's positioning and business philosophy, at the same time for people to identify. Website Logo design process generally has the following three kinds of ideas: 1. Directly to the website as a logo. 2. According to the website provides the product/service characteristic launches the logo design. 3. To pass the website operator's business philosophy as the characteristic. such as: Global hardware Network logo (www.Wjw.cn)

Third, the visual process
　　When people read some kind of information, they always have a natural flow habit, what to look at first, what to look at and what to look at. Research in psychology shows that the general browsing habits are from top to bottom, from left to right, on a plane, on the Panasonic stable and depressed. Similarly, the Zoosong of the plane is stable. So the visual influence of the plane is stronger than the bottom, the left is stronger than the right. The upper and middle parts of the plane are called the "Best View", which is the optimal place. Some of the highlighted or recommended information in the Web design is usually placed in this position. Of course, this kind of visual flow is just a feeling is not a fixed formula, as long as the psychological order and logical order, can be more flexible to use, in web design, flexible and reasonable use of direct impact on the accuracy and effectiveness of the transmission of information.

Iv. Web page framework and layout
　The page layout can be broadly divided into "country" font, corner type, "T" Font, "L" font, integrated frame type, flash type, change type, here will not do a discussion. In fact, we do design when not too much to consider what form, such as we see a piece of paper in a circle of things, it is easy to associate it like the sun, and some people think of the moon and so on ... This is a form of metaphor, the most important thing is to grasp the needs of customers, grasp the location of the site to do a reasonable frame layout.

1. Resolution
The overall width of a Web page can be divided into three settings: percent, pixel, pixel + percent. Usually in the construction of the website is the most common pixel form, the industry site is not listed outside. When we design a Web page, we will certainly take into account the resolution of the problem, technology development to now we usually use the resolution of 1024*768 and 800*600, now many of the network is used to 778 pixel width, at 800 of the resolution below often make the entire Web page very depressed, a kind of airtight feeling, In fact, this width refers to the 800*600 resolution on the widest width of the page, does not represent the best vision, you may wish to try 760~770 pixels, whether in 1024 or 800 of the resolution can achieve better visual effects.

2. Reasonable advertising
At present some website's advertisement (pop-up advertisement, floating advertisement, big advertisement, banner advertisement, banner advertisement and so on ...) People feel very cumbersome, but also do not want to see, sometimes even you this site is not on, so that the site has been seriously affected, advertising has not reached the purpose of advertising. These questions are one of the things that we need to think about and plan for before we design the site.

There are two kinds of floating ads, the first is in the free space on both sides of the page can be floating up and down ads, the second is full screen everywhere randomly moving ads. It is recommended to use the first one in the first case, and it is inevitable that the second situation will be as much control as possible in quantity. If the number of excessive will directly affect the user's psychology, to prevent users to browse information, counterproductive. Home ads should not be too much moderate can be. such as in the registration or a purchase step of the page is best not to appear too much other irrelevant content to distract users, avoid customer churn, etc. ...

3. Rational Use of space
Many of the pages have a feature that is described in one word, that is "plug", it will be a variety of information such as text, pictures, animations and so on not to consider the plug to the page, how many squeeze, not to standardize, resulting in browsing will encounter a lot of inconvenient, mainly is the page primary and secondary, distracting, or is not the focus , there is no good classification, the whole is like a hodgepodge. It's hard to find what you need. Some is a blank out of balance, you can use a "loose" word to describe.
Not to fill the entire page not feel empty, also not to make the whole page empty don't feel full, as long as the reasonable arrangement, organic combination, so that the page to achieve balance, even on one side of the large area left blank, the same will not let people feel empty, on the contrary, it will leave a broad space for thinking, give a person aftertaste and achieve a visual effect.

4. Text choreography
In web design, the processing of fonts is as critical as the handling of other design elements, such as color, layout, and graphics.

4.1 Text Graphics
Text graphics is the text in the form of pictures, this form in the page of the most commonly used in the sub-column, because it has prominent, but also beautify the page, so that the more user-friendly page to enhance the visual effect. Is the text can not achieve. The disadvantage of the common web site is that the scalability is not strong.

4.2 Emphasis Writing
If the individual text as the focus of the page, you can be bold, underlined, enlarged font, plus indicators, tilt the font, change the font color and other means to consciously strengthen the visual effects of text, so that it in the overall page is outstanding and eye-catching. These methods actually use the law of contrast. You can also use text graphics if the update frequency is low.

Five, the website color
1. Use a color. This refers to the selection of a color first, and then adjust the transparency or saturation, (the popular thing is to fade or deepen the color), resulting in new colors, for Web pages. Such a page looks uniform and has a layered sense.

2. Use two colours. Select a color first, then choose its contrasting color (press ctrl+shift+i in Photoshop) to make minor adjustments. The entire page is rich in color but does not take a little.

3. Use a color palette. Simply put, use a feeling of color, such as light blue, light yellow, light green, or naturals, Ash, Earth blue. That is, the same color inside the use of different colors to increase the color of the page, but do not spend, tonal unity. This method of color matching is most commonly used in web design.

4. Gray in the web design also known as "Universal color", its characteristics can be matched with any color, in the use of the amount of control to avoid the Web page dimmed.

In the web color, try to control within three colors, to avoid the Web page flowers, chaos, no main color appearance. Background and the comparison of the previous text as much as possible, (definitely do not use the pattern of complex patterns as background) in order to highlight the main text content, but also so that users do not feel tired when browsing information.

Vi. Frequently Asked Questions

6.1 Decomposing large tables
To speed web browsing, avoid using large tables as much as possible, because browsers must wait for the entire table's contents to reach the client to display the contents of the table, while the text or image is displayed on one side of the download. At the same time we make a Web page to minimize the depth of the table, table complications, this is particularly important to directly affect the speed of web browsing, but also to add to the subsequent program to create unnecessary trouble.

6.2 Site navigation should be clear
"Your location" is an integral part of a large web site, and its role is to show that you are now in a position where users will not be lost in the Web site. Second, the reader to enter the destination page clicks, not more than three times. If more than three times can not find the user's information, people will not have the patience to play with you!

6.3 Picture Annotation
On many websites we can find a common shortcoming, when the network slow when there are very pictures can not be displayed, and no annotation makes the user disgusted, such as in the registration button is the picture does not add picture annotation, and lead to even register can not find, if added annotation these problems will not be a problem!

6.4 System button
When we do the button, we want to make the "button" form (type= "buttons"), instead of "Submit form" form (type= "submit"), convenient for later programming.

6.5 Empty links, dead links
In an excellent, professional website is not found any empty link or dead link situation, if this situation will affect the user's evaluation of your site, so we try to avoid in the production, to avoid the way is to do the link in advance, if the page has not been completed on the chain "construction ..." page, to be explained.

6.6 Navigation Bar
In the large-scale industry website main navigation bar is the best use of text form, avoid using pictures or flash to do navigation bar, reduce the website extensibility.

6.7 Extensibility of Web sites
For an industry site, the site's scalability is very important, at any time to take into account the changes in the site needs!