网页的布局类型有哪些?菜鸟求问!

瑞风放
2年前
1个答案
网页的布局类型有哪些?菜鸟求问!
1个回答,把该问题分享到群,邀请大神一起回答。

展开看看其他精选回答

  • 哟哟琦琦

    2年前

    1、“国”字型

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

    2、拐角型

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

    3、标题正文型

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

    4、封面型

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

    5、“T”结构布局

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

    如左右两栏式布局,一半是正文,另一半是形象的图片、导航.或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等.

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

    6、“口”型布局

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

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

    缺点是页面拥挤,不够灵活.也有把四边空出,只用中间的窗口型设计,例如网易壁纸站使用多帧形式,只有页面中央部分能够滚动,界面类似游戏界面.使用此类版式的有多维游戏娱乐性网站.

    7、“三”型布局

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

    8、 对称对比布局

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

    9、POP布局

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

    网页设计(web design,又称为Web UI design,WUI design,WUI),是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作.作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要.

    网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站).设计网页的目的区别,应选择区别的网页策划与设计方案.


    cg99模型网是专注于CG教程、CG资源共享、CG模型、游戏插画、游戏原画和动漫的CG网站,提供大量的cg资源下载,设立专属推荐栏目,实时推送优质CG资讯,CG资源及艺术家原创作品.提供交流学习,促就圈内合作。

    有用(0)
    没用(0)
马上提问

设计,软件操作安装等问题

我要回答

发布成功

你发布的素材已提交成功,正等待审核,请耐心等候。

发布成功

素材已成功提交,正等待审核中,敬请耐心等候~
签约原创设计师,立享免费版权服务+7大特权。

我再想想 了解一下

我要提问

您的问题将尽快帮助您回答,也可以分享到群邀请大神一起回答,请持续关注

成功领取
当前积分: 积分抽奖
当前积分:   积分抽奖>
关注公众号,每日签到
首次关注回复:,完成账号绑定
*请留下对"CG99"的意见和建议 感谢您宝贵的建议,我们将不断优化产品,为您提供更好的服务!

关注公众号 免费下载

验证码:

操作步骤:1、关注公众号 2、回复验证码,完成关注

余额不足

你的账户余额不足

去充值

手机绑定

为了您的账户资产安全,请绑定手机后再进行下载。

验证码错误!

绑定成功!

会员等级过低

抱歉,您当前会员等级过低,已达到当前等级下载上限!
可前往积分商城做任务,提高免费下载上限,也可升级VIP,畅享免
费下载+尊享下载折扣。