近10年来,互联网发生了天翻地覆的变化,但是它的网页设计的排版方法其实一点也没变,假如看看10年前,我们会发现大批网站建设都有一套通行的排版形式,页头、页脚、侧边栏和内容区域,构成了这种直截了当的布局,这是人们预期中的网页排版。
同时随着Flash的衰亡,引领其他排版方式进入了一个新的时代,布局不用再拘泥于固定格式,当然,随着FLASH的衰退,这种方式也稍稍淡出。
假设你研讨一个盛行的作品集网站建设,外面展现了当今的网页设计,毫无疑问,你会留意到网页的根本构造千变万化,基本没有固定形状,它可以伸缩变化成任何所需的东西,我以为这是呼应式网页设计带来的最棒的副产品,现实上,新的原则,就是基本没有固定原则。
综上所述,我们能察看发现几种严重的排版设计趋向,可以代表我所了解的十分规布局,说它们十分规,是由于它们并不严厉遵照某种原则或既定体系,但这种趋向的例子,即便没有几百,我也能找出几十个,归入这几类中。
在此,速建网络建站平台跟大家剖析一下响应式网页设计的排版设计趋向,希望它能给你带来启示,协助你构思网页设计的根本构造。
1、分割屏幕
在这类中,我们精选的网站都用了垂直分隔线来联系屏幕,能够这么做有很多缘由,经过研讨少量此类案例,速建网络发现主要有两点。
(1)、有时分在一套设计中,确实存在两个同等重要的主体元素.
网页设计的通常办法,是依照重要性给内容排序,然后重要性会表现在设计的层次和构造上,但是假设你就是要推行两样东西呢?这种方式,可以让你突出两者,并让用户迅速在其中做出选择。
(2)、有时你要表现出一种重要的两重性
以Eight and Four网站建设为例,他们在此要表达的是,他们的中心竞争力来自植根数字范畴,还有多才多艺的员工,这两点成就了他们,经过屏幕联系来表现这一点,是种令人愉快的方式。
2、去界面化
网页设计中的次要元素之一,就是容器元素:方块、边框、外形和一切类型的容器,用于将内容从页面中别离开,想象一个古板的页头,元素刚好包容其中,与内容分隔开,如今的一项普遍趋向,就是去除一切这些额定的界面元素。
这是种极简主义的方式,但它更进一步,带来一些风趣的转变。
在这个例子中,他们把页头和页尾的概念通通去掉了,反而更像一个交互式杂货摊,从左向右的陈列,就根本完成了内容层次的排布,有助于让排版愈加直观,用于分隔导航和内容的界面就不需求了,取而代之的是美丽的产品冷艳全场。
可以发现,移除任何感官上的页头和页尾后,内容失掉了极大的强调,你会先看到公司称号,然后是关于他们运营内容(和场所)的明晰描绘,而不是先看到页头,之后才是主导航,让用户阅读之前先重点强调品牌,这个方式太棒了,它培养了优美的视觉流程。
风趣的是,当你滚动页面时,页头和界面才呈现,美观且无效的排版,这种形式的运用颇具启迪性。
3、基于模块或网格
接上去这些排版方式,树立在模块化或相似网格的构造上,在这些设计中,每个模块都力图依据屏幕尺寸伸缩调整,实践上这并不是什么新的方式,不过响应式网页设计让它变得愈加有用,它暗示了一种自顺应布局形式,可以像搭积木一样,由各种模块组件创立而成。
这个案例完满地诠释了这一点,整个设计都是呼应式的,随着屏幕尺寸变化,每个模块都改动尺寸来顺应空间,平均划分屏幕使得设计更易于顺应,他们还(在大屏幕尺寸中)引入一些元从来打破模块界线的约束,这是画蛇添足之笔。
这个案例愈加保守,当然,它也包括了模块化的方式,让他们可以依据需求轻松增减内容,但此处还有一个重要的设计元素在发扬作用,之前的案例是没有的,模块经过尺寸变化,来反映其重要水平和在各层级中的位置。
这类模块化的布局方式存在一种风险,它使每样东西尺寸都相反,这意味着无法强调任何事物,相反,这个案例还是明晰地突出了次要元素。
4、一屏以内
最初,还有一些网站采用这样的方式,让设计完全在一屏内展示,这是呼应式设计的一个分支,由于它会顺应屏幕尺寸。
不过在这个绝佳案例中,整个设计的顺应方式完完全全吻合屏幕,没有发生滚动条,没有滚动,意味着内容必需极度聚焦,而且要树立明晰的内容层次,网站才能令人耳目一新。