⽹页设计基础——⽹页布局结构⼏⼤常⽤⽹页布局结构
作为⽹页设计初学者,掌握⼏个页⾯布局结构将会让⽹页变得更加美观,并且⼤⼤提升设计效率。
⼀、 国⼦型(⼤型⽹站常⽤类型)
如图所⽰,我们可以看出,国⼦型页⾯结构主要分为五个部分。
头部: 该部分包括⽹站的标题以及横幅⼴告条;
左侧: 该部分包括⼀些导航等信息;
右侧: 该部分包括菜单或者导航的组件;
中部: 该部分为页⾯的主要内容;
底部: 该部分包括⼀些基本信息、联系⽅式、版权声明等内容。
⼆、拐⾓型(CSDN主页就是这样的布局)
如图所⽰,我们可以看出,拐⾓型和国⼦型结构⾮常相似,主要包括四个部分部分。 头部: 该部分包括⽹站的标题以及横幅⼴告条;
左侧或右侧: 该部分包括⼀些导航菜单等信息;
中部: 该部分为页⾯的主要内容;
底部: 该部分包括⼀些基本信息、联系⽅式、版权声明等内容。
三、标题正⽂型(常⽤在⽂章、注册页⾯)
如图所⽰,我们可以看出,标题正⽂型结构⾮常简单明了,主要就包括两个部分。 上部: 该部分包括⽹站的标题以及横幅⼴告条;
下部: 该部分包括页⾯的主要内容。
四、左右框架型(⼤部分⼤型论坛使⽤该结构布局)
如图所⽰,我们可以看出,左右框架型主要包括两个部分。
左侧: 左侧⼀般为导航菜单,做上⾯可能会有标题或者标志;
页面设计是什么右侧: 该部分包括页⾯的主要内容。
五、封⾯型(常⽤于个⼈主页)
如图所⽰,我们可以看出,封⾯型主要包括三个部分。
头部: 该部分⼀般包括页⾯logo或者导航菜单;
左侧: 该部分可以放置个⼈页⾯的封⾯;
右侧: 该部分包括表单或者其他组件。
总的来说,初学者在制作页⾯⾸先应该思考的就是页⾯的布局,然后在根据页⾯布局添加内容。在思考页⾯布局时,需要具体情况具体分析。
如果是内容⾮常多,可以考虑国⼦型后者拐⾓型;
如果内容不算多,⽽⼀些说明性的东西⽐较多,则可以考虑标题正⽂型;
如果是⼀个企业⽹站想展⽰⼀下企业的形象或者个⼈主页想展⽰个⼈风采,封⾯型是⾸选。
总结:这些⽹页布局的共同特点就是浏览⽅便、速度快,但结构变化不灵活,不过可以组合使⽤这些⽹页布局。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论