JavaEE
鸿蒙应用开发
HTML&JS+前端
Python+大数据开发
人工智能开发
电商视觉设计
软件测试
新媒体+短视频
产品经理
集成电路应用开发
C/C++
狂野架构师
IP短视频
常见的网页ui界面布局有哪些?【UI设计师必会】
更新时间:2021年12月09日11时19分 来源:传智教育 浏览次数:
在设计网页时，需要根据不同的网站性质和页面内容选择合适的布局形式，下面介绍一些常见的网页布局方式。
1. “国”字型布局
“国”字型布局是网页上使用最多的一种结构类型，是综合性网站页面中常用的版式。通常上方为引导栏、header, 导航栏，中间为内容区，最底端为版权信息。将内容区分为左、中、右三大块，通常左右两侧为导航、友情链接，中间为内容区域。此类型的版面优点是页面充实、内容丰富和信息量大，缺点是页面拥挤、不够灵活。
2. “T” 型布局
uT”型布局与“国”字型布局很相近，页面上方一致，仅仅只是在形式上略有区别。网页F边和左右相结合的布局，通常右边为主要内容，所占比例比较大。如图8-5所示。在实际运用中还可以改变“T”型布局的形式，如左右两栏式布局，一半是正文，另一半是形象的图像或导航栏。此类型的版面优点是页面结构清晰、主次分明、易于使用，缺点是规矩呆板。
3. 标题正文型布局
标题正文型布局即上方为网页标题或类似的一些内容，中间为正文部分，下方为版权信息一般是文章、 登录页等采用居多，里面包含着大量的文字信息。如知乎里的文章详情均采用这种布局。
4. 左右分割型布局
左右分割型布局结构，就是把整个版面分割为左右两个部分，分别在左或右配置文案。通常会在其中一侧放置一列文字链接，在文字链接上方会有标题或logo。此类型网页布局，结构清晰、一目了然。
5. 上下分割型布局
与左右分割的布局结构类似，区别仅仅在于上下框架页面的导航和logo在上方，正文内容在下。
6. 封面型布局
此类型布局基本出现在一些网站的首页，大部分直接使用极具设计感的图像或动画作为网页背景，然后添加一个“进入”按钮即可。此类型布局方式十分开放自由，可以给用户带来赏心悦目的感受。
猜你喜欢：
最新资讯
江苏传智播客教育科技股份有限公司 版权所有Copyright 2006-2024 All Rights Reserved 苏ICP备16007882号营业执照增值电信业务经营许可证出版物经营许可证
苏公网安备 32132202001156号