网站设计的思考之网站的栏目和版块

2016-02-19 15:46 8 1 收藏

今天图老师小编给大家介绍下网站设计的思考之网站的栏目和版块,平时喜欢网站设计的思考之网站的栏目和版块的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

  《设计的思考》系列文章,今天开始写第三篇。阿捷不是专业的网页设计师,但阿捷将尽自己所能把这个系列文章写好,尽可能将自己实践过程中总结的经验和心得告诉给大家,希望能给您一点收获,一点启发。文章中所列观点如有不同意见,欢迎您来信讨论,来信寄ajie@soim.com,谢谢。

  我们在前二篇文章里学习了定位网站主题和确立网站的CI形象。下面是否该进入实质性的设计制作阶段呢?答案是:不能。经验告诉我们,建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰;也好比造一座高楼,首先要设计好框架图纸,才能使楼房结构合理。

  初学者(包括我自己:-),最容易犯的错误就是:确定题材后立刻开始制作。当你一页一页制作完毕后才发现:网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难,您的网站或许就此半途而废,更糟糕的是:你因此失去了制作主页的信心和兴趣!

  所以,我们在动手制作网页前,一定要考虑好以下三方面:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  1.确定栏目和版块;

  2.确定网站的目录结构和链接结构

  3.确定网站的整体风格创意设计

  今天我们首先来讨论“确定网站的栏目和版块”。

  网站的题材确定后,相信你已经收集和组织了许多相关的资料内容。你一定认为这些都是最好的,肯定能吸引网友们来浏览网站。但是你有没有将最好的,最吸引人的内容放在最突出的位置呢?有没有让好东西在版面分布上占绝对优势呢?

  我看见许多个人主页的栏目(主菜单)并不是这样的。举个例子:有一个以提供动画素材为主题的站点,它的主栏目是:关于站长,本站导航,动画宝库,本站论坛,本站留言本,联系站长。首页上写着本站址和版权申明(居然还有将本站设为首页字样)。最主要的,最吸引人的动画素材在主栏目里占1/6,在首页上一字没提。我想即使这个站点的确有大量的,精美的动画素材,也很难吸引浏览者继续挖掘。

  栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。一般的网站栏目安排要注意以下几方面:

  1.一定记住要紧扣你的主题!

  一般的做法是:将你的主题按一定的方法分类并将它们作为网站的主栏目。例如上面的例子,可以将栏目分为动物动画,标志动画,三维动画,卡通动画等,在首页上标明最近更新的动画。记住:主题栏目个数在总栏目中要占绝对优势,这样的网站显的专业,主题突出,容易给人留下深刻印象。

  2.设一个最近更新或网站指南栏目

  如果你的首页没有安排版面放置最近更新内容信息,就有必要设立一个“最近更新”的栏目。这样做是为了照顾常来的访客,让你的主页更有人性化。

  如果你的主页内容庞大(超过15MB),层次较多,而又没有站内的搜索引擎,建议您设置“本站指南”栏目。可以帮助初访者快速找到他们想要的内容。

  3.设定一个可以双向交流的栏目

  不需要很多,但一定要有。比如论坛,留言本,邮件列表等,可以让浏览者留下他们的信息。有调查表明,提供双向交流的站点比简单的留一个"Email me"的站点更具有亲和力。

  4.设一个下载或常见问题回答栏目

  网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值的资料,你肯定希望能一次性下载,而不是一页一页浏览存盘。“将心比心”在你自己的主页上设置一个资料下载栏目,会得到大家的喜欢。有些站点为了广告显示量,一篇文章还要分几页显示,我觉得迟早会因访问量下降而淘汰(个人意见:)。另外,如果您的站点经常收到网友关于某方面的问题来信,你最好设立一个常见问题回答的栏目,既方便了网友,也可以节约自己更多时间用以学习。

  至于其他的辅助内容,如关于本站,版权信息等可以不放在主栏目里,以免冲淡主题。总结以上几点,我们得出划分栏目需要注意的是:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  ●尽可能删除与主题无关的栏目

  ●尽可能将网站最有价值的内容列在栏目上

  ●尽可能方便访问者的浏览和查询

  上面说的是栏目,我们再看看版块设置。版块比栏目的概念要大一些,每个版块都有自己的栏目。举个例子:网易的站点分新闻,体育,财经,娱乐,教育等版块,每个版块下面有各有自己的主栏目。一般的个人站点内容少,只有主栏目(主菜单)就够了,不需要设置版块。如果你觉得的确有必要设置版块的,应该注意1.各版块要有相对独立性。2.各版块要有相互关联。3.版块的内容要围绕站点主题。关于版块方面,主要是门户站点等较大ICP需要考虑的问题,阿捷在此

  不再作展开讨论。

  好,已经深夜了,今天就写到这。阿捷下次继续和大家探讨如何"确定网站的目录结构和链接结构",谢谢。

来源:http://www.tulaoshi.com/n/20160219/1610349.html

延伸阅读
标签: Web开发
在现在网站建设行业,特别是网站优化,即SEO行业,很多人都用google的pr值来判断一个网站的好坏,当你还在为那个绿色小条欢呼雀跃的时候,当你还在一次次的下载google工具,我想告诉你: 别在沉迷在那样无聊的游戏中了,那只是一种娱乐。那么什么样的网站会获得比较好的排名,或者说怎么去辨别google的网页质量好坏的标准呢?根据中国We...
在当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同时,文件维护和组织的考验也随之而来。 (曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂,增删改都很方便——可这种日子早已远去。(现在)建立新网站时,必须花点时间好好筹划怎么组织和架构css。 文件的组...
标签: Web开发
许多站长在网站发展的每个阶段,都会遇到不同的难点,本文从以下七个方面分析如何突破网站的阶段性瓶颈问题。 一、网站定位瓶颈 网站建设之初,往往出现的就是定位问题。网站定位的模糊性,会迫使站点一次又一次的改版,最终迷失方向。但这个阶段,大多数站长怀着对新领域的喜爱,都会坚持下去。特别是随着对目标用户的研究及网...
1.配色 听到和风设计会想到什么样的颜色呢,大概不是明亮的浅粉色和通透的水色,而是像芥末色和暗红色那样的,很少有人会想到清亮的颜色。日本存在着传统的颜色和配色,熟练的使用这些颜色会更接近和风设计的感觉。 传统色 日本の伝統色 和色大辞典是介绍日本传统色的色标。很多颜色的饱和度都很低,有自然和柔和的感觉。颜色的名称是采...
标签: Web开发
现代网站设计常常是很酷、另类、独特、华美的,它们常常使用一些笔刷,而且简洁而完美。这就是网页教学网收集整理本期56个出色的现代网站设计的原因。本文中,你将看到大量的出色的现代网站设计,相信这些网站会让每个人获取灵感并得到一些新鲜的创意 Outlaw Design Blog 图片看不清楚?请点击这里查看原图(大图)。 Wi...

经验教程

784

收藏

93
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部