通过与 Jira 对比,让您更全面了解 PingCode

  • 首页
  • 需求与产品管理
  • 项目管理
  • 测试与缺陷管理
  • 知识管理
  • 效能度量
        • 更多产品

          客户为中心的产品管理工具

          专业的软件研发项目管理工具

          简单易用的团队知识库管理

          可量化的研发效能度量工具

          测试用例维护与计划执行

          以团队为中心的协作沟通

          研发工作流自动化工具

          账号认证与安全管理工具

          Why PingCode
          为什么选择 PingCode ?

          6000+企业信赖之选,为研发团队降本增效

        • 行业解决方案
          先进制造(即将上线)
        • 解决方案1
        • 解决方案2
  • Jira替代方案

25人以下免费

目录

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

常见的网页布局类型有:1. “国”字型布局;2. 拐角型布局;3. 标题正文型布局;4. 封面型布局;5.“T”结构布局;6.“口”型布局;7.对称对比布局;8.POP布局。其中,“国”字型布局这种布局是普通也是常见的。

一、常见的网页布局类型

1. “国”字型布局

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

2. 拐角型布局

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

3. 标题正文型布局

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

4. 封面型布局

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

5.“T”结构布局

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

6.“口”型布局

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

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

7.对称对比布局

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

8.POP布局

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

延伸阅读:

二、个性化推荐布局

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

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

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

相关文章