建站时的网页布局小窍门你知道多少
2019-02-21

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

image.png

这种布局方式在一些资讯门户网站中还是比较常见的,导航直接放置在banner的下面 👨‍🦱,这可以弥补banner中设计素材被截断的缺陷。

2、通栏布局

这种布局方式相对于大框套小框而言 👯‍♂️,用户浏览网页不在受到方框的限制,这种方式显得大气些 呀, 🧑‍🤝‍🧑眼界显得更开阔些。

❤️另外这种方式还有一个便利之处那就是主视觉部分可以随机灵活处理,既能往上移到网站logo和导航的位置 呀,也可以移到向下扩展的内容区域。这种布局方式也是网站中常用的布局方式。 呢

🧞‍♂️

3、大框套小框

image.png

🚵‍♂️

这种布局是很多网站都常使用一种布局方式 💨,在一个大的栏目里然后在布局几个小的相关栏目 🧑‍⚖️, 🧒这种布局方式大小有限 🥴, 🧐让用户专注于某一方面的内容,主体突出。 🫀

🧛

4、环绕式布局

环绕式布局更加灵活方便, 呢banner区域相对较小,但是可以在页面中安置更多的信息和内容, 👿这种布局适合内容较多或者以内容为主的网站。 👨‍

(编辑:柠檬味)

新闻资讯