Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 131|回复: 0

个具有垂直分屏布局的动态网站

[复制链接]

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
发表于 2023-8-31 11:58:42 | 显示全部楼层 |阅读模式



设计趋势:垂直分屏布局 桑德拉·博伊切娃 年 10 月 14 日 分屏设计适合任何内容较少的网站类型。它们创造出现代的外观并为创造力提供空间。当然,我们可以在整个网络上看到垂直分屏网站,因为这种趋势正在上升,成 年最大的 UI/UX 设计趋势之一。这就是为什么在这篇博文中,我们将看到 14 个网站的实例分屏布局。 在这篇文章的最后,我们还回答了有关垂直分屏设计的3 个最常见的问题。 年 10 月更新:2023 年UI /UX 设计趋势将以更大胆、更多样化、更具实验性的数字体验取代极简主义。

去看一下。 关于垂直分屏布局的常见问题解答 什么是垂直分屏布局? 您应该使用垂直分屏布局吗? 何时使用垂直分屏布局? 分屏设计网站示例 简而言之,垂直分屏是指将屏幕分为两半的布局。根据您的操作方式,有几种方法可以创建分屏设计: 经典分屏:布局有 比利时电话号码表 两个对称面板,可以轻松组织块内的内容。 不均匀分割:布局被不对称地分割,以便为一侧提供额外的重量,最终引起该侧的注意。 假分屏: 专为美观目的而设计的假分屏布局。 分层拆分:当您将分屏趋势与分层相结合时,这意味着一个屏幕的某些元素可以与另一个屏幕的元素重叠。 现在让我们看看一些将分屏布局融入设计的时尚网站的实例。 1.有根据的猜测:固定导航屏幕和可滚动项目部分 垂直分屏网站示例受过教育的猜测设计实验室 UI UX 设计趋势 Educated Guess 是一个品牌研究实验室,拥有经典的分屏布局网站。左半部分堆叠了带有有关机构信息的导航选项,并在同一屏幕上打开每个选项,而不会影响另一个选项。另一方面,右侧屏幕允许用户滚动浏览不同的案例和项目。



实时网站: Educed Guess | 设计者: Ryan Sheehan(美国) 2、企业数据:分屏视觉权重 垂直分屏网站示例企业 Dada 应用口号生成器 UI UX 设计趋势 该网站用作企业口号生成器应用程序,可生成不适合您需求的标题。效果仍然出奇的好。左侧被徽标占据,具有重量感,并将访问者的注意力吸引到右侧,他们可以在右侧生成和复制公司口号以获取灵感。 实时网站:  企业数据应用程序| 设计者: Dominik Sigrist 和 Kevin Bloch(瑞士) 3. Biospring:不均匀的分割,注意正确的屏幕 Vertical Split Screen Websites Examples Biospring UI UX Design Trends  该网站是为一家新兴的生命科学增长基金设计的,采用分屏布局和不均匀的列,将注意力吸引到用户可以滚动浏览内容的右半部分。左栏容纳视觉效果和过渡,为整体设计提供一些良好的动态。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|DiscuzX

GMT+8, 2024-11-27 19:58 , Processed in 0.040258 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表