We all know that these days every one can design a website but the question remains how to design eye catching website . I have read many books ,articles and tutorials about web design and have realized that every web designer has his own way of designing websites.

我们知道，现在每个人都可以设计网站，但问题是：怎样设计出吸引用户的网站呢？我阅读过许多关于网站设计的书、文章以及手册，我发现每个网站设计者都有自己的一套设计方法。

After I read all of that and made extensive research , I decided to write something about it and to share some of my experience with you .

阅读完以后，我做了大量的研究，现在我决定把收获的一些经验写下来，与你们共同分享。

This is my first article and I must say I'm not a writer but I hope you will find it very informative.

这是我的第一篇文章，我必须要说明，我不是作家，但我希望这些内容可以给你提供指导。

Of course I wrote about something which you might already know about but I believe there is always someone out there who needs such information and tips and benefits from them .

当然，可能文章里介绍的内容，你已经了解，但我相信仍然有一部分人需要这些信息和建议的帮助。

In the article I have gathered and explained some good tips (Do's and Don't's) which will give you an astonishing results if you follow them well.

这篇文章中，我搜集、解释了很多有用的信息。遵循这些建议设计网站，我相信结果会令你满意。

Below are the tips for designing an eye catching website which you will be proud of .

以下这些建议，可以帮你设计出既令自己满意、又能吸引客户的网站。

1 Consistency : It is always better to keep your design from page to page consistent so that the visitor knows that he is still in the same site and didn't jump to another site.

1一致性：所有网页的设计都应该保持一致，这样，用户才不会感觉到自己处于不同的网站中。

The page or site color scheme and navigation should be the same throughout the site.

网站中所有网页的色彩设计和导航都应该相同。

2 Navigation : Always keep your navigation simple . Tell the visitor which page he is on . This can be done in many ways and the way which I think is the best way is to remove the link from the page which he is on .

2导航：导航系统要明晰，让访问者了解自己所处的网页。你可以利用很多方法来实现这个目标，我认为最好的一种方法是：把访问者所在网页的链接移除。

For example, Let's suppose that you have the following navigation text on your home page ...

比如：假设你的网站首页有以下的导航文字

Home -- About Us -- Contact Us -- Services -- Order

首页——关于我们——联系我们——服务——订购

Then suppose that the visitor clicked on the services page .

然后，假设访问者登录“服务”网页

When the services page is loaded then the link which says services will not be a link instead it will be a normal text with different color . That helps the visitor know which page he is on .
If you are using graphic buttons then You can provide a different version of the button and make it without a link .

在服务网页下载完成之后，链接说明：服务网页不能链接，只是一张拥有不同颜色的正常文本，这样就可以让访问者了解自己所处的位置。如果利用图片按钮，你可以提供多个版本，不要进行链接。

3 Use Browser Safe Colors : What are browser safe colors anyway? Browser safe colors are 216 colors which remain the same when displayed on any computer or browser.

3.使用网络安全色：什么是网络安全色呢？它指的是216种颜色，这216种颜色在所有浏览器中呈现的效果相同。

Colors which are not browser safe may dither when displayed some computers ,meaning if a computer can't display a color 100% it will then display the nearest color to it instead.
So make sure that you use browser safe colors throughout your site.

非网络安全色在电脑屏幕上呈现时，会发生变化，意思是：当电脑不能100%正确地呈现这种颜色时，有一种与其极为相似的颜色会替代它。因此，网站中务必使用网络安全色。

4 Minimize the use of Graphics : A site with a lot of graphics will take forever to load. Even though graphics make sites better but it is always better to minimize the use of them for many reasons including but not limited to the following :

4减少图片数量：图片数量多的网站，下载速度很慢。即使运用图片可以增加网页吸引力，还是要减少图片的数量。原因有很多，下面简单介绍几个：

A lot of Graphics make your site or pages take forever to load which will make the visitor of your website close the page or hit the back button .

图片会减慢网站下载速度，这样，可能会造成访问者关闭网页或者退出网站。

Search Engine Spiders have problems with graphics because they will not be able to index any page that has a lot of graphics .

 搜索引擎不会对图片数量多的网页做索引，所以，这样的网页很难被用户搜索到。

Of course you can use small, yet fast loading graphics instead of the big ones . Also You can use them as a table or cell background but make sure that the text is readable before the background image is loaded.

当然，你可以利用内容少、下载速度快的图片，你也可以把它们设为表格或网页的背景，但必须要保证在这样的背景下，访问者容易浏览文字内容。

And don't forget to use the ALT tag for all of your images .

所有的图片都要使用ATL标签。

5 Flash : Flash is much like the graphics . Even though Flash brings your site to life but avoid using a lot of it on your site because that will make it load forever .

5 Flash：Flash和图片一样，即使它可以让网页更形象、生动、也不要运用太多的Flash。它会使网站的下载速度变慢。

You can use small Flash animations and also You should give the url of the Flash Plug-in for the visitors who haven't got the Flash Player on their computer.

你可以使用内容小的Flash动画。同时，你应该给那些电脑上没有安装Flash播放器的用户提供Flash插件。

After all You want people to be able to see your Flash animations .

毕竟，你希望用户能看到你的Flash动画。

So don't over use it because they say Flash is evil.

尽量少用Flash，据说Flash会给网站带来不好的影响。

6 Frames : Frames are not good for many things including but not limited to the following :

6 框架：使用框架，会使网站出现以下几个问题（不止以下几个）：

Search engines have problems with them .

搜索引擎对其极不友好。

The links can be opened into the wrong frame.

有时，可能会与错误的框架链接。

Distracting scroll bars are displayed when the content doesn't fit it.

内容不适合的时候，需要移动滚动条。

and many other things but There are many reasons which make us sometimes use Frames on our websites which some are the following

还有其它很多缺点，我们就不一一列举了，但有时候，我们会在网站上运用Frame，为什么？下面介绍几点原因

Frames enable us to manage sites easily. Suppose you want to update the header of your website ,if you designed it with just an html then You will have to update all of the pages on the site but Frames made that easy by just updating one page and You will not have to update the rest.

它使网站的管理变得相对容易。假设你想更新网站的页眉，如果网站是利用html设计的，那你必须要更新所有的网页，Frame使得网站更新相对容易，你只需要更新一张网页，其余网页会自动更新。

There are many alternatives to the frames . You can use PHP Includes to include the desired file to the desired location .

你可以有很多的frames使用方法，你可以利用PHP Include为特定的位置嵌套特定的文件。

You can use this code to do so .

你也可以使用这个编码

<?php include('filename.php'); ?> . Where the filename.php will be the file name which you want to include.

<?php include('filename.php'); ?>， filename.php就是你要嵌套的文件名。

But The page which you are going to insert the code must be saved as yourpage.php and have .php file extension

你想要插入编码的网页必须要保存位为yourpage.php，扩展名必须为.php

Also You can use Extended Server Side Includes which is like the PHP by using the following code

利用下面的编码，你可以使用像PHP一样的Extended Server Side Includes。
<!--#include virtual="yourpage.html"-->

But The page which you are going to insert the code must be saved as yourpage.shtml and have .shtml file extension.

但要插入编码的网页必须保存为yourpage.shtml，扩展名必须为.shtml。

So avoid using Frames on any part of your site.

因此，尽量避免在网站任何部分使用Frames

7 Organize Your site files well : It is good to organize your site files well and divide them into categories for easy file management.

7合理布置网站的文件：把网站文件组织好，进行分类，这样方便文件管理。

For example suppose you have a lot of products and then you can organize them as follows

比如：假设你有许多产品，你可以这样安排

products/product1/ or products/name of product/

产品/产品1，或者是，产品/产品名称

So the url of the product will be like http://yourcompanyname.com/products/product1 or http://yourcompanyname.com/products/nameofproduct/

这样，产品的url可能就是：http：//公司名.com/产品/产品1 或者是http：//公司名.com/产品/产品名称

In that way You can organize your web files easily .

这样你就可以轻松地安排网站文件了

8 Use Limited Colors only : Avoid using many colors on your site . Limit your colors to four or six .

8 限制颜色的数量：避免在网站上运用太多颜色，把颜色数量控制在4-6种。

9 Links : Your links should be descriptive . And should be readable . Also Use one color for all of your major links .

9 链接：网站的链接应该是叙述性的，并且要容易理解。并且可以用一种颜色标示网站的主要链接。

These were some tips which is necessary to use for designing an eye catching website.

在创建有吸引力的网站时，需要考虑到以上几点。

After all We all want to design great sites.

毕竟，我们都想设计功能多的网站。

选择合适的网站设计工具 主页标题非常重要

评论 (0) All