网页设计:常用页面布局方式一览。

网页设计:常用页面布局方式一览。

建站离不开网页设计,其中,网页的布局则是重中之重,网站选择怎样的布局方式,将直接影响访客在浏览器上看到的整体页面。

设计师在进行网页布局设计时,往往需要将网页内容进行有机整合和分布,以此来达到某种视觉效果。其中大致可以分为三大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。那么,常用网页布局有哪些?

1、“国”字型

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

2、拐角型

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

3、标题正文型

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

4、封面型

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

5、“T”结构布局

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

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

6、“口”型布局

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

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

7、“三”型布局

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

8、 对称对比布局

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

9、POP布局

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

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/47796.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月4日 00:49
下一篇 2022年7月4日 00:49

相关推荐

  • 购物网站设计中要注意的几点。

    购物网站不同于一般的企业网站,而是一个能引起客户在线消费的网站。可以说这种类型的网站要考虑的问题就有很多,一般企业在这方面并没有太多经验,那电商网站建设要怎么去设计呢?先要搞懂这些问题! 一、产品经营…

    2022年7月3日
    0181
  • 企业网站也需要看颜值。

    有很多客户会有这种疑惑,为什么我的企业网站用户访问的时间往往很短,只是匆匆一瞥,甚至完全没有咨询的意愿?排除用户误操作等客观因素,网站用户转化率不高的首要原因就是网站给用户带来的第一印象不好。 当下是…

    2022年7月4日 建站资讯
    0229
  • 企业网站建设过程中的几个误区。

    在日常生活当中,处处有陷阱,稍不注意就会落入陷阱之中,网站建设也不例外,企业在制作网站中,时常也有一些看不见的陷阱决定了企业网站的发展,所以在网站建设的过程中一定要擦亮眼睛,下面小编来为大家分析那些…

    2022年7月4日 建站资讯
    0125
  • 十个Web网页设计小技巧。

    Web设计师往往会同时负责多个项目,在每个项目上都多花费一些时间,那么他们就很可能不得不加班来完成,反之,如果每个项目上都能少花费一些时间,那么Web设计师的工作可能会更有效率。为了帮助Web设计师更有效率的…

    2022年7月4日 建站资讯
    0116
  • 怎样设计极简风格的企业官网。

    大众对目前许多设计复杂,布局混乱的网页设计已经开始出现审美疲劳了,极简主义风格的网站已经成为一种主流设计。这种风格的网站,虽然包含的元素简单,但富有设计感,给人一种简单,大气,清爽的感觉,极简风格的…

    2022年7月4日
    0162
  • 10个创新的网页设计趋势。

    2019年意味着我们将进入十年的最后一年。在过去十年中,互联网发展变化很大:我们已经看到了移动互联网的统治,AR,VR,AI等新科技的引入。正如所有这些新技术一样令人兴奋,我们真正看到并感受到这些变化是来自最…

    2022年7月4日 建站资讯
    0178
  • 实例讲解网页设计扁平化的步骤和要点。

    自从苹果放弃拟物化设计,采用扁平化设计以来,扁平化设计的龙卷风就全面席卷了整个UI设计界,自此之后,无论是网页设计还是APP设计,首要考虑的就是采用扁平化的设计。扁平化的设计似乎成为了有别于拟物化设计的一…

    2022年7月4日 建站资讯
    0195
  • 移动端网站有哪些是需要格外去关注的。

    随着社会时代的发展,渐渐的手机也就成了大家最热门的东西之一,几乎现在的人都是离不开手机的,也就导致了网站不止有PC端网站,还有移动端网站。也就是通过手机查询的网站。那么移动端网站的制作有什么需要去额外…

    2022年7月4日
    0157

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息