长沙天琥设计培训学校 培训资讯

网站页面设计的布局是怎样的?

来源:长沙天琥设计培训学校  时间:2018-10-17 11:31:33

想要得到一个好网站,首先要做的就是网站规划,然后就是网站设计,较后才是网站建设。这三步缺一不可。网页可以说是网站构成的基本元素。

长沙天琥设计培训学校

  网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素;除了这些,还有一个非常重要的因素——网页的布局。以下就是长沙天琥设计培训学校为您整理的网站页面设计的布局。

  1、“国”字型

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

  2、拐角型

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

  3、标题正文型

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

  4、封面型

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

  5、“T”结构布局

  所谓“T”结构布局,就是指网页上边和左边相结合,页面顶部为横条网站标志和广告条,左下方为主菜单,右面显示内容,这是网页设计中用得较广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式,如左右两栏式布局,一半是正文,另一半是形象的图片、导航。或正文不等两栏式布置,经过背景色区分,分别放置图片和文字等。

  这样的布局有其固有的优点,因为人的注意力主要在右下角,所以企业想要发布给用户的信,大都能被用户以较大可能性获取,而且很方便,其次是页面结构清晰,主次分明、易于使用。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。

  6、“口”型布局

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

  这种布局的优点是页面充实、内容丰富、信息量大,是综合性网站常用的版式,特别之处是顶部中央的一排小图标起到了活跃气氛的作用。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站使用多帧形式,只有页面中央部分可以滚动,界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。

  7、“三”型布局

  这种布局多用于国外网站,国内用得不多。其特点是页面上横向两条色块,将页面整体分割为4个部分,色块中大多放广告条。

  8、 对称对比布局

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

  9、POP布局

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

  更多设计资讯,培训课程,开班时间,学校地址等学校信息,请进入长沙天琥设计培训学校http://cstianhu.5zix.com/网站详细了解,咨询电话:18670081751,咨询QQ:1434119060

尊重原创文章,转载请注明出处与链接:http://cstianhu.5zix.com/news/39832/ 违者必究! 以上就是长沙天琥设计培训学校 小编为您整理网站页面设计的布局是怎样的?的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

长沙UI设计实战培训班

长沙UI设计实战培训班

UI设计前景好,缺口大

咨询 报名

长沙视频剪辑培训班

长沙视频剪辑培训班

新媒体已渗透到我们生活的方方面面,你可能

咨询 报名

长沙电商设计运营培训班

长沙电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

长沙室内空间创意培训班

长沙室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

长沙平面视觉创意培训班

长沙平面视觉创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名