网页设计在2015年的流行趋势

发布时间:2015-03-18 编辑发布:迪麦互动

   互联网在当今时代发生了翻天覆地的变化,网站设计也不例外,但从你收集的作品里不难发现,网页的基本结构千变万化,根本没有固定形态。它可以伸缩变化成任何所需的东西 。我认为这是响应式网页设计带来的最棒的副产品。事实上,新的准则,就是根本没有固定准则。
    综上所述,我们能观察发现几种重大的排版设计趋势,能够代表我所理解的非常规布局,构思网页设计的基本结构,具体分为以下几大类:
分屏式
    在这类中,我们精选的网站都用了垂直分隔线来分割屏幕。可能这么做有很多原因,通过研究大量此类案例,我发现主要有两点。
    其一,有时候在一套设计中,的确存在两个同等重要的主体元素。网页设计的通常方法,是按照重要性给内容排序。然后重要性会体现在设计的层次和结构上。但是假如你 就是要推广两样东西呢?这种方式,可以让你突出两者,并让用户迅速在其中做出选择。
    其二,有时你要表现出一种重要的两重性。以Eight and Four网站为例。他们在此要表达的是,他们的核心竞争力来自植根数字领域,还有多才多艺的员工。这两点成就了 他们。通过屏幕分割来表现这一点,是种令人愉快的方式。


简洁化
    网页设计中的主要元素之一,就是容器元素:方块、边框、形状和所有类型的容器,用于将内容从页面中分离开。想象一个古板的页头,元素刚好容纳其中,与内容分隔开。如 今的一项普遍趋势,就是去除所有这些额外的界面元素。
    这是种极简主义的方式,但它更进一步,带来一些有趣的转变。

    

    在这个例子中,他们把页头和页尾的概念统统去掉了。反而更像一个交互式杂货摊。从左向右的排列,就基本完成了内容层次的排布,有助于让排版更加直观。用于分隔导航和 内容的界面就不需要了。取而代之的是漂亮的产品惊艳全场。
模块和网格式
    接下来这些排版方式,建立在模块化或类似网格的结构上。在这些设计中,每个模块都力图根据屏幕尺寸伸缩调整。实际上这并不是什么新的方式,不过响应式网页设计让它变 得更加有用。它暗示了一种自适应布局模式,可以像搭积木一样,由各种模块组件创建而成。

    

    这个案例完美地诠释了这一点。整个设计都是响应式的。随着屏幕尺寸变化,每个模块都改变尺寸来适应空间。均匀划分屏幕使得设计更易于适应。他们还(在大屏幕尺寸中) 引入一些元素来打破模块界限的束缚,这是画龙点睛之笔。
单屏式
    最后,还有一些网站采用这样的方式,让设计完全在一屏内展现。这是响应式设计的一个分支,因为它会适应屏幕尺寸。不过在这个绝佳案例中,整个设计的适应方式完完全全 吻合屏幕,没有产生滚动条。没有滚动,意味着内容必须极度聚焦,而且要建立清晰的内容层次。我发现这些网站的聚焦能力和清晰程度,令人耳目一新。

    

    以上几大类都表现为积木块的形式,只是通过不同的方式来组合。当代网页设计的布局多样化,而且确实合乎使用,造就了如此激动人心的互联网媒体。  


分享至: