每(mei)年(nian)都会有一些新的(de)(de)网页布局创意产生，而使(shi)一些较老的(de)(de)布局方(fang)案淘汰。无疑问(wen)，2015年(nian)的(de)(de)网页布局是(shi)要响应(ying)各(ge)种终端设(she)备。实际上，这种趋(qu)势早在(zai)(zai)2010年(nian)就(jiu)在(zai)(zai)国外开(kai)始(shi)蔓延(yan)，我们可(ke)以预见的(de)(de)是(shi)，它在(zai)(zai)未来仍将(jiang)是(shi)网页布局的(de)(de)核心方(fang)案。

当(dang)然，这并(bing)不意味(wei)着网页布(bu)局(ju)(ju)(ju)必须朝(chao)着同一个(ge)标准化结构(gou)进行设(she)计(ji)，相反，可能会(hui)有更多、更灵(ling)活的(de)布(bu)局(ju)(ju)(ju)方式产生。在2015年，我们至少确定(ding)了网页布(bu)局(ju)(ju)(ju)发展的(de)四个(ge)趋势，你可以从这些(xie)布(bu)局(ju)(ju)(ju)中找(zhao)到好的(de)灵(ling)感，作为你网页设(she)计(ji)的(de)起点。

1. 横向分割屏幕(mu)的网页布局

横向(xiang)(xiang)分(fen)割(ge)屏(ping)幕是指在网页设(she)计(ji)时(shi)，将屏(ping)幕分(fen)为(wei)左右(you)两个部(bu)分(fen)，这(zhei)两个部(bu)分(fen)的宽(kuan)高通常是相同的，且保持垂直横向(xiang)(xiang)排列。这(zhei)么做的主要原(yuan)因有(you)两点：

(1) 同时(shi)显示两个(ge)重(zhong)要的(de)特(te)征。这种情况经常发生(sheng)在(zai)企(qi)业推广产品(pin)或(huo)(huo)服务时(shi)，有两个(ge)同样(yang)重(zhong)要的(de)卖点或(huo)(huo)特(te)性需要展示在(zai)页(ye)面(mian)上。例如，出版系统，即有利于出版商，又(you)有利于读者。通过这种网页(ye)布局方式，设(she)计师不(bu)需要区(qu)分主要或(huo)(huo)次要元素，而访客会(hui)自觉关(guan)注(zhu)什么对(dui)自己更(geng)重(zhong)要。

(2) 表达一(yi)个二元性(xing)的(de)(de)想法。将屏幕一(yi)分为(wei)二，在设计上可以创建两个互不(bu)(bu)(bu)影响的(de)(de)空间，可以专注于不(bu)(bu)(bu)同的(de)(de)主(zhu)题(ti)，甚(shen)至(zhi)两个不(bu)(bu)(bu)同的(de)(de)产品。有时这种网页布(bu)局方式还可以突出显示两个互为(wei)相反(fan)的(de)(de)特征。

我(wo)们来看 Desktime 图书馆的女朋(peng)友,《肢体(ti)的绣感》意大利(li),亚洲成色av网(wang)站(zhan),偷(tou)偷(tou)藏(zang)不住(zhu)漫(man)画,电(dian)影免费高清(qing)观看全(quan)集的网(wang)页(ye)布局，他们将(jiang)(jiang)页(ye)面分为(wei)左右两(liang)部分，左侧用于满足(zu)有空(kong)闲办(ban)公室(shi)要(yao)出租的用户(hu)，右侧满足(zu)还没有自己的办(ban)公室(shi)，要(yao)寻租的用户(hu)。这将(jiang)(jiang)网(wang)站(zhan)上两(liang)个同样重要(yao)的功能有效地展(zhan)示了(le)出来。

Eight&Four，是(shi)一(yi)家数字营销公司，他们也将主页一(yi)份为二，网(wang)页设(she)计基于白(bai)色和一(yi)个平(ping)面(mian)颜色的(de)(de)对比方式。这里用来表达两个不同的(de)(de)特性，在页面(mian)上分别展示。

2. 自(zi)由(you)盒子的网页布局 ( Container-Free )

事实上，这是一种极简(jian)主义(yi)的(de)(de)网页布局(ju)方式，它的(de)(de)布局(ju)理念是尽可能(neng)地(di)消除图形结(jie)构，取而(er)代(dai)之的(de)(de)是更加自由和开放的(de)(de)风格。它常(chang)常(chang)使(shi)用简(jian)单的(de)(de)线性结(jie)构，甚至只采用个性字体(ti)的(de)(de)文字进行布局(ju)。

从 FOREWORD 的(de)主页上(shang)(shang)可(ke)以清晰地看到，他们将总(zong)部(bu)设(she)(she)在巴黎和纽约，页面(mian)上(shang)(shang)没(mei)有(you)图(tu)形图(tu)像设(she)(she)计，只通过开放(fang)式(shi)的(de)字体和颜色(se)的(de)设(she)(she)计来告诉用户他们该(gai)关注什么。

当然，极简(jian)主义(yi)的(de)网页布局并不是完全(quan)不能使用图像，例(li)如我们(men)也(ye)可以添加一(yi)张大背景图，来达(da)到视觉冲(chong)击的(de)效(xiao)果。这类似于我们(men)前面分享(xiang)的(de)《大道至简(jian)！欣赏18款(kuan)极简(jian)设计风格的(de)网站》一(yi)文。

3. 块状网格的(de)网页布局

我们必(bi)须在这里指(zhi)出，网(wang)格结构的布局方(fang)式非(fei)常容(rong)易创(chuang)建响应式网(wang)站。这种网(wang)页布局中的每个(ge)“块(kuai)”将(jiang)包含一(yi)个(ge)特(te)定的内(nei)容(rong)，它可能是一(yi)个(ge)标题(ti)、一(yi)个(ge)图像或一(yi)行文(wen)本。

每个“块(kuai)”的尺寸(cun)是统一的，且可以(yi)(yi)灵(ling)活(huo)改变(bian)宽高以(yi)(yi)适应各种(zhong)大小的屏幕。这使得“网格布局”成为一种(zhong)非常通用(yong)(yong)的网页(ye)布局模(mo)式，它可以(yi)(yi)有(you)效(xiao)地用(yong)(yong)于PC网站或移动应用(yong)(yong)程序(xu)。

GREATS 是一(yi)家位于(yu)纽约的男(nan)鞋(xie)销售企(qi)业，他(ta)们的产品销售主(zhu)要(yao)通过网(wang)站(zhan)。GREATS 的网(wang)站(zhan)选(xuan)择了网(wang)格(ge)布(bu)局(ju)方式，在主(zhu)页堆叠模块(kuai)，每个模块(kuai)显示一(yi)双(shuang)鞋(xie)子的图像。

4. 单一(yi)屏幕(mu)的网页(ye)布局

这种设计(ji)趋(qu)势我(wo)们在过去已经看到过很多(duo)了(le)，即(ji)网站是基于(yu)一个大的背(bei)景(jing)图像进行(xing)设计(ji)的，并且总能适应各种终端(duan)屏幕。通常，这类网站非常简单，他们倾(qing)向于(yu)简约(yue)的设计(ji)感(gan)觉(jue)。

然而，这种趋势的(de)(de)一(yi)(yi)个重要特征(zheng)是——没有(you)网页(ye)滚(gun)动条。换句话说，这些网站(zhan)总(zong)是采取单(dan)一(yi)(yi)屏(ping)幕，也就是一(yi)(yi)屏(ping)以内(nei)的(de)(de)网页(ye)布局方(fang)式。

因为可用空(kong)间是有(you)限(xian)的(de)，这要求设计(ji)师必须(xu)有(you)一个清晰的(de)内容(rong)布局方案(an)，而且要特别(bie)注意屏(ping)幕高度的(de)相关信息。大(da)多数(shu)情况下，图像会成为主(zhu)导设计(ji)，利用其展(zhan)示(shi)产(chan)品或唤起访客的(de)情感。

Shamballa Jewels 是一家经营珠宝首饰的公司，该网站(zhan)用一个(ge)独特(te)页面来展示他们(men)的产品，这个(ge)页面没有滚动条，且完全充满(man)整个(ge)屏幕。

该网站一个(ge)吸引人的(de)地(di)方是(shi)，背景(jing)总是(shi)在不停地(di)切(qie)换(huan)，实际(ji)上(shang)，他(ta)们也同(tong)时使用(yong)了“横向(xiang)分割屏幕”的(de)网页布局手(shou)法，来配(pei)合(he)图像的(de)交替效果(guo)。