Thursday, November 6, 2008

Introduction to Web Style

A person to have their own unique style is most people do not, it will make a special note of that person, if that person's style is positive and it will even cause other people's attention and admiration or appreciation. As a Web site with other sites do not have style, it will enable visitors to more than willing to stay some time to carefully taste the contents of the station, the station will be even more encouragement and attention, roughly speaking, Web site Style from the following directions to explore, with every are of relevance:

1. Color: page background, text fonts, color photos, color and soon.

2. Typesetting: form, the application of the framework, indented text, paragraphs and soon.

3. Window: The window effect, such as: full-screen window, window, and other special effects.

4. Interactive web processes, such as: asp. PHP, XML, CGI and soon.

5. Effects: The page looks so lively and a wide range of applications, such as: flash. JavaScript, JAVA applets, DHTML and soon.

6. Framework: Contents Planning, the easy level, and so on the application menu.

7.: Theme of the site, the overall usefulness and relevance of the document, the contents of the suit, whether or not there is unnecessary files and soon.

8. Trend: the future of the site planning, site as a whole, such as to the content.

These projects are related to the page style is closely related to that page instead of a particular style of the same site as a whole there is a sense, but with the purpose of the application in order to achieve the perfect Web site design style. The next paragraph, each item will do a brief introduction.

One color

Web site visitors is the color of the overall visual perception, if a Web site to have color consistency, not only looks beautiful site, viewers can easily be confused for the content, an increase of view of convenience and simplicity. The site can bring out the color theme of the site, if the color theme with a reasonable mix to increase the number of visitors Readability. The site includes a color page background, text fonts, color photos, color and so on, not just by an appropriate combination of color, even if perfect, but also with the contents of each, and the theme of the site. The color of the site should start production on the site, do a good job in planning and design, we will be able to work on a Web site, with difficult and even cause confusion to the design.

The page background color of the entire site is an important indicator of style. For example, the black color as the background of the page, as a result of the black people's cause visual sense of bleak, if used as a lively children's Web site is not suitable for the Because children are innocent, lively, energetic, calm and black, bleak, it is difficult to associate with to give another example, if a write on the Web site of environmental protection, with dark red as the background color of the page must include no one will think of the content of the page is related to environmental protection. Of course, everyone's different aesthetic standards, it may also color the representation of different views, but since the site is not only wrote his own view, it should be noted that most people might view, and then to the majority of the people Point of view, to design web pages.

Text font on the design of the website is based on the best of all viewers can see the main font. Chang will need to see more Web surfers to be asked to download a font in order to achieve the best results here; this is a very strange behavior. After all, only those who come to browse information or look at the content of the website, it is not possible because of the "To achieve the best results here," and to download the required fonts. When required to download the font does not and will not affect the content of the Web site to browse and inconvenience, then the view of the minimal requirements for the unlikely event of any role. In this way, for web designers, is nothing but a great pity, because the original design did not allow viewers to see the whole picture, the bother you?

What is the color picture? Color in order to learn to distinguish between simple and can be divided into cold and warm color line, and then details of that distinction, but also separate the various shades of color, and the color of the distinction between subjective view is that sense of the differences. How will the color picture and color corresponding to the Web site as a whole, that is, the more difficult areas. The page for beginners, it is necessary to draw a map is not an easy task, it is necessary to draw a line with their own web-style map, it is difficult. Most of the web and it is unlikely familiar with the use of image processing software or graphics software, a result, the web site of the material on the prevalence of the beginning. Of course, not the use of graphics software does not mean that the page can not very well designed, if the network can make better use of material resources, the site is also able to get out of their own style. And how to choose the site for his picture, the door is a lot of knowledge. Select the picture as to what standards? For example, if the content for the Web site to explore science, of course, can not picture as a cartoon illustration, imagine that when you are browsing a Web site about astronomy, but full of lovely pictures of Pikachu, not far from the coordination it? To give another example, if a teaching site, but inside is full of star photos, do not look like a teaching site, it is the Department of miscellaneous photos of the star network. Many people like to enjoy themselves as stars of their own placed on the page, if only personal websites is quite good because of the personal Web site on the subject of non-sized, there will be no so-called Fu is not in line with the theme of concern, but there is a The theme of the site, not bad?

To picture content, the theme of the site to meet the best, if not, do not too much difference. To color, if the page is a blue background, but a whole page of the file is in a mess, and a variety of colors came out one after another, worse still, blue color is a cool color, as if by the end of the blue The page, but to make big red, orange of the picture, it will make the whole page looks like garbage, chaotic. So, you can narrow it down to a simple, web and image color, the same color or visual effects, so that the page will look even more beautiful and has its own style. Page color, not a single document on the map, text color, background color, or mainly, but in the perspective of viewers to watch a whole page appears to be what color bias. Although we often see a number of sites with good color, but it does not have its own style. The current epidemic of soft color, pink Department Web site, it is missing its own unique style. Because the use of pink Department's Web site, there are no more than the same characteristics of the light color of the text, background color of the light-colored also the main line, which will not have their own style, does not appear to be difficult generous Web design orient Gordon. To all the major search site, would not do such a design, because the light color of the text, together with the background color of the light, the viewers, very difficult to read, so such a design should also be avoided as far as possible.

One has its own style and comfort with generous reading of the pages would not be possible on a written, but have to go through the trouble of the amendment, color, in order to achieve the best results here, so the production of the page also must have considerable Be patient.

The site layout is to allow web surfers to read easily and clearly an important theme of the content of the guidelines, if the layout of the site has been carefully planning, will lead to more viewers quickly find the necessary information. As a book, the reader will be properly arranged at a glance, to understand more of the book to be set. The layout of the site, like the general layout of the book important. The site includes a form layout, the application of the framework, indented text, paragraphs and so on, and neat layout is not good, we should also have clear categories, as well as the theme of proper planning.

Application forms are generally the most common site to see large-scale presentation, make multi-paragraph form letter sorting integration, to understand clearly. Form is not necessarily tangible form, what bit of tangible form? Common physical form, for Borders, or background. Forms are available in the form of multi-use, such as graphics and text between the publishing, forms can be text and graphics to do the most appropriate schedule, the full integration in the page.

However, the form of background or base, to avoid conflicts with the text. Common forms with the base or background color as a result of heavy, and the text is not clear, of course, form the focus of the text is still not in a supporting role as the base or background. When the base is the role of the decorative kit, it should be allowed to have a clear understanding of the text. Form and the overall color is more important, and the background color of the border should be a whole page with color-oriented, as if to form the same page layout, as far as possible so that the forms will not be the difference between too. When the need to highlight in particular the contents of the table, only the need for its different color.

The application framework for setting up more slowly in the space of the web site, more suitable framework for the application of the framework to avoid duplication of reading the same page, drag the speed of download. However, as a result of cutting the framework of the entire screen, resulting in view of the inside pages of space substantially reduced, so be sure to use the framework to note that the contents of the home page and look easy. Framework of the schedule, the most in need of attention is about the scroll bar should be avoided as far as possible, if a page reading, it is necessary to keep the movement of the left scroll bar to the right You Wang, who will visit a big inconvenience.

Another, the framework also noted the need to link the accuracy, often seen as the main framework to the web page, press the menu even in the framework of the links page is not displayed on the content of the page framework, but in a separate window, which is really the pants off Fart - simply a waste of time! And the framework of too many pages, will cause viewers do not know how to look for information on the dilemma. To give an example of the most common, many small personal website, often prefer to come to the framework of multi-site architecture, and even the framework of a head count up to 56 pages or more, sometimes by the left side of the menu, and content that will appear on the content of the framework Page, but it is displayed in the upper right corner of a small corner of it is not unique style, is neither beautiful nor practical, it is difficult to find more information!

And form the framework of the entire page (are three or window)

The effect of the proper utilization of the window, you can make the page unique, but it will over the application of people dislike, or even close the page no longer visit, if as a result of improper use of the window, causing inconvenience to visitors not want to continue to visit, and that is un fortunately, the very thing.

Full-screen window is usually not the favorite for visitors, especially the mandatory full-screen browsing, general Internet users to browse the different methods can not readily accepted. The picture of the site visit, if such a picture could be a great way to learn about the convenience of the entire map, but the link must be specified before the first full-screen window will open, the more viewers will not give rise to resentment.

Many of the existing personal Web site, all without the use of special favorite Toolbar window, and some sites are not the whole toolbar to enlarge the window to full screen, and some sites are too small ultra-mini window. Former lead to a difficult jump to open a Web browser to do other actions, resulting in a lot of inconvenience; the latter is worse, the small window that is almost impossible to visit, small fonts, graphics small, less content, so that this window The first visitors to the site is not feeling content, And two sites have almost the biggest thing in common, right-mouse-lock function. Such a lock, the Web site itself is not very useful, in addition to enabling visitors to the site is not convenient, in fact viewers simply has no intention of copying at the site, it will only make people feel that the content of the page is not afraid to copy other people. See this website, the majority of viewers will not feel the style If you feel that you have a style, it was no more popular in the flow of "stingy style." In addition it is somewhat a beginner's Web site, especially the abuse of preferences window effects, everything from page vibration, blinking, and so on, the content for personal style and also no real help to avoid avoiding. After all, there is the scale, there is the connotation of the site and there is no such a mess of special effects. Such effects are indeed caused by a certain part of the special effects, that is, page disorder of the special effects. And the easier it is to abuse the site window effects, most of all No; I would like to use to mislead the public in an attempt to cause the viewer a misleading impression that is rich in content. But in fact want to reach not only failed to achieve the effect, but viewers will immediately see through the Web site is making a new page, and the station is almost no content to speak of If this site is rich in content, resulting in an illusion of the viewer, not a pity? Not all window evaluation of the effects are negative, there are also some cases when the discretion can be used with care. If less information, or notice a small amount of data such as documents, can be slightly open a small window, but in this way contribute to the overall page, the browser and accessibility.

To sum up, a successful Web site, go to their own style, not just special effects to enhance the window, it should first focus on content and the content of their Web site to determine how to use a special window to the Web site as a whole style Consistency. Remember, the more variety does not allow the page appears to be clever technique, but with the contents of the window effect of the use of the perfect.

Early in the site, only to allow visitors to "see" the role, along with the development of a variety of programming languages, have often heard of the current web page has an interactive program asp. Php. Cgi. Xml, and so on, the above-mentioned procedures for these pages, Make the page "action", while the site is no longer only a function of the "look" and "participation". However, most of the producers of the page itself will not take the initiative to develop written procedures, it is the number of off-the-shelf program or Web site to download free resources Web site in place. The program will not write the website producer, is nothing but a blessing, but in the off-the-shelf program or to apply for free use of resources, must also pay attention to the overall style of the page.

The program is part of the page, but in addition to their web page, there's processing code, so the application process and must be cautious with the whole style of the site. For example, the entire Web site tailor-made for the Department of mainly white, but the message boards are puzzled by the black line, this is not a pretty picture does not take it? Also, if the whole site is about the men's favorite things, the discussion has suddenly appeared soft aesthetic image of girls, this is just too weird a strange! Therefore, the application of resources for free download or use of the package, we first took note of the color, the image of the entire site if it can meet the style, theme.

To download it to amend, unless their original program "part of the process" to amend more than 70 percent in order to remove the original copyright, it will be in violation of copyright law. Would like to be a show that the so-called part of the process that is not included in the html, not the layout will be changed to, that is their own procedures, common to many personal Web site to download the program to change the face, almost no Part of the process to move on to the copyright authorization, and for their own written statement, also marked "Copyright, reserved copy". Such acts, some page for the production of the concept and experience of visitors, in addition to serious resentment, are more likely to give rise to unnecessary disputes. And for such a unique style of the site, no benefit is not worth the wait!

Of course, the process is not arbitrary, on behalf of the abuse that is produced by the Web site, a large number of unnecessary procedures for re-use functions, the general view will not be used, it will only become useless "garbage dump site." For example, the version of the wish of the abuse is a waste of resources, a personal wish to have a version of the site is sufficient, and even the fundamental fact that there is no need, but there are different versions of the layout of the wish, in addition to A waste of resources, but also almost no viewers will be left to the desire. Useless procedures, even if no matter how lovely again, that is, at best, do not use garbage! When the site more and more spam, you stink! The original content will be such a smelly refuse to bury all up! Let me cite a more common example of an ordinary Web site has a message board on the line with the requirements, but often visit Web site, there would always like to see "a back-up version" and "back-up version of the Second" and "back-up version of the three" "One version of whispering," "whispering Second Edition," "Three whispering," and so on and so on, if there is no more than the content of the need to distinguish between different contents of the message, the clutter of stand-xx version of the so as not to be. It's a lot of message boards, will enable visitors to prohibitive, and do not know what the left is a small feature of the site! Keep in mind that the criteria for the production of a web page, not the so-called "large number of the United States is" sometimes like a "stinky old lady's boots, and long foul", it is easy to make annoying!

Five, special effects

Effects of the site, to make the site look more lively, with several common technologies, including the flash. Java script. Java applets. DHTML, and so on. Appropriate use of these well-page tips, as superficially like WDO band, which can often write to maximize the effects of small effect, so that the pages to create a more beautiful and unique style. These tips were everywhere on the network can copy a small program, so have to understand that viewers will not feel the effects of a variety of techniques are very sophisticated Web site. No matter which technique is used in more and used again miscellaneous are copied. WDO and the use of these special effects, special effects so that the ship had water in the Seamless Web page work is a successful Web site design!

A few of the most common examples of special effects, such as the welcome message out loud boom of the past, if only a welcome, no need to be so intrusive, what is more, one after another of the many messages of welcome, first, "Hello! Welcome to this site! "And" use of 600 * 800 screen resolution to browse this site, "" This is xx station ", then" I request that this site to my favorites Oh! ", One after another The message, so that the computer ring of a non-stop, and visitors must press a sure to enter the page, it is senseless act. There are, and stop when they ask your name, then ask out a message "xxx Hello, and welcome you here!" This will only visit that other very much that there is no sense of heart. Finally, all finished ancestors greetings on behalf of 18, out of a mandatory membership of the favorites, in fact, this site also will not have the viewers will be willing to join the favorites, just to Web design orient, which are free of the stage!

The mouse with a pile of text or picture, no sense not beautiful, there is no need to disturb this kind of attention. The most common, the mouse pointer will change to where the links can be, not where the link is ambiguous, and there is no style to speak of and no appearance at all, no more skills can be said. Such effects should be avoided as far as possible, unless your website people do not want to know what link, the effects can be unscrupulous used. Of course, there will not be a production site, that viewers do not want to know their links, and can not find the content you want to see. If so, it would be impossible to build a Web site, is not it?

Web Design Orient like snowflakes flying site is also very desirable. Just imagine, if you look at an article, but there have been "junk" falling block your line of sight, this feeling is not bad right? Viewers to see the contents of the page, not you look at a piece of falling down "shelter." Browser's status bar Marquee is also common nuisance effects, when you are content to enjoy when you feel the screen flash, both dazzling and meaningless, it is totally unnecessary for the abuse of special effects.

It is not a negative effect on the overall use, such as the contents of a range of a long article to this point if there is a line at the cross, can certainly be helpful to browse on. If the integration of various types of menu, seen in the pages of time, can increase the consistency of layout, but also the use of special effects, there is more holistic style. So do not use the web Effects not, it should be should be used in an appropriate use of friendly, with a style site, so that effects can truly play its effectiveness. Physical layout tool, the use of their own and out of style, is the Key to be six or structure.

A Web site can have a clear directory structure, in addition to the production site is easy to maintain those, but also allow for viewers not familiar with the site easy to use environment. The structure of the site can be run in several directions, directory of planning, easy level, and so on the application menu.

Web site architecture planning, we should be on the page prior to the development of full production, after some changes have to try not to change the structure of the large catalog, or Web site will result in frequent customers also must understand the environment, if the rate of change too And no detailed explanation, it may even lose some of the regulars. Do not say this is impossible, after all, there are still many networks for computer users do not know much about, and the site is not just a single point to the brain enough knowledge of the visit written by those who should be taken into account at all levels. Of course, you can also say that as long as your Web site to a small number of people, but to create a Web site the ultimate goal is to not have a lot of people do?

When a Web site more and more content will be more and more complex hierarchical structure, as the head of you, of course, the site of their own hand, clearly aware of their page-level structure. However, your site is not just for a taste of their own, easy-level is a very important issue. Some sites list more and more, but more and more confusing, different content, but on the same link under the association. Confusion about the design, the general view is impossible to guess your heart, know that the different nature of the data link would be the same as in the associated link under! Should always be able to write pages to viewers as a starting point, this site can be made in the framework of various social strata and different types of visitors to the stop, and habitat.

Some will often see the site as a result of too many complicated, but in the end here know how to return home, back to the catalog page. At this point, if there is navigation bar, or add back to the previous page or link directory page design, must allow viewers feel intimate and friendly.

The structure of the site, as the menu is the ultimate expression of the way, the tree menu often allow visitors to clear. The menu style of design, most often highlighted the station's style and characteristics. If the page with the appropriate menu, choose not to fancy, not caused by the effect of visual impairment, can sites throughout the unique style of the show.

(Seven, which)

Web site content, like text books generally important, not the inside pages of the book, even if the cover and then a beautiful, delicate, beautiful are only just a shell of the only paperboard; if the contents of the book or do not meet the chaotic title , Then the people who buy books will be very upset and very angry. The site is the same token, if the content of the site did not even get dressed again magnificent, not as compatible Web site; if the site's content with the station name or Zaqizaba edge or touched, so be careful not to enter the browser, Is bound to give funeral is also very unhappy. Web site content is broad, simple to sort out the following: The theme of the site, the overall usefulness and relevance of the document, the contents of the suit, whether or not there is unnecessary files and soon.

All the sites are bound to a specific theme, and the content of the site as a whole will be around to the theme of development. The theme of the site is difficult to not have a fixed regular, like a big miscellaneous sinks, which are more miscellaneous but not to the point. The general view, most of those who seek information and, of course, hope that the inquiries into Duoliang and accurate information. The large miscellaneous Department's Web site, because the quality is not fine for the majority of these visitors, not only with the garbage. Those who want to network do not necessarily want to be seen as the web garbage, so on in the beginning after the update to have a clear-cut theme.

The overall Web site usability, contains practical information and useful, if there is a clear theme of the site should be to minimize the risk of other non-related themes emerged. If there have been inconsistent with the theme of other information, which was like flowers appear in the manure Yituo like other people dislike, there is no site as a whole style. The number of personal Web site is like the big exchange as miscellaneous, teaching, wish, pet, and so on a number of articles to collect any relevant information. However, personal Web site was going to call it personal Web site, is that it has a "general store" charm, always attract more attention ethnic groups here. However, in the hope that their Web site Dayazhitang, should be established on the subject, and the theme for collate useful and practical information.

Documents relevant content is an important indicator in a big theme, often associated with a lot of points at the beginning of the small theme. At this point should be classified in detail their integration, enabling visitors to the site clear about the theme of small mutual relevance. Rather than a pile of East, West, a pile of documents, there is no integration of the documents, and even if some of the themes of relevance in the eyes of ordinary viewers, it will become useless junk, this is a great pity.

Integration, a Web site, of course, the more will be good, but again more information at the same time, we must keep this information whether they are appropriate for the subject, whether or not to useful sites, into the adequacy of the clear, there are no unnecessary files So that the content of the page in order to gradually move towards a genuine multi-volume quality on the road, before we come out of their own style of the theme.

(Eight, to)

Web site to the Web site is a key indicator of the future, often to see some sites say that at every turn to the customs station, in fact, the majority of these sites is a good site because there is no planning for the future direction of their master can not see the future, viewers Of course, instead of seeing the page has been updated for a long time, and naturally it was no longer patronize, and natural sites have also been forced to follow the customs station. I believe there is no master station will be open to thinking about the future customs station, right? Now that do not want to come to this end, they should think carefully about the future of the site as a whole to.

The Web site of the direction and should never be the theme of the site with, for example, a news Web site is not likely to turn into a cartoon site, even if the transition, then the former regulars is bound to lose, this is not equivalent to the customs The old station, and then you open the new station? Viewers will become a frequent visitor to the site, he must be the subject of strong interest, but the site is not the subject of the suit so that these will be frequent visitors like to find a site.

Web site will always want to have their own unique taste, and insist on perfect, the future of the site planning is required homework. For a long time to the modified page, to learn (but not copied to imitate) with the experience.

1 comments:

Indeed a very descriptive article on web design designagency ,Could read only half as its to large, would come back again.
Anyways thanks for posting it on the web, would benefit others.
John

Post a Comment

Newer Post Older Post Home