千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:郑州千锋IT培训  >  技术干货  >  常见的网页布局类型有哪些?

常见的网页布局类型有哪些?

来源:千锋教育
发布人:xqq
时间: 2023-10-18 08:42:48

一、常见的网页布局类型

1. “国”字型布局

这种布局是普通也是常见的,一些大型网站经常使用这种类型。它的特点就是规范,内容主次由上到下,网页上面是标题条幅、导航栏,下面就是网站相关内容信息等,例如chinaren、163、sina等网站。

2. 拐角型布局

该布局特点就是把相关内容的链接放到网页的左面或右面,另一面就是相关的文字信息,网站的上面是标题条幅或是主要内容导航栏,例如校园网站等。

3. 标题正文型布局

它的特点就是利用文字来布局,除了标题,下面就是文章,像一些专门的文章、小说页面或注册页面就属于这种类型。

4. 封面型布局

它的特点是网站的首页是一些精美有创意的图案结合一些小的动画组成,在页面当中,没有什么导航栏指示,只是有简单的“进人”等链接,这种布局一般设计性网站用的比较多,像设计论坛、设计公司、个人网站等,因为这种布局需要精心设计,给人的视觉感觉也很美妙。

5.“T”结构布局

所谓“T”结构布局,就是指网页上边和左边相结合,页面顶部为横条网站标志和广告条,左下方为主菜单,右面显示内容,这是网页设计中用得较广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。

6.“口”型布局

这是一个形象的说法,指页面上下各有一个广告条,左边是主菜单,右边是友情链接等,中间是主要内容。

这种布局的优点是页面充实、内容丰富、信息量大,是综合性网站常用的版式,特别之处是顶部中央的一排小图标起到了活跃气氛的作用。

7.对称对比布局

顾名思义,它指采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型网站。其优点是视觉冲击力强,缺点是将两部分有机地结合比较困难。

8.POP布局

POP源自广告术语,指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类网站,优点显而易见:漂亮吸引人,缺点是速度慢。

延伸阅读:

二、个性化推荐布局

个性化算法推荐可以根据每个人的喜好量身定制数字体验。人工智能技术的发展让算法变得更易用,能精确分析用户的喜好。

根据用户之前的订阅习惯,Netflix可以为用户个性化推荐他们最有可能观看的电影。像Medium这样的网站会基于用户以前阅读和喜欢的内容,向他们展示很多同类型的文章。

以上就是关于网页布局的内容希望对大家有帮助。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

什么是软件需求分析?

2023-10-18

软件测试与软件开发的关系是怎样的?

2023-10-18

测试方案怎么写?

2023-10-18

最新文章NEW

C#和JAVA有哪些区别?

2023-10-18

香农定理和奈奎斯特定理区别是什么?

2023-10-18

计算机存储器主要由什么组成?

2023-10-18

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>