1. David Wu首页
  2. web前端
  3. CSS

网站建设中的超细线条如何产生影响

去年,Web开发社区沉迷于垂直线条和垂直节奏。今年,我们看到了一些源自这种趋势的有趣解决方案。在整个接口中使用超细线就是其中之一。 这是一个非常小巧而优雅的趋势。有时乍一看可能很难注意到,但是在项目上花费了一些时间后,这一点变得显而易见。它不会跳到你身上。它等待被发现,并以精致,精致的性质吸引观众。 让我们考 WP网站建设

去年,Web开发社区沉迷于垂直线条和垂直节奏。今年,我们看到了一些源自这种趋势的有趣解决方案。在整个接口中使用超细线就是其中之一。

这是一个非常小巧而优雅的趋势。有时乍一看可能很难注意到,但是在项目上花费了一些时间后,这一点变得显而易见。它不会跳到你身上。它等待被发现,并以精致,精致的性质吸引观众。

让我们考虑一些主要的例子,看看艺术家如何玩它以及它如何使网站受益。

Dixtior

我们将从数字代理公司Dixtior开始,其中超细线条是整体美学的核心。

他们马上见到你。加载后,您偶然发现了从右到左延伸的连续超细线。它也开始运动。注意英雄区域没有什么特别的。它只是具有图像背景的常规部分,用于演示办公室的工作流程。但是,由于这种微小的趋势,它看起来很有创造力和技巧。

而且,在网站的各个角落都可以看到超细线条。每个部分都有其趋势的剂量。在某些情况下,它们与标题一起使用,就好像它们指向它们一样。这样,他们给了他们更多的关注。

在其他情况下,它们被用来丰富文本和图像甚至是悬停状态的块,从而使基本元素具有细微的变化。当然,它们被用作纯装饰细节。结果,这里的主题遍及所有部分,创造了一致而和谐的体验。

WordPress网站建设

WordPress网站建设

扎伊诺

Zajno是另一种情况。与前面的示例非常相似,团队在界面的每个部分都利用了超细线。该网站甚至会以一个初始屏幕打开,其中的竖线表示英雄区域。有垂直的和水平的。

后者通常与标题一起使用,而笔直笔划则用于创建视觉路径,自然地将访问者从一个部分引导到另一部分,或从一个文本块引导到另一个文本块。

而且,该网站具有独特的背景。这是一个具有球状网格的交互式画布。它完全符合趋势,从而使项目感觉更加复杂。

网站建设中的超细线条如何产生影响

时钟实验室

Clock Lab是乌克兰创意机构的官方网站。在这里,您可以感受到隐藏在垂直节奏中的力量:它可以从用户界面的各个方面受益。而且由于负责直立方向,因此团队在设计中使用了很多线条也就不足为奇了。

它们用于完成各个部分,并为体验增添些微的热情。请注意,填充设计的不仅是垂直线,还包括水平线。正如您可能已经猜到的那样,它们伴随标题,从而自然地将观众的注意力引向这些部分的名称和内容。

网站建设中的超细线条如何产生影响

家教

Homecult头版后面的创意团队选择了标志性的线条样式,该样式只是超薄线条的理想合作伙伴。在这里,巨大的空心圆圈标记了主屏幕。但是,它不会像拇指酸痛那样突出。

相反,它像手套一样合适。在整个设计中仔细分散的一串短线可以帮助解决此问题。它们在导航和号召性用语下划线,并用作背景装饰,从而在UI的每个角落都支持主题。结果,该网站在每个部分都感觉优雅,时尚和现代。

网站建设中的超细线条如何产生影响

普罗多蒂

与前面的示例非常相似,该网站介绍了一家从事室内装饰的公司。时髦的解决方案再次完美融合。它为界面提供了一些脆弱的复杂感,带来了优雅和精致。您可以在UI的各种组件中看到直线的,短标记,大部分在水平方向上。例如,超细线连接了“上一个”和“下一个”控件,从而避免了它们看起来过于枯燥或琐碎。

每张幻灯片的标题下面都有一条很长的线。尽管它不会给后者增加任何视觉上的重量,但它仍然可以用于多个目的。首先,它指示轮播中幻灯片之间的切换。其次,它装饰了整体外观,很好地与导航,图形甚至徽标相呼应。最后,它将所有内容联系在一起。

网站建设中的超细线条如何产生影响

故事–头酒

Head Wines背后的团队在不过度采用趋势的情况下采用了这种趋势。但是,这足以添加优雅的特征并使整体设计富有品味。像往常一样,您可以在标题附近找到短笔触,并在视觉上将各节连接起来。这会产生一种永无止境的内容感觉,它从上到下缓慢地流动。

此外,请注意几件事。首先,有大量的空白。其次,阴影中偶尔会出现垂直节奏。第三,背景本身并不像乍看起来那样原始。有些部分包含有助于整体主题的轮廓图。最后,图形和徽标的设计都考虑了轮廓样式。

使长话短说; 该网站是构图和谐的一个示例,其中超细线条设置了气氛,并巧妙地与其他设计功能相互影响。

网站建设中的超细线条如何产生影响

使用细线增强网页设计

在网站设计中使用超细线可以进一步证明,即使用户界面的最细微的细节也可以发挥作用。他们是有效的创造者,有助于创造美学和用户体验。通常,它们会使UI的各个部分受益。但是,通常可以找到它们:

  • 靠近头条新闻,使他们更加关注;
  • 作为按钮或图标的一部分,以将其与内容流分开;
  • 靠近导航;
  • 在滑块中;
  • 作为在主要内容附近的背景或前景上使用的常规装饰;

可以单独使用趋势,也可以与线条样式一起使用趋势,以使您的项目具有时尚而精致的优势。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/10653

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注