网页设计层级

网站建设层级

网页设计中层级不仅仅与内容和文字有关。设计中所使用的图片、图标、按钮和其他任何除了文字的元素，对于页面的层级以及呈现的视觉感觉有很大的影响。在网站建设的时候，哪些内容是要让用户第一视觉看到，哪些板块是页面的中心，哪些交互要去引导用户去操作，这些都要通过层级去表现出来，从而让网页信息层级分明。

一、网站建设交互类操作

1.利用色块引导用户操作，例如banner为蓝色的，而上面出现一个红色按钮，就会刺激用户去点击操作。

2.悬浮固定引导性交互，例如网页中在线客服和下拉导航条不断随页面滚动，用户在浏览页面时随时都能找到这些重要的入口。

二、网站建设标题和内容

1.标题关键字抽出，并做独特效果。

2.改变标题文字的大小、颜色、字体类型。

3.根据同类型字体，不同大小、粗细来设计内容层级。

4.通过差异较大的字体类型、大小来设计内容层级。

5.添加英文行，可以让内容更丰富，提高中文内容的视觉层级。

6.添加辅助性元素，例如线条、圆点等。

7.利用色块区分内容层级。

三、网站建设同一模块的内容层级

1.板块大小区分内容层级，例如商城首页的产品摆列，利用不同占比来区分层级。

2.提示信息标志改变列表内容视觉优先级，例如商品的包邮热销，或论坛的文章显示热门或用火的形状标出，这样会在同一个模块中区分为两个层级，更加容易辨识，从而增大用户浏览的可能。

3.内容本身具备排序性质的内容层级，例如比赛页面前三名会突出金银铜奖牌，而其他选手则会按排名列表展示。

4.单条列表文本和图片排版比重不同，视觉也不同。