蓝晖培训
扫描关注蓝晖
培训微信公众账号

扫一扫微信二维码

分享下2015年的网页布局 有哪些新的创意

蓝晖科技o2015-04-29o经验之谈o

每年都会有一 些新的网页布局创意产生,而使一些较老 的布局方案淘汰。毫无疑问,2015年的网页布局 是要响应各种终端设备。实际上,这种趋势早在2010年就在国外开始蔓延,我们可以预见的是,它在未来仍将 是网页布局的核心方案。

当然,这并不意味着 网页布局必须朝着同一个标准化结构进行设计,相反,可能会有更多、更灵活的布局 方式产生。在2015年,我们至少确定 了网页布局发展的四个趋势,你可以从这些 布局中找到最好的灵感,作为你的起点。

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

横向分割屏幕 是指在网页设计时,将屏幕分为左 右两个部分,这两个部分的 宽高通常是相同的,且保持垂直横向排列。这么做的主要 原因有两点:

(1) 同时显示两个 重要的特征。这种情况经常 发生在企业推广产品或服务时,有两个同样重 要的卖点或特性需要展示在页面上。例如,出版系统,即有利于出版商,又有利于读者。通过这种网页 布局方式,设计师不需要 区分主要或次要元素,而访客会自觉 关注什么对自己更重要。

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

我们来看 Desktime 首页的网页布局,他们将页面分 为左右两部分,左侧用于满足 有空闲办公室要出租的用户,右侧满足还没 有自己的办公室,要寻租的用户。这将网站上两 个同样重要的功能有效地展示了出来。

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

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

事实上,这是一种极简 主义的网页布局方式,它的布局理念 是尽可能地消除图形结构,取而代之的是 更加自由和开放的风格。它常常使用简 单的线性结构,甚至只采用个 性字体的文字进行布局。

从 FOREWORD 的主页上可以 清晰地看到,他们将总部设 在巴黎和纽约,页面上没有任 何图形图像设计,只通过开放式 的字体和颜色的设计来告诉用户他们该关注什么。

当然,极简主义的网 页布局并不是完全不能使用图像,例如我们也可 以添加一张大背景图,来达到视觉冲 击的效果。这类似于我们 前面分享的《》一文。

3. 块状网格的网页布局

我们必须在这里指出,网格结构的布 局方式非常容易创建响应式网站。这种网页布局 中的每个“块”将包含一个特 定的内容,它可能是一个标题、一个图像或一行文本。

每个“块”的尺寸是统一的,且可以灵活改 变宽高以适应各种大小的屏幕。这使得“网格布局”成为一种非常 通用的网页布局模式,它可以有效地用于PC网站或移动应用程序。

GREATS 是一家位于纽 约的男鞋销售企业,他们的产品销 售主要通过网站。GREATS 的网站选择了 网格布局方式,在主页堆叠模块,每个模块显示 一双鞋子的图像。

4. 单一屏幕的网页布局

这种设计趋势 我们在过去已经看到过很多了,即网站是基于 一个大的背景图像进行设计的,并且总能适应 各种终端屏幕。通常,这类网站非常简单,他们倾向于简 约的设计感觉。

然而,这种趋势的一 个重要特征是——没有网页滚动条。换句话说,这些网站总是 采取单一屏幕,也就是一屏以 内的网页布局方式。

因为可用空间 是有限的,这要求设计师 必须有一个清晰的内容布局方案,而且要特别注 意屏幕高度的相关信息。大多数情况下,图像会成为主导设计,利用其展示产 品或唤起访客的情感。

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

该网站一个吸 引人的地方是,背景总是在不 停地切换,实际上,他们也同时使用了“横向分割屏幕”的网页布局手法,来配合图像的 交替效果。

文章关键词
网站设计趋势
网页布局
友情链接:    注册彩票网站   杏耀彩票---首页_欢迎您   37彩票代理   地球人彩票官网   361彩票_安全购彩