网页设计页面结构 第1篇
古腾堡结构（Gutenberg Rule）网页页面排版设计模式，也称为“古腾堡法则”，该法则认为：用户浏览网页页面的顺序跟随着眼睛移动的习惯，而人们通常的浏览习惯是从左到右、从上到下的，因此，它把每一屏界面分成四个象限：主视觉区（左上角）、强闲置区（右上角）、弱闲置区（左下角）、最终视觉区（右下角）。
左上角的主视觉区是用户主要浏览的网页页面区域，如Pixso资源社区的
右上角的强闲置区，对于大多数的用户来讲，当首先浏览了主视觉区后，遵循由左到右的习惯会很自然地将注意力转移到这个区域，这里我们可以设置一些图片。
左下角的弱闲置区是读者比较容易忽略的区域，所以在网页界面排版时，只需要放一些不重要的内容即可。
右下方的最终视觉区是视觉流程的终点，我们可以在这里放置一些联系方式或与用户进行互动的元素，如CTA按钮等。
想知道大厂设计师网页设计排版怎么做？
推荐一款
了解更多
网页设计页面结构 第2篇
Z字形排版（Z-pattern），也称为“反向S模式”，这个视觉模型的基本概念也是从左往右，浏览路径大致与英文字母“Z”一样，这样的网页页面排版设计也是比较常见的，如Pixso资源社区的
网页顶部的水平线可以放置一些醒目的内容和元素，如：品牌Logo或导航等。
网页的对角线区域应向用户介绍主要内容。
界面较低的水平线，可以放置促使用户交互的某些元素，比如购买、注册、订阅的CTA按钮等。
了解到这里，相信你对网页页面排版设计布局有了自己的想法，你可以按照自己的使用需求，通过专业的网页页面排版设计工具
网页设计页面结构 第3篇
两个小时前
我想知道假期...
两个小时前
我也想知道放假...
article元素可以看作是一种特殊的section元素，他比section元素更注重独立性，，即section强调分段和分块，而article强调独立性。一块内容相对独立或完整时用article；如果要把一块内容分成好几块的时候就用section。另外，无标题内容的区块不要使用section元素。
aside元素用来表示当前页面或者新闻的附属信息，可以包含当前页面或主要内容相关的引用，侧边栏，广告，导航条...
aside元素的用法：
（1）被包含在article元素内作为主要内容的附属信息部分
（2）在article元素之外使用，作为页面或站点全局的附属信息部分