Web Design 65 Principles

Source: Internet
Author: User
Tags html validator return version microsoft frontpage access
Design

01 Explicit ContentIf you want to be a website designer and want to build a website, you should first consider the content of the site, including the site features and what your users need. Your entire design should revolve around these aspects.
02 Seize the user
If the user is not able to quickly enter your site, or the operation is not convenient, the site design is a failure. Don't let the user down and turn to your opponent's website.
03 Content Optimization
Content is the core.   About two years ago, the corporate web site was like a brochure, and even worse, the site used a lot of pictures, it seems to take several centuries to download the end. Chanels website (http://www.alixixi.com/web/a/www.channels.co.uk) is successful in some aspects of the design, but the content is too greedy and it takes a long time to find what you want, so it is not a successful website.
04 Fast Download
Nothing is more bad than spending a lot of time downloading pages. As an experience, a standard Web page should be less than 60K and take 30 seconds to load through a 56K modem. Some designers say web pages should be loaded in 15 seconds.
05 Website Upgrades
Always pay attention to the operation of the website. Well-performing hosts may run slowly as the number of visitors increases. However, if you don't want to lose your visitors, be sure to plan your upgrade plan carefully.
06 adherence to basic principles
Even if you don't understand HTML, you can create a Web site that looks reasonable by simply buying a copyrighted, WYSIWYG web design tool, such as Adobe Pagemill or Microsoft FrontPage Express.   However, at design time, these packages do not require HTML, but they slow down the Web site. To successfully design a Web site, you must understand how HTML works. Most web designers suggest that Web novices should look for answers in HTML books and use Notepad to make Web pages.
07 Learning HTML
With HTML design site, you can control the whole process of design. But if you're just a novice in web design, you should look for a package that allows you to modify HTML. HomeSite4 is a great web design tool. In the design process, HOMESITE4 can help you learn HTML. It also allows you to switch to WYSIWYG mode so that you can preview your site before sending it to the Web.
08 The frame of a Web site with strokes
Sage Cloud: Pens are more powerful than swords. Before using a computer, use the frame of a Web site to show the interrelationships of all pages. Plan how your users can browse your site at the least amount of time.
09 "Never Find a good solution on a computer."
--Expert advice
10 Site Map
Many designers put their site map on the site, which does more harm than good. The vast majority of visitors who surf the web are looking for special information, and they have no interest in how your site works. If you think your site needs a map, it's likely that you need to improve your navigation and sidebar.
11 "Open your eyes and pay attention to all the things."
Observation of the least relevant things can get the best inspiration. Observe the structure and design of a site. Understand the key elements of the site structure to ensure that your design is around the site browsing. "--Expert advice
12 Click Rule
Ever heard of a 3-click rule? For small Web sites, there is no single message on your home page that needs to be clicked more than 3 times. For large web sites, use navigation and sidebar to improve operations.
13 Application of special fonts
Although you can use special fonts in your HTML, you can't predict what your visitors will see on their computers. A page that looks pretty good on your computer may look very bad on another platform. Some web designers like to use to define features, which allows you to use special fonts, but you still need some workarounds to avoid the fonts you choose from appearing on your visitors ' computers. Cascading style sheet CSS helps solve these problems, but only the latest version of the browser supports CSS.
14 "Use practical and simple naming rules." "
--Expert advice
15 Check Typos
Good spelling is an important skill in people's life. Unfortunately, many designers lack this skill. Make sure you spell it correctly, and pay special attention to typos that are usually easily misunderstood.
16 Avoid long text pages
There are a lot of text-only pages on a site that are tedious and waste the potential of the web. If you have a large number of text-based documents, you should place them in Adobe Acrobat format so that your visitors can read them offline.
17 do not use roll bar
People hate rolling strips on the web. The Trouble website (http://www.alixixi.com/web/a/www.Trouble.co.uk) is a typical poorly designed website. It is based on a floating architecture, in order to read all the text, the viewer has to use the roll bar.
18 Expert's favorite web design tools
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe Imageread
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
Lightwave
Macromedia Freehand.
12. Others: Adobe Acrobat exchange,allaire coldfusion,bbedit,html Validator.
19 Website Introduction
You should have a very clear introduction to the website and tell visitors what your site can offer so that visitors can find what they want. However, many designers have not done so. Effective navigation bars and search tools make it easy to find useful information, which is important to visitors. Tell your visitors that what you are offering is exactly what they want.
20 "website once released, the advantages and disadvantages of website design are all published in the world."
There is no way you can learn more than your own mistakes, listening to other people's advice, and feedback from users. "--Expert advice
21 flashes make a person headache
Using logos can draw visitors ' attention to a particular part of your home page, but it also gives your visitors a headache. If you want to make your visitors patronize your site again, use this method less.
22 Background Color
Background colors can also create problems that can make a Web page difficult to read. You should stick with the white background and black text, and you should also stick with the generic font.
23 forward and backward buttons
You should avoid forcing users to use the forward and backward buttons. Your design should enable users to quickly find what they want. Most good sites have the same navigation bar on every page, allowing viewers to access any part of the site from each page.
24 "Stick to your convictions." Strict adherence to various rules. Avoid being taken for granted. Never stop learning. "
--Expert advice
25 Click Registers
Don't easily consider placing a striking click Register on your site. You design a website to serve visitors, not to sell what you think is important. Most viewers think the counter is meaningless, they are easy to fake, and browsers don't want to see ads. If you show how popular your site is, you'd better provide a link to show access logs.
26 do not use the frame
As with registers, frames are becoming more popular on Web pages. On most Web sites, there is a frame on the left side of the screen. But the designers immediately discovered that there were many problems in using the framework. When using frames, it is almost impossible to display the entire site without a 17-inch display. The framework also makes it possible to bookmark personal pages within a site. Perhaps more importantly, the search engine is often confused by the framework, which makes it impossible to list your site.
27 Remove the image
Even if you remove the image function in the browser, you should ensure that visitors can achieve satisfactory results on your website. For those visitors who use ISDN connections and turn off the image feature, they also get good web load performance. You can meet your visitors ' needs by providing additional links at the bottom of the page and using alternate text instead of images.
28 using images repeatedly
Some websites miss the chance to use better techniques because they use a lot of images that are not duplicated. When creating trademarks, it is a good way to use the same image multiple times on a Web page, and once they are loaded, they are quickly loaded later.
29 Avoid using images that are too large
Do not use images that span the entire screen. Prevent visitors from scrolling the screen to the right. The screen width of 75% is a good suggestion.
30 "Avoid the use of ostentatious skills. "
--Expert advice
31 Choose to use Flash animation
Many visitors who use slow computers find that animated icons can easily deplete system resources and make it difficult for the site to operate, so users should be given a choice to skip using Flash animations.
32 use Flash plugin as little as possible
Although many web designers think flash is powerful, and Netscape5.0 will support Flash, there is no need to download any plug-ins when you use it. However, it is best to cancel the idea of using Flash as an interface.
33 Let the user preview the small image first
If you have to place a large image on the site, it is best to use the thumbnails software, the image of the smaller version of the preview display, so that users do not waste money and time to download the large image they do not want to see.
34 animation and content should be organically combined
Make sure animations and content are associated. They should be seamless with the web, not dry. Animation is not just a simple accumulation of things made by Macromedia Director.
35 careful use of sound
The use of sound should also be vigilant. Inline sounds are another forbidden territory for web designers. Because too much use of sound can slow down the download, while not giving visitors much of the benefit. It may be fun to hear the mouse sound for the first time, but it will be annoying after many times. Before using sound, you should think carefully about what your voice will bring you.
36 less Java and Axtivex
Use Java and Axtivex as little as possible on your Web page. Because not every browser needs to use it, only those earlier versions of Netscape and explorer need it. In addition, Mac in the processing of Java is also problematic, excessive use of Java, will make the Mac crashes.
37 Design Successful website
http://www.alixixi.com/web/a/www.bmw.co.uk--content and relevance is good
http://www.alixixi.com/web/a/www.yugop.com--graphics Download quickly
http://www.alixixi.com/web/a/www.comicrelief.org.uk--design is simple and clear
Http://www.alixixi.com/web/a/www.dreamcast-europe.com
http://www.alixixi.com/web/a/www.newsunlimited.co.uk
Http://www.alixixi.com/web/a/www.newbeetle.com
Http://www.alixixi.com/web/a/www.swoon.com
http://www.alixixi.com/web/a/www.viaduct.co.uk
HTTP://WWW.ALIXIXI.COM/WEB/A/38 with the use of plug-ins
In web design, if you rely on some special plug-ins, it will reduce the attractiveness of the site. If the visitor does not have the required plugin, it will have to go to another site to download so that the visitor may not return.
39 use of famous Plug-ins
If there is a sound or video on the site, make sure the user is able to hear or see it by using a well-known plugin. Many sites use QuickTime, Realplay, and Shockwave Plug-ins. Because, many visitors are not willing to waste much time and money to download a plug-in that may be used only once.
40 use of advanced technology
Keep up with the new technology. The progress of web technology will never stop, so it should take some time to study new products and develop technologies.
41 Create your own images and sounds
Use the images and sounds you have created or downloaded from a commercial website. When making a commercial website, you should spend enough money to create graphics to enhance the company's publicity.
42 "Whether it's games, images, animations or movies, think about the design you like, which will inspire you to create new and better websites." "
--Expert advice
43 compatibility of platforms
For the sake of the user, you must test your site at least one PC and one Mac to see how compatible it is.
44 using Software analysis tools to find the wrong
Use the Software Analysis tool to check HTML. Software analysis Tools Doctor HTML can help check any problems in HTML. If you have many pages to check, you can use software analysis tools. In the URL www.weblint.org/validation.html, you can find more effective HTML tools.
45 Avoid error links
The site may be linked to some other useful sites. However, if there are links on your Web page, be sure to check them frequently to ensure that the links are valid. There may be a lot of linked sites, but don't link to sites that are not related to your content.
46 for the audience to mature things
If the site is not finished, do not send it to the web. All good sites are released after the behind-the-scenes completion.
47 Register the website on the search engine
There are few opportunities for anyone to find your site unless you register your site on a major search engine.
48 design a message board
Viewers are willing to spend their time on good websites, so it's best to have a message book that will motivate visitors to return to your site and help expand the content of the site.
49 test Site
You must have a useful test before your website is officially released. Use the latest software when designing your Web site, but don't forget that people don't use the latest browsers, so take care of your previous browsers. Also test all links and navigation toolbars when uploading a Web site.
50 "Try your best to test the website as long as you can, until you can't find anything new." "
--Expert advice
51 demo of upcoming websites
Before the website is officially run, let people demonstrate it. In the demo, people will tell you whether the website you designed is easy to use.
52 Animation Embellishment
The maximum number of animations on a Web page is one.
53 "Tilt button does not look too good, it is best not to use." "
--Expert advice
54 Content Organization
Before you start creating new pages, carefully consider the organization of your site's content. Decide what you want visitors to browse, and then design the navigation system.
55 "Long live Blank"
Pay attention to leaving blank. Don't use images, text, and unwanted animated GIFs to fill web pages, even if you have enough space to avoid them at design time.
56 "Use the blanks to attract attention. To attract attention, web designers use a variety of methods, such as flashing, rotating, and so on, but the use of white space will attract more focus. "
--Expert advice
57 Image Compression
To keep a small image, you can use a program like the GIF Wizard, which automatically compresses the image. To declare the size of the image, it is best to specify the image size properties before the image is displayed, and you can save this attribute in the IMG tag. This makes the page look fluent, because the browser can display the entire page on the screen before the image is downloaded.
58 Design-Failed Sites
http://www.alixixi.com/web/a/www.boo.com--It takes one hours to find a T-shirt on it.
http://www.alixixi.com/web/a/www.miniheroes.co.uk--not attractive, homepage too thunder
http://www.alixixi.com/web/a/www.saturn.com--design is too bad
http://www.alixixi.com/web/a/www.e13.com--no new ideas.
http://www.alixixi.com/web/a/www.song.com--navigation is unintelligible
59 Image Size Property, you can save this property in the IMG tab.
This makes the page look fluent, because the browser can display the entire page on the screen before the image is downloaded.
60 User Registration
If you know who is browsing the site and how to browse the site, then you can get a lot of useful information. However, it is risky to ask visitors to register before browsing the site, as this will drive away a group of people who are unwilling to register. Another way to get information is to have a prize quiz or money reward, so that users can actively fill out some information feedback form.
61 make a Web site interactive
Provide a number of tools to answer questions on the Web site that allow visitors to get information about the interaction from the site.
62 Picture Updates
As often as possible to change the images on the site, people prefer to click on pictures rather than text.
63 provide games on the website
The game is a good interactive tool, it is a good way to enable visitors to patronize the site again.
64 selection Tool software
Carefully select the Web design tool. Make sure you use the software that you want the most and feel the best for yourself.
65 using the latest version of the software
Use the latest version of the web design software as much as possible, and it should be licensed for free or inexpensive upgrades.

from: Chen's design room





Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.