网页设计的层级

发布者:木马科技发布时间:2020-05-07 14:12:39

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

 

一、交互类操作

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

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

 

二、标题和内容

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

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

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

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

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

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

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

 

三、同一模块的内容层级

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

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

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

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

获取报价

你可以填写你的联系方式,我们会主动与你联系,或者拨打我们的咨询热线。