当前位置: 首页 > 网络学院 > 设计教程 > 设计理念 > 网站设计十大错误

设计理念
图片设计
合理安排网站颜色
构建网站的6个步骤
保证网站的兼容性
网站中避免出现弹出框
适于打印的网页设计
成功解决图片问题
网站设计应该灵活
避免出现网站设计错误
网站设计十大错误
为网站添加声音内容
成功设计网站的50条建议
文本与图片,哪项内容更重要?
优化网站主页
网站中的图片设计
方便、快捷地制作404页面
FTP介绍
利用JavaScript更新网站
成功构建网站的方法
如何进行网站布局

设计理念 中的 网站设计十大错误


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1792 ::
收藏到网摘: n/a

Top_10_Web_Design_MistakesAs a webmaster, you want to keep your visitors content so they'll come back again. Below you will find ten common mistakes made by webmasters that may deter people from returning.

作为网站管理员,你需要让网站访问者满意,这样他们才会多次回访网站。但有些网站管理员经常会犯某些错误,导致访问者流失,下面介绍十种常见错误。

1) Poor Color Choice
1
)乏味的颜色设计

There's one important thing to keep in mind when designing your web site, and that is always keep it simple. More is not necessarily better. Your web site should contain no more than three colors. Also remember that your body text should be a contrasting color from your background. There's nothing worse than trying to read yellow text on a pink background. It may look cool to you, but cause your visitors to go cross-eyed.

设计网站时,一定要记住:网站设计一定要简单,并不是越复杂越好。网站颜色应该控制在3种以内;文本颜色与背景颜色对比要明显,避免出现粉红色背景搭配黄色文本,这种搭配看起来很好,但容易使浏览者产生视觉疲劳。

2) Confusing Navigation
2
)错乱的导航系统

If your visitors cannot find their way around your web site, they'll leave...plain and simple. Your navigation should be logical and consistent on every page. Studies have also shown that web surfers prefer the standard left or right side navigation over other layouts.

如果访问者不能够顺利浏览网站,他们可能会离开,登录其它设计普通、简单的网站。网站所有网页的导航系统应该统一、合乎逻辑。研究证明网站浏览者更喜欢网页左边或者右边出现导航菜单。

3) Inconsistent Font Face and Size
3
)不协调的字体与字号

Just like your navigation, you'll want your font style and size to be consistent. If your home page text is in Arial font, size 10, make sure the rest of your pages adhere to the same font style and size. Of course, there are exceptions to every rule, and you may need to use a smaller font for disclaimers, terms and conditions, etc. However, in most cases, you should use the same style on every page.

同导航系统一样,网站字体、字号必须统一。如果主页文本利用10号的Arial字体,那么其它网页也要使用相同的字体、字号。当然,每一条规则都有例外,很多内容可能需要使用较小的字号,然而大多数情况下,你应该保持网页外观的一致性。

Remember, 90% of web surfers go to the search engines to find what they're looking for and many engines look for keywords in your domain name when deciding on how to rank your web site. If you want people to find your site by typing in "juggling balls" then try to choose a domain name with those keywords inside.

请记住:90%的网站用户利用搜索引擎寻找所需内容,而大多数搜索引擎通过寻找网站域名中的关键词,决定网站排名。你如果希望用户键入“juggling balls”,寻找你的网站,可以在网站域名中设置这个关键词。

4) Long Paragraphs
4
)文字内容过长

This is a common mistake made by many webmasters.

很多网站设计者会犯这个错误。

To make your web pages easy to read, remember to break up your paragraphs often and use subtitles. Most people will skim when trying to find what they're looking for so when your paragraphs are small and separated by logical headings, it will make it much easier on your visitor's eyes.

网页内容要易于浏览,如果文本内容过长,你可以把其分成几小段,或者使用副标题。大多数网站访问者快速浏览网站内容,寻找所需信息,所以当段落小,或者出现副标题的时候,网站用户更容易发现所需信息。

5) Misplaced or Lack of Contact Info
5
)缺少或者隐藏联系信息

Don't make people search for contact information...especially if you're selling goods and services. Always have your contact information visible on every page of your web site. Hidden contact information looks fishy and makes people leery of doing business with you.

所有网站,尤其是出售产品或者服务的网站,应该在醒目位置设置企业联系信息。网站所有网页出现的联系信息必须醒目,否则,如果隐藏联系信息,会使网站用户感到网站不真诚、很虚伪。

6) Long Page Loads
6
)网页下载速度慢

If your web site does not fully load within 10 seconds, your HTML files are too large. Check your graphics. Are you using too many? Do they need to be resized? Make sure your multi-color graphics (photos) are saved in JPEG format and use GIF files for solid colors and poster art. Also remember to use table height and width tags in your HTML code because your text will load before the images. Animated graphics also slow the page loading time tremendously.

如果网站不能在10秒钟之内下载完毕,这就证明网站HTML文件太大。检查一下,图片数量是否太多,图片是否需要修改尺寸。多种颜色图片保存为JEPG格式,纯色图片或者招贴画保存为GIF格式;HTML编码中使用表格的高度、宽度标签,因为文本先于图片下载。动画图片会显著增加网页下载时间。

7) No Meta Tag Info
7
)没有出现Meta标签信息

Meta tags are HTML code invisible to the human eye but read by many of the search engines. While these don't have as much of an impact as they used to, many search engines still rely on this information when displaying your site in the search results.

Meta
标签是HTML编码,网站用户虽然见不到,但很多搜索引擎却要阅读这些编码。尽管现在Meta标签发挥的作用比以前小了,但很多搜索引擎仍然根据这些信息,安排搜索结果。

8) Use of Frames
8
)利用框架

Frames can become somewhat of a burden. Many search engines do not list pages with frames, they don't allow visitors to bookmark certain pages, and they can cause printing problems.

框架会成为一种负担。许多搜索引擎不支持框架页面,并且框架不允许访问者标注某些页面,框架还会引起某些印刷问题。

9) Scrolling Text
9
)滚动文本

The marquee tag is a cool feature, but many overuse it. Although the idea of scrolling text may seem appealing, remember that not everyone will find this idea entertaining. If you do decide to use it, make sure you clearly evaluate whether or not it is adding value or enhancing your page. There are some instances where this feature works, but there are many where it doesn't. Use it very sparingly.

marquee
标签确实有许多作用,但我们不能过多使用。尽管滚动文本看起来很吸引人,但不是所有人都喜欢这种文本。使用滚动文本之前,首先确定它是否可以增加网站价值,提高页面的观赏性。有时候,滚动文本确实能增加网页价值,但更多时候不能,所以,不要过多使用这些内容。

If you have a sentence or two that you feel is very important to your readers, don't make them wait eons for the message to scroll across your screen -- just use plain text and save the scrolling text for the less significant messages or perhaps sub-titles.

如果网站出现1-2句对读者来说很重要的文字,这些内容就不能设置成滚动文本,而应该设置成普通文本。滚动文本适用于不重要的信息或者副标题。

10) Wrong Resolution
10
)错误分辨率

The average web surfer surfs with their PC screen set to an 800 x 600 resolution. If you create your web pages to fit a 1024 x 768 resolution or higher, keep in mind many people will have to scroll left and right to see your entire page. I don't know about you, but I find that quite annoying.

网站访问者的计算机屏幕分辨率一般设定为800x600。如果网页适合1024x768或者更高的分辨率,那么很多浏览者需要拉动水平滚动条,才能浏览整个页面。我认为水平滚动条确实很讨厌,你是否有同感?

If you want your web page to be displayed correctly in all resolutions, create your web pages with tables and use percentages to define your table widths instead of actual pixel values. For example, if the table width is set to 100% instead of "800" then it will take up 100% of the screen no matter what the PC resolution is set to.

如果希望网页在所有分辨率状态下,呈现出精美的外观,你就需要利用表格,并且你需要利用百分比定义表格宽度,而不能利用实际的像素值。比如说,如果表格宽度设置为100%(而不是800),那么无论屏幕分辨率是多少,表格都会占据屏幕100%的空间。

评论 (0) All

登陆 | 还没注册?