如何利用UI设计一个清晰的网站结构（下）

　　网站首页重要的是这种网站结构只适合小型的网站使用,四为如果网贴页面比较多,太多的网页文件都放在根目录下,查找、维护起来就显得相当麻,但是这种结构对于Seo非常有利,被索引學更喜欢这种清的网结构和简捷的URL对规模大一些的网站,往往需要二到三层甚至更多层级子目录才能保证网页的正常存储,这种多层级目录也叫作树状物理结构,即根目录下再细分成多个频道或目录,然后在每一个目录下面再存储属于这个目录的终极内容网页。

　　站首页分栏日1」分日2」分日3分…分类日正1五面2面3列重用树形物理结构的好处是维护容易,但是拉引擊的抓取将会显得相对国难一点。目前互联网上的网站,因为内容普追比较丰富,所所以大都米用树形物理结构从用户体验的角度来讲,网站的物理结构展示方式就是这样的。例如,下面我们以一个常见的品牌展示与销售网站为例来讲解该网站的层次结构。

　　产品在页面顶部的中间位置重主导系单,使用在面主导花中单，商品的不同系到,用户可以单击某个判,即可进入试列的商品列表页面党屋次低于顶面中的其他内容在网站首页中放置最新、最热门的信息网站频道页面,它是框据网站定位,对所内客,是网站所有卖点的合。并且需传递给用户的内容进行分类加化后的聚合要能够引导用户通过导航莱单访问网基页面。每个频道都有自己独特的定位。

　　当然,它是从属于这个网站的心定位的。中的其他栏目页面该网站顶面通过色彩的划分明星可以看出其采用了左窄右宽的布局方式,左侧主要放置间站的Loem和导航单,右侧部分则是页面的具体内容信息,内容部分采用了菱形色块与图片相互拼接的方式进行里现,给人很强的现代感和个性感。

　　这种左窄右宽的布局形式通常都是将网站导航菜单放置在左侧,使得用户对网站的操作更加具有可拉性。左宽右和前面的左窄右宽方式相反,左宽右窄型的页面通常内容在左,导航在右。

　　这种结构明显突出了内容的主导地位,引导用户将视觉焦点放在内容上。在用户阅读内容的同时或者之后,才引导其去关注更多的相关信息。例如，博客网站的页面布局,在页面顶部放置导航菜单,页面主体内容区域则米用了左宽右穿的布局方式,突出表现最新的博客内容。

　　许多博客类网站页而采用左宽右穿的布局方式,突出显示当前最新发的几篇博客文字的标题和内容简介,右侧放置博客的相关分类链接等内容,视觉流程非常清晰合理。左右均等左右均等指的是左右两侧的比例相差较小,甚至完全一致。

　　小编结语：其实，我们会运用这种布局类型的的网站较少,适用于两边信息的重要程度相对比较均等的情况,不体现出内容的主次。