2016年网页设计趋势预测:垂直分屏

2016年网页设计趋势预测:垂直分屏

浏览预测今年网页设计趋势的文章,垂直分割屏幕似乎注定要大受欢迎。这种风格的网站设计通常给用户提供了两个选择方向他们希望从登陆页面,网站上还可以显示一个图像,一边对部分或一个菜单,或者一个链接或链接到其他网站的重要领域在另一边。

然而设计师使用了这种风格,它似乎正在加速,所以我们选择了一些最好的垂直分割屏幕设计的例子,在你的灵感。

分屏登陆页

马修·霍尔

马修·霍尔(Matthew Hall)在登录页面的左侧使用了自己的黑白图像,而右侧包含一个汉堡包菜单按钮、他的“关于”(About)部分和一个箭头,指示您应该通过拖动、滑动或单击来继续他的垂直滚动站点。

马修·霍尔

预防R3峰会

这个网站使用了一个图像的梯度透明度在左侧。屏幕的这一侧也有汉堡包菜单图标。右边是可滚动的,内容是2016年峰会的详细内容,如活动计划、演讲嘉宾、活动安排等。

预防R3峰会

2016利勒哈默尔

2016年青年奥林匹克运动会将在挪威的利勒哈默尔举行,这是该赛事的官方场地。在这个网站上,屏幕不是对半分的,屏幕左边较小的部分显示了比赛日期和一个倒计时时钟——这个时钟是由Omega提供的,点击这里的链接将带你进入他们的网站。左边的部分也包含一个到比赛时间表的链接。屏幕的右侧显示了一个图像,并在页面的底部包含一个菜单栏,以及用于在垂直滚动的站点上移动的滚动箭头。左上角的大+按钮显示图像标题。

2016利勒哈默尔

Desktime应用

这个屏幕显示了两个动画背景,屏幕的每一半都有对比鲜明的蓝色透明度。左侧有一个注册CTA按钮,右侧包含一个搜索框来帮助您“找到完美的共享工作空间”。

Desktime应用

杜威的披萨

这个网站有一个幻灯片展示3印刷推广项目在左边,和一个CTA在右边购买电子礼品卡。菜单覆盖在页面的中间。

杜威的披萨

这个站点在左边使用一个大的红色方块,上面只有他们的公司名称和他们是数据机构的事实,而右边只有一个灰色背景的红色箭头,你可以进入这个网站。

55

标致

在这个登陆页面上,两张幻灯片显示了并排运行的问候。他们的子标题在顶部的导航栏是“运动和情绪”。屏幕左侧有一个“发现”CTA按钮,代表“运动”部分,右侧有一个“感觉”CTA,代表“情绪”部分。

标致

建设论文

这里是另一个站点,它使用屏幕的左侧来显示其徽标和图像。右边是他们的关于部分,包括一个链接,邀请你订购他们的数字指南。

建设论文

这个网站使用一个分裂的屏幕,当你在这里登陆时,你正在查看他们的工作组合。左侧的导航栏可以让您移动到您感兴趣的项目,或者您可以简单地向下滚动页面来查看它们。屏幕的右边有一个项目的小说明,一个幽灵按钮访问网站和另一个空心按钮去他们的联系方式。

工作室元

绿色十三世

这是一个标志和网页设计师维克多的投资组合网站。登陆页面的左边是一个带有设计师logo的自然图片,右边是他的关于页面和社交媒体链接。向下滚动页面将带您到站点的其他部分。

绿色十三世

Carel & Piet Hein

这个业务项目由两个指定的人员运行,分屏显示了他们的图像。这是这里使用的分屏的唯一点,导航菜单运行在页面的顶部,向下滚动会把你带到他们的About部分。

Carel & Piet Hein

R / K

这是乌克兰设计师Roman Kirichik的作品集网站。一个非常简单的单色设计,一个汉堡菜单图标占据了页面的中间,白色的一面,一个关于设计师的段落和一个查看他的作品的CTA按钮占据了页面的右边,黑色的一面。

R / K

海洋度假住宅

这个网站渗透着奢华与它的美丽的图像。登陆页有一个分屏,有两张图片,幻灯片显示有一些全宽和一些分屏图片。他们还利用登录页面作为访客注册他们的时事通讯的机会。

海洋度假住宅

Res.im

这个小团队是数字产品开发人员。他们的分屏登陆页面左边有一个黑色的块,有一个导航菜单,一个口号和一个“让我们一起努力”的CTA。右侧显示了他们的一个应用程序和案例研究的链接。

Res.im

Joris Delacroix又回来了

这是这个歌手的新音乐录影带的宣传网站。这里的分屏让您选择左边的简单体验,或者右边的交互体验。

尤里斯德拉克洛瓦

阿迪达斯足球

这个登陆页提供你“选择你的边”,边是两个足球靴模型,左边是X15+ Primeknit,右边是ACE15+ Primeknit。

阿迪达斯足球

德夫人

这个站点在主页的左侧用一个淡蓝色的透明块分割,它覆盖了整个屏幕图像。登陆页面没有cta,只有logo、提供的服务和报价,还有一个很小的(几乎不可错过的)汉堡菜单图标。

德夫人

成千的太阳镜

几十款太阳镜都有他们所谓的“终极滤镜”。登陆页面的右侧是一位女性在下雪的情况下戴着一副太阳镜的图片,左侧是她们的“巡洋舰”模型。

成千的太阳镜

你好,周一

Hello Monday是一家数字创意公司,它的使命是把一周中最糟糕的一天变成最好的一天。我们创造愉悦的数字体验和独特的视觉识别,让大脑发痒,让眼睛愉悦,让品牌的心与消费者的心相连。他们用屏幕的左侧来描述项目,而右侧有一个带有鼠标悬停动画的图像。

你好,周一

Mobili加尔文

这家意大利家具供应商的登陆页面被两个稍微偏移的图像分割,每个图像都有一个“呼叫-行动”按钮。左边的图像会带你去他们的品牌,右边的图像会带你去他们的服务。

Mobili加尔文

结论

因此,从上面的例子中可以看出,使用分屏有许多不同的原因。对一些人来说,它只是一种时髦的展示网站的方式,而对另一些人来说,它可以很好地呈现他们想要吸引访问者注意力的两件主要事情。

你觉得这种设计风格怎么样?你认为这一趋势在今年还会继续下去,并且越来越受欢迎吗?或者你认为它会在没有产生太大影响的情况下消失吗?请在下面的评论部分与我们分享你的想法。

2020-03-20 17:44
相关热门