网页页面的布局是什么样的?
1、杂志式布局：页面像杂志一样设置了多个区域，展现一些精美的图像、大量的文字和一些可交互的内容。 导航式布局：通常用于内容较多、层级比较复杂的网站，通过导航栏和分类菜单来分级和展示内容，使得用户能够更快速的找到信息。
2、所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。 这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。
3、T结构布局。所谓T结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母T，所以我们称之为T形布局。这是网页设计中用的最广返的一种布局方式。（图略）这种布局的优点是页面结构清晰，主次分明。
教你如何合理的布局设计界面?
1、在电脑界面中设置布局的具体步骤如下：首先，启动您的电脑，通过鼠标左键双击“计算机”图标进入。接着，在新打开的窗口中找到并点击“组织”选项。在随后出现的菜单中，继续寻找并点击“布局”选项。最后，在此页面中找到“导航窗口”这一选项，并进行勾选操作。
2、接近原则 物体之间的相对距离会影响我们感知它们的关系。相互靠近的物体被认为比相互距离较远的物体更有关联性。 相似原则 格式塔原理中的相似和接近两个原则一起运用在产品设计中。它指出了影响我们感知分组的另外一个原则：有共同视觉元素的物体看起来更有关联性。
3、选择合适的原型形式：根据数据结构选择合适的界面形式，如卡片式、列表式、主细表式、树表式和页签式。避免复杂切换：尽量避免在同一个界面上布置多个表单的数据输入，应将复杂表单拆分成简单界面。使用界面原型设计工具绘制界面原型图的方法：绘制草图：首先绘制一份简单的草图，确定绘制思路。
4、按钮与搜索栏设计：关注负空间与字体比例，营造精致大气的界面风格。箭头设计细节：避免使用英文符号作为箭头，建议手工绘制并统一笔画粗细。字体搭配原则：黑体与宋体搭配较为稳妥，注意调整英文行高与汉字字号、字重以匹配。
5、卡片式网页布局 卡片式布局通常以一个浓缩的形式提供相关网页内容，非常适合在页面上放置大量内容，同时保持每个内容的鲜明性。卡片式布局有两种主要的布局格式：将等尺寸的卡片排列在网格上，或使用流畅的布局。例如，Pixso网站使用卡片显示社区资源设计案例。
6、具有清晰的视觉层次。布局应当让页面各元素之间的关系和重要性一目了然。你可以通过适当使用下列属性来实现视觉层次：焦点：指用户首先关注的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。视觉流：指用户关注区域的顺序。可以根据任务逻辑和用户的浏览习惯来设计恰当的视觉流。
如何做好网站栏目和页面策划
符合用户的使用习惯：根据网页用户的使用习惯，将用户最常使用的功能放置于醒目的位置，便利于用户的查找及使用。图文搭配，重点突出：用户对于图片的认知程度远高于对文字的认知程度，适当的使用图片可以提高用户的关注度。此外，确立页面的视觉焦点也很重要，过多的干扰元素会让用户不知所措。
架构设计 从客户角度来说，来到网站就是想买产品；从企业角度来说，就是想卖产品&服务，这是一个需求匹配的过程，但在这个过程中，如何能够满足需求，是网站策划及实施的前提。
网站栏目策划的重点是导航：在网站策划中要注意导航条的位置要明显且统一，有一些网站是无法做到，这个会给用户带来易进不易出的一个环绕，从而导致用户直接关闭网站，跳出率就会增长。
