常州五颜六色网络技术有限公司 -> 网站建设 -> 网站设计的思考(6)——首页的设计 登录 -> 注册 -> 回复主题 -> 发表主题

阿七 2006-04-04 07:58
在我们全面考虑好网站的栏目,链接结构和整体风格之后,我们就可以正式动手制作首页了。 '}JhzKNj  
  有这么一句俗语:"良好的开端是成功的一半"。 _8riUt  
  在网站设计上也是如此,首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上,全凭首页设计的"功力"了。 #ASz;$P  
  所以,首页的设计和制作是绝对要重视和花心思的。阿捷的经验是:一般首页设计和制作占整个制作时间的40%。你宁可多花些时间在早期,以免出现全部做好以后再修改,那将是最浪费精力的事。 uK#4(eY=W  
gsv uE  
  这里,先插一个“封面”的问题。封面是指没有具体内容,只放一个logo点击进入或者只有简单的图形菜单的首页。 5k3n\sqZA  
  是否需要为站点设计一个“封面”?阿捷的个人观点是:没必要! Av$^  
  除非你是很艺术类的站点,或者可以确信内容独特,可以吸引浏览者进一步点击进入的站点,否则的话,封面式的首页并不会给你的站点带来什么好处。我们上网浏览需要的是快速,有价值的信息,如果等待xx分钟,只显示出一个粗劣的“ENTER”图标,那么相信没有人会再耐心等待进入下一页。 *,)Md[  
\H~T>j{N  
  因为首页的重要性,阿捷将着重用8篇文章来仔细讨论有关首页设计的方方面面,大致提纲如下:  ZrxD`1L  
?)?Ng}  
  ○版面布局的窍门 +L| ?~p`V  
  ○色彩的搭配 bv9]\qC]T<  
  ○字体的设置和表格的嵌套 N/'b$m5= S  
  ○细微之处见功力 [0[i5'K:  
  ○考虑不同的浏览器和分辨率 e&F8m%t  
  ○设计好你的banner和位置 Mzw<{*:r  
  ○meta标签的重要性 |&nS|2.'  
  ○首页设计的小建议 HT cb_a  
)?n aN  
  今天,只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。 4*#18<u5  
V-2 (?auZd  
  首页,从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的,如何设计好一个首页呢?一般的步骤是: \0I_<  
]^'Kd*x  
  ●确定首页的功能模块 9r<J"%*Q  
  ●设计首页的版面 l^-];|Y  
  ●处理技术上的细节 4JXeV&5Qk'  
   G1tY)_-8[  
  一).确定首页的功能模块。 J26 VnK  
7\[@ m3s  
  首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块: q=m'^ ,gPS  
Xp% v.M  
  网站名称(logo), 广告条(banner), 主菜单(menu), \<>ih)J@tt  
  新闻(what's new), 搜索(search), 友情链接(links), ~.nmI&3  
  邮件列表(maillist),计数器(count), 版权(copyright). D& i94\vVa  
4Uo&d#o)C-  
  选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的。 jo@6?( *4  
    eA?RK.e  
  二).设计首页的版面 $G+@_'  
k FD; i  
  在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。 yYYSeH  
  设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。 [5b--O  
lU\ [aNs  
  三).处理技术上的细节   b3[ !V{|  
  Vwf$JdK%&l  
  阿捷经常收到的来信问题就是:我制作的主页如何能在不同分辨率下保持不变形,如何能在IE和NC下看起来都不至于太丑陋,如何设置字体和链接颜色....等等,阿捷将在下面几篇文章里为大家详细介绍。 uyWunpT  
783,s_  
  首页设计是整个网站设计的难点和关键,阿捷希望能够通过和大家的交流,总结出一套较为合理易学的设计方法,从而举一反三,使我们能够更加轻松的完成整个站点的设计制作。


查看完整版本: [-- 网站设计的思考(6)——首页的设计 --] [-- top --]



Copyright © 2005-2014 5y6s Inc. 苏ICP备05001866号 Powered by PHPWind 5.0.1
Time 0.015224 second(s),query:3 Gzip enabled