I believe that when all netizens surf the Internet, they will definitely see many personal web pages with unique designs, novel ideas and attractive pages. When you encounter these web pages, you will definitely stop and appreciate them carefully. At the same time, you will probably have a hint of wanting to create a personal homepage of your own in your mind. If you do have this idea, please continue to read the following content. The web design techniques provided below will definitely feast your eyes and allow you to easily design your homepage in the future. Okay, after saying so much, let’s get to the point and take a look at what web page production techniques I have brought today:
1. There must be planning before design
Designing a homepage may not be very difficult. But this work, like the compilation of traditional propaganda materials, requires us to handle and plan carefully. In other words, we must first determine the main information we need to convey, and then carefully consider and organize all our ideas reasonably; then design a page style to try to use for representative users, and then repeat the revisions to ensure perfection.
2. Select content should be fresh
New things are constantly emerging on the World Wide Web and new tricks are available every day. If your homepage never changes, users will quickly get bored. Therefore, the selection of web page content should be unconventional and the focus should be on the word "new". This principle requires us not to copy other people's content when designing the content of the website, and to create a unique website based on our own actual situation. Looking around, many personal homepages on the Internet are simply "grocery stores", with all-inclusive content and the subject matters are the same. Everyone is "software download", and everyone has "network navigation", and there is no "new" meaning from beginning to end. Therefore, when designing web pages, we must focus on selecting materials. When selecting materials, you must try to be "less" and "exquisite", and you must highlight "new". If you can persist in updating every day, I believe such a webpage will definitely be welcomed by everyone.
3. The content is relatively practical
Although a web page is designed to be fun and engaging, it is not the best reason to attract users. The first thing to do to maximize the retention of users is to make it useful. One simple way to do this is to provide mutual participation - let readers do things like sign up for regular newsletters and repay their participation in some way, such as weekly draws or giving the opportunity to download something.
4. Web page naming should be simple
Since a website cannot be composed of a web page, it has many sub-pages. In order to effectively connect these pages, users can finally give these pages some representative and concise and easy-to-remember web page names. This will not only help you manage web pages in the future, but will be easier to be indexed by others when submitting your web pages to search engines. When naming web pages, it is best to use lowercase English letters that you use commonly or in line with the content of the page, which is directly related to the connection on the page.
5. Ensure that the page is guided well
One of the most important functions of the homepage is to serve as a navigation tool to guide users to check the information you store at the URL or other locations. Therefore, when designing the homepage, try to make the guide process very easy. Based on clarity and speed considerations, the superlink content on the homepage should be limited to only a few advanced categories, such as companies, products, services, etc. Generally, it is more appropriate to use six to eight super links for a web page of A4 page size. In addition, you must ensure that the number of super-connected layers cannot be too many, and connection information exceeding 4 or more layers will make people feel bored. Therefore, you have to balance breadth and depth. If you have too much information on your URL, you may want to make longer pages or use more join layers, and may even have to create multiple home pages so that each home page has different information. If users can find the information they need with keywords or words on the homepage, they will definitely be popular with users.
6. Make good use of tables to layout
Don’t list the content of a website like a report. Pay attention to using tables to highlight the hierarchy and spatiality of the website content, so that you can see at a glance that your website has a prominent focus and a clear structure.
7. Reasonably design visual effects
Don't have to fill in images on the page to add visual interest. Try to use colored dots - they are smaller and add color vitality to list items (and can be used in colored lists). Colored partition bars can also enhance the graphic feel without disturbing bandwidth. In addition, after the web page is designed, you must test the home page with different types of browsers and different resolutions. For example, many browsers use 640×480 resolution. Although some web pages look attractive at 800×600 high resolution, they may be eclipsed in 640×480 mode. Make a little effort to design a web page that can be displayed normally under different resolutions and types of browsers.
8. Pay attention to details when typing
Don't easily center the text and use bold or italic characters. In addition to visual confusion, many browsers do not display italics well, nor can they compensate for the changes in blanks caused by letter tilt. Use short paragraphs, add dots to list, appropriate whole quotation text, use horizontal lines to divide sections, and use image maps to guide the main connections, so that your page can be attractive and easy to read. In addition, the author reminds everyone to pay attention to the important content should not be placed at the end of the web page, because readers may be more at the home page, or some readers do not have the patience to look down so far.
9. Make good use of GIF and JPG images
As users travel around the internet, you must try to attract and maintain their attention to your homepage. One of the most important resources of the World Wide Web is its multimedia capabilities, so we should make good use of them anyway. It is best to have eye-catching images, novel pictures, and beautiful characters on the homepage, making them unique and unforgettable. The content of the image should have a certain practical effect, and avoid false and exaggerated. Currently, most images on the Internet use GEF and Jpeg interactive formats, because images in the interactive format are displayed in hierarchical formats - first displayed at a very low resolution, then gradually increase the resolution until it finally reaches normal display - this method sometimes makes larger images seem to load faster, but it is not actually the case, but this is a beneficial illusion. This also allows readers to see what it looks like during the image loading process, and if they don't like it or don't want to see it, they have the opportunity to interrupt the transmission or turn elsewhere.
10. Add text description to the picture
Add text instructions to each graphic, so you can see relevant content before it appears, especially navigation buttons and large images. In this way, when the network speed is very slow, you cannot download the images or when the user is using a text-type browser, you can still read the content of the web page. In the future, users always feel a kind of intimate feeling when visiting your site, thinking that you are meticulous, understanding, and always consider others, and believe that your kindness will be rewarded.
11. Use image microscopes more frequently
For example, there is a 16 million color scan map of 800×600 pixels, and the space occupied is about 50K. Use image editing tools like PhotoShop to resample the original image, such as a height of 100 pixels (to ensure that the browser can display the image in a suitable size instantly, height and width are important. Perhaps you have to adjust to find the most suitable size in order to meet your own requirements, but you can start by dividing the height by 4 to 6). PhotoShop will automatically calculate the width of the new image. Save the new image, its size should now be 8K or smaller. Then add such a piece of HTML code to the source file: , when the browser explains the execution of the Lowsrc command, it will require the browser to load the low-resolution image before loading the real picture, so that the visitor will know what kind of image will appear.
12. Do not use too many animations
Everyone likes to decorate web pages with GIF animations. It is indeed very attractive, but when we choose, can we be sure that we must use GIF animations? If no, then choose a still picture because it has much smaller capacity. For the same size LOGO, the capacity of GIF animation is 5K, while the capacity of the stationary LOGO is only 3K. Although it is only a 2K difference, it will affect the download speed if it is too much. Therefore, if some are not necessary, choose the smallest one.
13. Don't use flashing text too much
It is understandable that some designers want to attract the attention of visitors through flashing text, but there cannot be at most three flashing text on a page. Too many will give users a dazzling feeling, which will affect users' access to other content on the website. As the saying goes, "Everything will turn back when extremes."
14. The page length should be moderate
When a page is very long, you should pay attention to it, because its transmission time is obviously shorter than that of a page with a long transmission time. Too long page transmission will make visitors lose patience while waiting. And to read these long texts, visitors have to use scrolls, which also wastes users’ time surfing the Internet. If you have a large number of text-based documents, you should place them in Adobe Acrobat format files so that your visitors can read offline, saving valuable time.
15. It is better to use less Java programs
Don't use large-format Java programs. If you can use javascript to replace the effect, try not to use java. Because at present, java runs so slowly that it is unbearable, and often makes the viewers not patient to wait for the page to be displayed, so your careful design will be useless.
16. The whole page style must be consistent
All images and text on your web page, including background colors, distinctions lines, fonts, titles, footnotes, etc., must be unified in style and run through the entire site. This way readers will look comfortable and smooth, and will leave a "very professional" impression of your website.
17. It is best not to use the counter if you can use it.
Since counters are also designed by programs, the process of displaying counters is actually the process of executing a program, which requires taking up users' valuable Internet time. Moreover, most viewers think that counters are meaningless, and they are easily faked, and the browser does not want to watch advertisements. Therefore, the author recommends not to easily consider placing a prominent click counter on your website. You design a website to serve visitors, not to promote what you think is important. If you show how popular your website is, you'd better provide a link to display the access log.
18. Each page must have a navigation logo
All pages must use navigation logos from beginning to end, especially when connecting with "Back to Home". This can be done on every page. For example, there is a small string of icons at the top (or at the bottom) of each page, the first one returns to the home page, the second one returns to the chapter, and the third one returns to the section. If it is an image navigation button, then it must have a clear logo so that people can see clearly. Don’t just focus on the lively visual effects, but make people ignorant of the east, west, south and north; the link color of text navigation is best to be conventional: unvisited, blue; clicked, purple or maroon. In short, the text link must be distinguished from other texts on the page to give readers a clear and clear direction.
19. Try to use relatively super connections
When making image or text hyperlinks, use relative hyperlinks as much as possible. This is because the web page is more portable. For example, when moving a set of source files to another place, the relative path name is still valid without re-modifying the target address of the connection; in addition, the input amount is also small when using relative hyperlinks. Of course, the connection items on the same page should use relative addresses, because after using absolute addresses, the page may be reloaded once every time a connection is selected. If you are connecting to a file that is not directly related, it is better to use an absolute path, so that if you move the source file to another directory in the future, you don’t need to change the connection.
20. Ensure that super connection is intuitive and effective
The super connection in the page should enable users to find what they want very quickly. Most good sites have the same navigation bar on the same location on each page, allowing viewers to intuitively access any part of the site from each page.
In addition, we should especially avoid "Please click here". Anyone who wants to "Press here" will carefully consider whether it happens to be "here" and the connection is correct. Don't let the name of the connection be different from the URL of the connection, as this will waste time for readers.