网页版式设计的名称 第1篇
古腾堡结构(Gutenberg Rule)网页页面排版设计模式,也称为“古腾堡法则”,该法则认为:用户浏览网页页面的顺序跟随着眼睛移动的习惯,而人们通常的浏览习惯是从左到右、从上到下的,因此,它把每一屏界面分成四个象限:主视觉区(左上角)、强闲置区(右上角)、弱闲置区(左下角)、最终视觉区(右下角)。
左上角的主视觉区是用户主要浏览的网页页面区域,如Pixso资源社区的
右上角的强闲置区,对于大多数的用户来讲,当首先浏览了主视觉区后,遵循由左到右的习惯会很自然地将注意力转移到这个区域,这里我们可以设置一些图片。
左下角的弱闲置区是读者比较容易忽略的区域,所以在网页界面排版时,只需要放一些不重要的内容即可。
右下方的最终视觉区是视觉流程的终点,我们可以在这里放置一些联系方式或与用户进行互动的元素,如CTA按钮等。
想知道大厂设计师网页设计排版怎么做?
推荐一款
了解更多
网页版式设计的名称 第2篇
页面尺寸受限制的设备可以运用按钮或者是滑动来跨页面实现两栏式或者三栏式的版式,比如手机或者平板这类设备上常见的汉堡式设计,例如IRCCloud,通过放置在上方左右的两个按钮,可以快速显示出两栏式的滑动页面。
此外,随着更多响应式网页的尝试,不少产品在手机端、平板电脑、个人电脑等终端为了达到一致体验,在解决多设备显示的问题上,跨页面实现两栏式、或者三栏式不失为一种不错的解决方式。
关注『网页设计精选』
看更多精选网页设计文章
网页版式设计的名称 第3篇
版面一般包含7个基本元素:页首、全局导航栏、面包屑导航栏、区域导航栏、主要内容、关键性导航栏(或者其他)、页尾。我们通常会把中间的区域导航栏、主要内容、关键性导航栏(或者其他)统称为“内容区域”。
根据内容区域分栏设计的不同,我们得出3种基本的版式结构:“一栏式”、“两栏式”和“三栏式”。