设计、建站、维护
始于2004年
当前位置:首页 > 网站制作

简要介绍网页的10种基本版式

发表日期:2018-3-31 作者来源:派谷网络 浏览次数:8017

  1.骨骼型

  网页版式的骨骼型是一种规范的、理性的分割方法,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用,既理性、条理,又活泼而富有弹性。

  2.满版型

  页面以图像充满整版。主要以图像为诉求点,也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及,这种版式在网页设计中的运用越来越多。

  3.分割型

  把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成对比:有图片的部分感性而具活力,文案部分则理性而平静。可以调整图片和文案所占的面积,来调节对比的强弱。例如:如果图片所占比例过大,文案使用的字体过于纤细,字距、行距、段落的安排又很疏落,则造成视觉心理的不平衡,显得生硬。倘若通过文字或图片将分割线虚化处理,就会产生自然和谐的效果。

  4.中轴型

  沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。

  5.曲线型

  图片、文字在页面上作曲线的分割或编排构成,产生韵律与节奏。

  6.倾斜型

  页面主题形象或多幅图片、文字作倾斜编排,形成不稳定感或强烈的动感,引人注目。

  7.对称型

  对称的页面给人稳定、严谨、庄重、理性的感受。 对称分为绝对对称和相对对称。一般采用相对对称的手法,以避免呆板。左右对称的页面版式比较常见。

  四角型也是对称型的一种,是在页面四角安排相应的视觉元素。四个角是页面的边界点,重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角,也就控制了页面的空间。越是凌乱的页面,越要注意对四个角的控制。

  8.焦点型

  焦点型的网页版式通过对视线的诱导,使页面具有强烈的视觉效果。焦点型分三种情况。

  (1)中心 以对比强烈的图片或文字置于页面的视觉中心。

  (2)向心 视觉元素引导浏览者视线向页面中心聚拢,就形成了一个向心的版式。向心版式是集中的、稳定的,是一种传统的手法。

  (3)离心 视觉元素引导浏览者视线向外辐射,则形成一个离心的网页版式。离心版式是外向的、活泼的,更具现代感,运用时应注意避免凌乱。

  9.三角型

  网页各视觉元素呈三角形排列。正三角形(金字塔型)最具稳定性,倒三角形则产生动感。侧三角形构成一种均衡版式,既安定又有动感。

  10.自由型

  自由型的页面具有活泼、轻快的风格。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

企业网站制作的一般流程...

企业网站制作是一个系统的过程,一般需要经过规划与设计、开发与...

日期:2025-3-17 浏览次数:1657

在制作企业网站前期需要...

在制作企业网站前期,需要准备多方面的资料,这些资料将为网站的...

日期:2025-3-17 浏览次数:1659

网站建设的流程一般包括...

网站建设是一个系统性的工作,其流程一般涵盖从前期规划到后期维...

日期:2025-3-16 浏览次数:2629

网站建设对于企业有哪些...

在数字化时代,网站建设对于企业而言具有多方面的重要意义,具体...

日期:2025-3-16 浏览次数:2517

企业建设网站的好处...

一、企业为什么要上网注册了域名就相当于在因特网上给自己的公司...

日期:2025-3-12 浏览次数:3951

网站建设解决方案
  • 网站维护解决方案
  • 企业门户网站集约化解决方案
  • 营销型网站解决方案
  • 养老院行业网站建设解决方案
  • 医院诊所网站建设解决方案
  • 手机数码行业网站建设方案
  • 外贸公司网站建设解决方案
  • 金融网站建设解决方案
  • 行业协会类网站建设解决方案
  • 品牌官网网站建设方案