怎样做好分屏网站设计

发布时间:2020-08-29 21:12:26访问人数:作者:张工

有时候一种网站设计的风格会比较流行,而且变成经典,比如全屏化的风格。当然,还有的设计是起起落落,刚开始的时候可能很流行,但是随着时间的推移慢慢地被遗忘了,等到过了一段时间之后又有人在用了,还会流行一段时间,比如说分屏的网站设计风格。

其实分屏的设计,用在网站布局上面也是比较精妙的。它通过视觉上的差别,唤起了用户的兴趣,给网页也能带来生机与活力。那么,如果将分屏的设计理念应用在企业网站上面,是不是会收到不一样的效果呢?而这也启示我们,怎样才能做好分屏的网站设计呢?下面我们就来一起探讨下吧。

Effect Lab

Effect Lab利用了较大的左侧裂缝。原因很简单,左边是用户开始从屏幕浏览网页的地方,这是我们自然的阅读行为习惯。所以,这是一个重要的东西应该放置的地方,比如标志、口号等等。

他们把标题和方便用户浏览的放在左边部分,由于它的大小和大量的空白,自然吸引了注意力。而右边则变成了一个补充元素,包括以博客风格呈现的内页链接。由于有了生动的背景,它们获得了视觉上的权重,使它们能够与相邻的进行很好的匹配。

GQ日本

GQ日本和机车呈现了一个小趋势的滑块,利用不对称来分屏的概念。从本质上讲,该解决方案是基于传统的垂直分割布局,即左侧比右侧大。这样,左侧就扮演了一个伴生的角色。你可以在这个区域放置导航,标志,标题等。

右边是用来承载内容的。这还不是全部;还有另一个街区位于两边的交叉口。就《GQ》杂志而言,它显示的是一幅图片,而机车用它来播放视频。这个街区连接了所有的东西,同时也成为了一个引人注目的地方,聪明的和有趣的。

Home Societe

Home Societe展示了一组无缝不对称分割屏幕在我们的收藏。虽然在前面的例子中,由于鲜明的对比,左右两边很容易区分,但这两个显示了一个微妙的,几乎是脆弱的概念本质。

Home Societe用干净的表面和大量新鲜的空气与在线观众见面。第一个块包含欢迎图片和垂直导航,而第二个块包含所有内容,以«About»部分开始,以«Contacts»结束。这两个区域之间的过渡是非常无缝的,你轻轻地从一个部分流动到另一个部分。

Golden Green

说到不对称,首先映入我们脑海的当然是欢迎屏幕的不均匀划分。Golden Green就是典型的分屏网站。他的主页面区域被分成两部分,一部分比另一部分大。

Golden Green背后的团队走了一条老路,使用的解决方案不是针对主页面区域,而是针对整个网站。美丽的图像出现在前面,吸引了整体的注意力,使信息更加引人注目。团队还交替使用块来增强内容流和可读性。

总之,我们看到了分屏网站的魅力,现代的分屏被用来使布局更有趣,使内容更生动,并以一种创造性的方式呈现出来。在以后的企业网站中,我们应该还会看到越来越多的分屏网站,也希望这些设计效果能给用户带来不一样的视觉体验。

赞+1
分享:

版权:【注明为本站原创的文章,转载请注明出处与原文地址!本站部分转载文章能找到原作者的我们都会注明,若文章涉及版权请发至邮箱:office@zhubiaotech.com,我们以便及时处理。向本站投稿或需要本站向贵司网站定期免费投稿请加QQ943345387】

上一篇
下一篇
SEO按天计费
域名注册

助标网络 版权所有 Copyright © 2012-2021. 未经许可,不可拷贝或镜像  沪ICP备18014743号-1  沪公网安备:31010702004598

  • QQ
  • 电话
  • 首页
  • 留言
  • 返回顶部