关于前端:如何使用-WordPress设计极简网站

5次阅读

共计 2966 个字符,预计需要花费 8 分钟才能阅读完成。

超过 38% 的网站在应用 WordPress,这使得 WordPress 成为最受欢迎的内容管理系统之一,被宽泛用于集体博客、期刊、报纸以及企业演示网站。这些网站的设计格调各不相同,其中一些合乎以后的设计趋势。然而,在 WordPress 设计中,极简主义是最弱小和倒退最快的趋势之一。如果您正在应用 WordPress 来构建您的网站,那么您不会想要错过这一重要的设计趋势。在本文中,咱们将探讨极简主义的含意以及如何在您的 WordPress 网站中利用它,从而使您的网站在视觉和性能方面更加杰出。

古代 WordPress 设计办法是极简主义

大多数在线设计都受到极简主义的影响。极简主义的在线设计能够追溯到 2000 年代初期,它将艺术与人机交互相结合。另一方面,在泰特网站上,极简主义被定义为“1960 年代在美国发明的一种极其模式的形象艺术,以由基于正方形和长方形的几何形态组成的艺术品为特色”。从美学的角度来看,极简主义设计使您网站的元素放弃简略、有序和谐和。转换、个别组合、导航和其余性能能够在风行的组合 WordPress 主题和简略的 WordPress 主题等中找到。

一个简略的 WordPress 设计能够让您在网站上事倍功半,简直能够必定会确保良好的可用性。极简主义是以后的网页设计策略,基于强调简略性的平衡性能。模块化零碎中的每个局部都能够到处挪动,并且看起来依然丑陋而简略。“具备讥刺象征的是,在在线设计的背景下,简略性的定义要简单一些,”Usability Geek 说。这不仅仅是对于网站的外观;它是对于用户如何与整个网站进行交互的。”如果您在 WordPress 网站上抉择这种模式的款式,您的音讯和提醒将很容易疏导用户。

极简主义 WordPress 设计最佳实际

您能够应用 WordPress 主题和多功能页面构建器简略地设计一个响应式、原创和极简主义的网站。专一于您的公司的全部内容以及定义它的特色。这将确保您的网站是举世无双的,并依据您的需要量身定制。在极简主义设计方面,咱们编制了一份您能够在 WordPress 网站上应用的最佳实际列表。

1. 负空间

为了将读者的体验引向您感兴趣的产品 / 主题,请在文章之间应用大量的负空间。此外,空白空间示意设计均衡,这会激励访问者在您的网站上破费更多工夫。如果您以后正在应用页面构建器,则能够通过向构建器元素增加边距或填充,或应用间距模块(甚至 Gutenberg 蕴含一个简略的 Spacer 选项)来实现此目标。

2. 暗藏导航 / 汉堡菜单

如果您应用这两个菜单选项之一,您将在您的网站上取得杰出的用户体验。这可能会影响您的网站在 SERP 中的体现,甚至会影响有多少人转化为客户。与其专一于内容格局,不如专一于为您的主题建设菜单项。为了实现这种印象,许多最好的 WordPress 主题都具备画布外或笼罩菜单款式。

3. 统一的着色

“在最简洁的界面中,色彩被奇妙地用于发明视觉趣味或集中注意力,而无需增加任何额定的设计元素或理论图像。”单色、灰度或两种强调色是 WordPress 网站中最常见的极简主义模式。调色板能够帮忙您为您的网站抉择适合的组合。即便是最简略的主题也有通过实时主题定制器内置的色彩选择器,您至多能够应用它来增加强调色。另一方面,页面构建器将为您提供对站点色彩设计的更多管制;只需确保为您的模块抉择统一的调色板。

4. 革除字体应用

“无效地应用排版能够补救图片和动画的有余,使您的网站在视觉上更具吸引力,”Medium 博客说。字体建设了层次结构,表明什么对您的访问者很重要,并帮忙他们浏览网站。”要使整个页面吸引人且易于浏览,只需抉择字体粗细、高度和对比色的正确组合。尽管大多数主题都带有字体抉择,但手动(应用大量代码)或应用插件加载新字体很简略。只有确保定制字体的数量放弃在最低限度(毕竟这是极简主义的指南)。主体字体和题目通常一起应用。

5. 要强调的简洁细节

极简 WordPress 网页设计中的每个元素都有一个定义的性能。思考到每个性能都为您的读者服务。不要被小部件或构建器模块冲昏头脑。给访问者太多难以下咽的内容会使他们感到困惑,他们会在浏览您所有有价值的内容之前放弃您的网站。同样,请确保您网站上的每个页面都有不同的用处。例如,无需在您的“对于”页面上蕴含博客文章的摘录;恪守您的团队​​或公司的主旨申明就足够了。

6. 用户敌对和直观的界面

将您的网站视为一张地图。访问者通过主页进入,该主页通向提供重要且引人入胜的信息的其余门(页面、帖子等)。利用菜单和面包屑(通常蕴含在您的主题或 SEO 插件中)帮忙访问者跟踪他们在您网站上的地位。精心设计的直观界面将为您的读者提供欢快的互动体验。

7. 响应式设计

因为极简 WordPress 设计中的元素很少,所以更容易使其响应。如果没有太多的 CSS 和 Javascript,该网站应该运行良好。当初简直每个主题都是响应式的。要使该性能失常工作,您无需执行任何操作。如果侥幸的话,您的主题还将包含挪动菜单的款式,甚至是独特的断点,让您真正依据本人的须要定制您的网站。

8. 视觉谐和

您网站上的所有资料都应该分类并分成几局部。视觉效果和资料都必须很好地均衡并组织成逻辑畛域。色彩、形态、纹理、模式、空间、线条和值是用于对网站元素进行分类的一些次要类别。您能够通过应用灵便而直观的主题和页面构建器拖放元素来疾速创立所需的布局(例如,带有 WPBakery 的 Total Theme、带有前端 tagDiv 页面构建器的报纸主题、Divi 和 Divi 构建器等). 最风行的多用途主题也包含这种性能。

9. 号召性用语的应用

当您心愿访问者执行特定操作(立刻购买、注册、发现、浏览更多或试用)时,会应用 CTA 按钮。这些是号召性用语,如果施行切当,会将您的读者转化为潜在客户。确保按钮是可点击的,并且四周有负空间和对比色。确保您的 CTA 按钮指向正确的方向。同样,如果您应用的是页面构建器(包含古腾堡),则应该存在 CTA 模块。至多,您能够应用文本模块和按钮创立本人的模块。

应用起码元素显示内容的技巧。

极简主义网页设计非常适合创立您的第一个网站、保护集体博客或为您的摄影业务创立作品集网站。这将确保您的资料引起所有读者的留神。让咱们来看看您的整体网站设计中必须蕴含的元素:

  • 所有元素,包含色彩和背景,都应该服务于理论目标。只需放弃物品洁净整洁,打消芜杂。

<!—->

  • 应用来自与所展现资料相干的信用良好的起源的您本人的图片库中的照片。审慎应用它们,只有在它们对强调文章 / 主页的要点十分重要时才应用。

<!—->

  • 最重要的内容应始终位于页面顶部。应用对比色或优雅的框来引起对这部分的留神。

<!—->

  • 应用清晰的字体。

<!—->

  • 您能够从您创作的作品中制作内容块。

极简主义如何晋升您的业务

如果您过着极简主义的生存形式并领有集体游览博客,那么您必定会致力将设计趋势融入您的网站。另一个失当的例子是您的公司。应用这种设计格调,如果您能以根本的形式展现信息,您将能充分利用您的信息。极简主义设计与极简主义生存形式之间存在分割。

如果您明确定义了您的指标并在您的网站上设置了视觉层次结构,您的公司将会获益。喜爱您的资料的人会心愿看到更多并收到更多。极简主义是性能的代名词。简略的网页设计能够为您的内容减少价值,而功能齐全的网站是商业胜利的秘诀。

正文完
 0