网站结构的分类
当前位置:贝知网>知识分享>平面设计>网站结构的分类
网站结构的分类
时间:2022-11-21 平面设计

网站结构的分类

网站结构的分类

网页设计的内容与传统的视觉传达设计的内容有所不同,除了网页页面本身的设计之外,还包括有网站结构的设计和网页组成要素的设计。三个方面的设计相互联系、缺一不可,共同组成了网页设计的全部内容。

网站结构,是指网站页面作为信息单元载体相互之间的组织关系,即网页之间的链接结构关系,对其可以用较为形象的方式来进行解释。假设网站每一个页面是一个点,那么链接就是连接这些点的连接线,一个点可以通过一条连接线和另外一个点进行连接,也可以通过多条连接线和多个点进行连接。更重要的是,网页并不是分布在一个平面上,而是通过不同的链接结构存在于网站这样一个立体空间之内的。

网站结构设计的目的是使浏览者能够更为便捷地找到所需要的页面与信息,同时在浏览过程中能够清楚知道自己所处的网站位置;然后,浏览者能在此基础上通过网站的导航与超链接迅速跳转到站内的其他页面。简而言之,出色的网站结构设计即是用简洁的网站链接结构力图使浏览达到高的效率。

(1)层级结构链接

层级结构链接又可以称作树状结构链接,原因是层级结构链接类似于树枝的结构,树干的下一级是主树枝,再往下一级是更细的树枝,依此类推。

该链接的方式是从首页链接开始指向一级页面,一级页面链接指向二级页面,层级结构关系条理清晰明了,浏览者可以明确知道自己所处的位置,不会迷失方向。但是,层级结构链接也有它不可避免的缺点,即如果从一个一级栏目的子页面到另一个一级栏目的子页面,必须经过首页链接,这样就降低了浏览的效率。

层级结构链接是运用广泛的网站结构,几乎所有网站的信息内容之间都在使用层级结构链接这种树形关系。新浪财经的页面结构,采用的便是层级结构链接。新浪财经是新浪网的一级页面,该页面中每个链接所指的页面下又有各自的栏目链接,即二级页面,二级页面以下还有更低层次的页面。

(2)并列结构链接

并列结构链接是指网站的页面链接相互之间是并列关系,类似于网络服务器的链接结构,因此也可称为星状链接结构。并列链接结构的每个页面之间都建立有链接,且信息内容的模式和页面版式设计都较为相似,这样可以使浏览者随时切换到自己想看的页面。并列结构链接缺点是页面链接太多,浏览者容易在浏览过程中迷失方向,无法准确知道所处的位置。百度网页的链接就属于并列结构链接。

层级结构链接和并列结构链接是网站的两种基本结构,也是当前网站结构设计中常用的两种模式。两种链接结构各有优劣,在网站结构设计中根据实际情况灵活使用,既可以使页面结构更加清晰,又可以提高浏览的速度和效率。通常情况下,可以在首页和一级、二级页面之间使用并列式链接结构,在二级和三级及以下级页面中使用层级结构链接,这种方式很好地兼具了两种链接结构的优势,是当前网站结构较为常用的一种设计方式。腾讯网、网易等大型综合门户网站均采用两种链接结构结合的网站结构设计方式。

网页的对比度怎么设置

和绝大多数的设计规则一样,平衡是对比度控制的核心规则。如果对比度反差太大,这样的视觉设计可能是混乱而不和谐的,今天小编主要给大家分享网页的对比度怎么设置,希望对你们有帮助!

1.深浅色彩对比

这个通常指颜色的明暗度,纯黑和纯白是两种极端,然而,并不是非得用黑白来创造高对比度色调。将一个色彩调亮,一个色彩调暗也是提高对比度的有效方法。

2.不同的色调构建对比

传统色轮上有12种颜色,但有常见的配色方案有很多,在系统的配色理论中,介绍了如何借助色轮来创建配色方案,如众所周知的单色方案、相似色方案、对比色方案、对称三色方案等。在许多配色方案中,有些配色方案具有非常高的对比度,例如:

对比色:色轮对称位置的两种颜色对比强烈,如红和绿,蓝和黄等。

分离式对比色:色轮上任意位置的颜色,与之相对位置的两侧颜色,及由三种颜色组成的配色方案。

对称三色:色轮上相互构成120度角的三种颜色。

值得注意的是,实际应用中不要使用高饱和度的纯色,虽然对比强烈,但不一定好看,适当地调整深浅和色调,会使整个配色更好。

3.控制色温以创建对比度

所有颜色都有不同的色温,黑色和白色、灰色是中性色(米色和棕色有时被归类为中性色),红色和橙色是暖色,蓝色和绿色是冷色。不同色温的当色调结合时,可以形成良好的对比度。

4.借助饱和度控制比较

当颜色的强度最强时,也就是饱和度最高时,是最纯净的色彩。饱和度越高,颜色越亮,饱和度越低,越接近灰色。相同颜色和不同饱和度的颜色可以形成对比,不同饱和度的颜色也可以形成对比。

5.形状对比:几何形状和有机形状

我们熟知的几何形状,如矩形、三角形和圆形,是规整的形状,而流态的、或者源自自然物体各种不规则有机形状通常不是特别规整,可以与几何形状相比较。