网页设计培训网页的布局有哪些,导航页面怎么设

作者:涵品教育 发布时间:2021-11-17 01:20:34

网页设计培训网页的布局一般可以分为国字型、封面型、标题正文型、拐角型、综合框架型等等,可以选择适合的类型进行设计。网页设计培训在进行导航页面设计时要注意两个要点,分别是纵向导航要点和横向导航要点,其中纵向导航展开项不能超过首屏或者轮播图大小。

网页设计培训的布局有哪些

1、国字型:

网页设计也可以称为“同”字型,是一些大型网站所喜欢的类型,即上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多多的一种结构类型。

2、拐角型:

这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是上面是标题及广告,左侧是导航链接。

3、标题正文型:

这种类型即上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。

4、封面型:

这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。

5、变化型:网页设计

即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。

6、综合框架型:

上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。

网页设计培训页面导航的设计方法

网站导航分为:纵向导航、横向导航。

纵向导航要点:

1、纵向导航展开项不能超过首屏或者轮播图大小;

2、纵向导航尽量展示同一属性的分类,如有多种属性分类,则需要明确区分,以免用户混淆;

3、纵向导航在其他页面看情况进行展开。如果其他页面有自己单独的导航不用展开,如果其他页面是特殊活动页面不用展开,当用户在当前页;

4、面有意愿需要会到首页,或者快速进入其他产品分类页面时,需要保留纵向导航。

横向导航要点:

1、在大型网站中,横向导航作为各大频道的入口页面,是主要流量来源;

2、横向导航上的频道,可以做为官网首页的补充,充分展示该频道下丰富的内容,让用户有更多的选择余地;

3、横向导航上也可以放置主要的筛选项,让用户主要的筛选需求快速满足。例如:礼物说;

4、横向导航可以根据需求跟随页面滚动,让用户方便点击;

5、搜索条也可以放置在横向导航上,跟随屏幕滚动,方便用户使用;

6、横向导航上也可以放置新产品和特殊差异化产品,增加网站辨识度和提高品牌宣传。

以上就是关于“网页设计培训网页的布局有哪些,导航页面怎么设计?”的详细介绍,希望可以帮助到大家。

要了解更多关于设计的相关知识,插件软件+资料领取+直播学习,可以加微信:hanpinya

相关推荐