首页网页制作布局网页设计中常见的布局格式

网页设计中常见的布局格式

云南才力信息技术有限公司2024-9-21 08:57 发布于昆明

在线咨询 联系

现在衡阳网页设计都是有规则可【kě】循的【de】,虽说网页布【bù】局千变万化,如果你【nǐ】仔细观察,会发现【xiàn】有一些布局适【shì】用范畴相当【dāng】广,网页布【bù】局在【zài】很多时【shí】候都【dōu】是相似的,甚至可以说,有些布局模式是长【zhǎng】盛不衰的。

网页设计布局

一、大框套小框

这种布【bù】局是很多网站都常使【shǐ】用一种布局方式,在一个大的栏目里然后在布【bù】局几个小【xiǎo】的相关栏目,这种【zhǒng】布局【jú】方式大【dà】小有【yǒu】限,让用户专注于某一方面【miàn】的内容【róng】,主体突【tū】出。

二、环绕式布局

环绕【rào】式布局更加【jiā】灵【líng】活方便,banner区域相【xiàng】对较小【xiǎo】,但【dàn】是可以在页面中安置更多【duō】的信【xìn】息和内【nèi】容,这种布局适合内容较多或者以【yǐ】内容为主【zhǔ】的网站。

三、穿插式布局

这种布局【jú】在企业【yè】网站中不【bú】常用,也不适合企【qǐ】业网站,这种网站【zhàn】就是banner的区域【yù】较大,灵【líng】活性【xìng】相对差些。

四、通栏布局

这种布局方式相【xiàng】对于大框【kuàng】套小框而【ér】言,用户浏【liú】览网页不在受到方框的限制,这种方【fāng】式【shì】显得大【dà】气些,眼界显得更开【kāi】阔些。

另外这种方式还【hái】有一个便利之处那就是主视觉部分可以随【suí】机灵活处理,既能往【wǎng】上移到网站logo和导航【háng】的位置,也【yě】可以【yǐ】移到向下扩展【zhǎn】的内容区【qū】域。这种布局方式也【yě】是网站中【zhōng】常【cháng】用的布局【jú】方式。

五、左中右布局

这【zhè】种布局方式也不常见,但也是【shì】一种【zhǒng】新鲜的【de】布局方【fāng】式,这种布局比较有条理【lǐ】,逻辑【jí】性较【jiào】强。

六、导航在主视觉下方的布局

这种布局【jú】方【fāng】式在【zài】一些资讯门户网站中【zhōng】还是比较常【cháng】见的,导航直接放置在banner的下面,这可以【yǐ】弥补【bǔ】banner中设【shè】计素材被截断的缺陷【xiàn】。

另外这种【zhǒng】布局方式,用户打开网页就能看【kàn】到网站的【de】导航,这样对于新客户来说【shuō】是及其友好【hǎo】的【de】,新客户不用刻意去寻找【zhǎo】网站的【de】导航,而且访客【kè】可以通过D1眼【yǎn】就能分【fèn】清【qīng】网站主要导航内【nèi】容。