当前位置: 首页 > 网络学院 > 设计教程 > 设计理念 > 设计有效网站的方法
The key to effective web site design is good planning. Without planning and organisation, you will end up with chaos. Once you have a design plan, content is the next consideration. This applies equally to new and existing web sites.
有效的网站设计需要好的规划,如果缺乏有效的规划,网站会很混乱。外观确定以后,考虑内容,然后开始建立网站。
To create your plan for a new or existing site, sit down and consider what your site will achieve. Get out a piece of paper and a pen, draw a circle in the middle and mark it 'home'. Draw boxes connected by lines radiating out from the centre circle and mark them with each of the main areas your site will cover. Don't forget a site map if your site has more than 8 or 9 pages. Repeat this process for each secondary circle until you've planned your site. If you've already got a site, do this exercise and include every page on the web site.
在确定网站计划之前,首先精心考虑网站目标。拿出纸和笔,在纸中央画个圆圈,标上“home”,然后从圆圈中心引出几条线,把网站的各个结构连接起来。如果网站包含8-9张网页,就要设计站点地图。同样,在第二个圆圈中重复这个程序,直至网站设计完成。如果网站已经构建,你可以在建成的网站中重复这个过程。
Good navigation is vital and poor navigation leads to visitor frustration. Once you've created your plan, you can create logical navigational links. Make up to 8 main navigational links to use on all pages of your site. You don't want to confuse your site visitors with too many options. You can offer more choices later, as your customers drill down into your site.
导航系统很重要,设计糟糕的导航系统会让访问者感到沮丧。计划一旦制定好,你就可以创建逻辑性强的导航链接。网站的每张网页中可以出现8种导航链接,如果选项太多,网站访问者会产生迷惑。
If you have lots of links, then consider creating pages that list each group of links instead. For example, Click Art Gallery, has hundreds of pages within the site, but only 8 main links. Two of the main links are to sub navigation pages. The first is an 'arts' page. This lists all the pages on the site only relating to the displayed artworks. The second is a 'services' page that lists all the extra services on the site.
如果链接太多,可以考虑创建网页呈现各组链接。比如说,Click Art Gallery网站中存在数百张网页,但是仅有8个主要链接,其中两个链接替代导航页面。一个是“艺术作品”页面,只把呈现艺术品的页面列出来。另一个是“服务页面”,把网站中其它服务页面列出来
Once your navigation is taken care of, it's time to focus on content. Common questions we hear are, how much information should I put on a page and how big is a web page?
网站导航系统设计好以后,就应该考虑内容了。我们经常听到一个问题:网页中应该呈现多少信息,网页内容应该有多大?
The size of a web page, and therefore the content are dependent on the type of information being provided. However, many site visitors don't want to read a condensed version of 'War and Peace' on a single page. See if you can logically break the content down into easy to read chunks.
网页尺寸或者说网页内容的大小主要取决于提供的信息类型。然而,很多网站访问者不喜欢在网页中阅读《战争与和平》的浓缩版本。你应该把文章内容分解成几部分,这样便于阅读。
Unless your site is an art gallery, keep images to a minimum. Try using simple 16 colour GIF images as they're small and fast loading.
如果不是美术馆网站,网站图片数量就要尽可能少。尽量使用16种颜色的GIF图片,这样下载速度快。
The following list gives you a few good design tips to consider when preparing your web site content.
在设计网站时,你可以参考以下几种设计方法。
-> Do make your text easy to read. -> Do use short sentences. -> Do break up your text into paragraphs. -> Do use bullets and lists to make your point. -> Create textual variation with heading size and colour but don't make your text too small to read easily. -> Be consistent - consistency creates a professional image. -> Don't use fancy fonts except as 16 colour GIFs as your masterpiece may not display correctly on every browser. -> Don't use weird text colour/background colour combinations. -> Stick to one colour for each font type (eg Headings - blue, sub headings - teal, main text - black) -> Don't be too adventurous with changing hyperlink colours. Many people, especially newbies, expect blue, underlined links. -> Leave white space to create a 'clean' looking design. -> Ask two or three friends (who's opinions you value) how they find your site navigation and layout.
文章容易阅读;运用简短语句;文章要分断落;运用点式列表突出你的观点;运用标题尺寸和颜色改变文本,但内容不能太小;创建专业图片;不要使用怪异字体,可以使用16种颜色的GIF图片,否则网站不能正确地呈现在浏览器中;不要使用怪异的文本与背景颜色;每种字体使用一种颜色(比如:蓝色标题、凫蓝色副标题、黑色文本);不要改变超链接颜色,因为很多用户,特别是网络新手只认为蓝色下划线内容是超链接;预留空白区域,创造清晰的网站设计;询问两三个朋友,了解他们对网站导航与网站布局的看法。
You can also experiment with cascading style sheets (CSS) and bold, italics or even highlighted words and phrases. For example, this code inserted into your document will create a yellow highlight over the word 'Highlight'. Highlight
你也可以使用层叠式样式表(CSS)、粗体字、斜体字、或者是强调性的单词与短语。比如说,在文件中插入编码,利用黄色产生强调效果:Highlight。
All the preparation may seem like a whole lot of hard work, but it will pay off. Over the lifetime of your web site, good layout design and navigation allow your site to grow without creating you massive headaches.
所有的准备工作看上去很难,但绝对会有效果。在网站运行中,高质量的布局与导航会避免产生很多麻烦。