懒人图库
PNG图标(389) 网页小图片(15) 网页背景(10) JS广告代码(146) 网页配色(25) 桌面壁纸(83) 软件下载(18) 导航菜单(56) 矢量素材(142) flash全站(30) 字体下载(5) QQ表情(4) 便捷工具(21) 打包下载(26) 实用代码片段(214) PS笔刷(8) 超级懒人(10) 屏幕保护(11) Flash效果(33) BOX盒子(12) AJAX下载(4) 表单美化(7) PSD网页模板(21) 程序下载(2) Flash广告欣赏(30) 时间与效率(15) CSS+DIV模板(12) 网页音乐播放器(18) 矢量LOGO(13) flash导航(17) flash时钟(145) psd分层素材(18) 
首页 >> 技术文档 >> 站长手册 >> 正文

网站设计的思考之网站首页的设计技巧

VIEW:
来源:懒人图库 作者:阿捷  2007-08-23

有这么一句俗语:"良好的开端是成功的一半"。

网站设计上也是如此,首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上,全凭首页设计的"功力"了。

所以,首页的设计和制作是绝对要重视和花心思的。阿捷的经验是:一般首页设计和制作占整个制作时间的40%。你宁可多花些时间在早期,以免出现全部做好以后再修改,那将是最浪费精力的事。

这里,先插一个“封面”的问题。封面是指没有具体内容,只放一个logo点击进入或者只有简单的图形菜单的首页。

是否需要为站点设计一个“封面”?阿捷的个人观点是:没必要!

除非你是很艺术类的站点,或者可以确信内容独特,可以吸引浏览者进一步点击进入的站点,否则的话,封面式的首页并不会给你的站点带来什么好处。我们上网浏览需要的是快速,有价值的信息,如果等待xx分钟,只显示出一个粗劣的“ENTER”图标,那么相信没有人会再耐心等待进入下一页。

因为首页的重要性,阿捷将着重用8篇文章来仔细讨论有关首页设计的方方面面,大致提纲如下:

○版面布局的窍门

○色彩的搭配

○字体的设置和表格的嵌套

○细微之处见功力

○考虑不同的浏览器和分辨率

○设计好你的banner和位置

○meta标签的重要性

○首页设计的小建议

今天,只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。

首页,从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的,如何设计好一个首页呢?一般的步骤是:

●确定首页的功能模块

●设计首页的版面

●处理技术上的细节

一).确定首页的功能模块。

首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块:

网站名称(logo), 广告条(banner), 主菜单(menu),

新闻(what's new), 搜索(search), 友情链接(links),

邮件列表(maillist),计数器(count), 版权(copyright).

选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的。

二).设计首页的版面

在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。

设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。

上一篇文章:  
下一篇文章: [关闭窗口]
 
新浪ViVi 365Key网摘 天极网摘 POCO网摘
Google书签 Yahoo书签 添加到百度搜藏 Del.icio.us

JS广告代码

+ 站点更新

+ 热门点击

+ 赞助商链接

+ 懒人电子报
为什么要订阅:您可以第一时间收到懒人图库更新的邮件通知。

+ 本站RSS订阅:

关于本站 - 免责声明 - 友情链接 - 提点建议 - 联系我们 - 链接纠错 - 广告投放 京ICP备08001501号
Copyright © 2006 - 2008 MakeWing Studio™. All rights reserved.