您可以将许多元素融入到您的 WooCommerce 独立站网页设计中,并保持您的访问者的关注。这些包括影像,视频,甚至声音。然而,几乎每一个网站的最重要的部分是访问者阅读的内容,以获得他们所阅读的信息。

  如果您想使信息更容易阅读,视觉上更有趣,并为该文字新增到一个网站的整体设计,您必须了解印刷排版。这是制作既实用又美观的文字的艺术和技巧。如果您想学会使用印刷术,看看这几个规则,每一个设计师都应该牢记在心。

  1 、使文字字型

  衬线字型的文字是绝对美丽的。较大的印刷应用,如标题、标题和副标题。不幸的是,在屏幕上,衬线没有规模时,较小的显示内容如文字块。衬线,看起来不错,在一个更大的尺寸,使文字难以阅读时,字型变小。因此,明智的做法是把衬线大文字和依靠可读性可能是一个问题。更好的是,整洁干净,光滑,SANS 字型和节省印刷字型的现代外观。

  2 、在设计过程中早期考虑智慧引号和其他符号

  您已经访问了一个网站,某些符号将无法正确显示。有时,他们被一个问题或一个奇怪的字串替换。其他时候,他们根本就不在那里。这通常是在微软的单词或另一个软件包中建立的文字移植到一个网页上的结果。它也很常见的欧元符号,双位元组字元,和其他符号。为了避免这个问题在您的最终设计中,您有几个选项。首先,您可以修改您的内容,以摆脱这些符号。如果您愿意将这些符号转换成自然语言的话,这是很正常的。您也可以使用 HTML 来确保符号的正确显示,而不是仅仅依靠复制和贴上。无论您决定什么,一定要在您可以测试的每一个浏览器的网页上。什么可能解决一个问题,在一个浏览器中的符号可能没有有效的在另一个。

  3 、高阶 CSS 技巧是非常重要的

  如果您有了好的 CSS 技巧,您的访问者能够通过一个绝对无缝的方式登入您的网站页面。如果您建立了您的样式表是正确的,说到排版,您甚至可以有同一页的多个版本仍然保持连续性好。当然,您不需要用很多的诡计。好的 CSS 可以帮助您避免。为什么一贯的印刷术是如此的必要呢?使用 CSS 保持一致的字型给您的网站一个专业的、锐利的目光。相反,您只需要使用适当的样式表。如果您真的决定,在一个特定的页面,您要打破规范,做一些不同的事情,排版为了创造一个影响或吸引注意力的东西,它会站出来,更感谢您使用 CSS 。

  4 、微观和巨集观的印刷术是重要的

  微型印刷术涉及与可读性有关的排版的细节。例如,间距是一个关注相关的微印刷,如缩放,和对比度。您所做的调整,以确保一个块的文字是可读的任何装置或浏览器都涉及到微排版。巨集观印刷术涉及的方式,您的选择关于印刷术的关系到您的整体设计。它涉及到美学。好的印刷术考虑了微观和巨集观的印刷术。您曾经访问过一个网站,使用了一个非常整洁的外观,自定义字型,也几乎不可能阅读?这就是当关注的是巨集观的印刷,但不是微印刷。

  5 、了解设计内容以及设计

  正如您所知道的,一个好的网站有流量。这部分内容是页面上的内容的可读性。我们已经讨论了如何通过像衬线的影响,我们已经讨论了如何虚拟文字不能代替真实的东西,当它涉及到设计的后期阶段。我们还没有通过。内容真的是王。一旦最终设计,包括内容,都到位了,您必须阅读网页。当您阅读完您的设计完成后的内容,您可以确定是否有空格或行中断的问题。这些可以使内容混淆,甚至无意地改变内容的意义。使用一些排版技巧来解决这些问题,可以确保您的最终产品准确地传达您或客户的意图。

  6 、了解层次结构的重要性

  层次结构是您给访问您的网站的人的路线图。您可以使用影像、视频、颜色和(当然)排版来建立层次结构。这只是一个引导游客的第一件事,您希望他们看到的下一个,等等。随著印刷术,您可以使用大小,字型的变化,和间距,以帮助定义的层次结构。事实上,如果您有一个页面,不是转换,您可能会想玩周围的排版,看看您的任何变化将有助于引导游客到呼叫行动按钮。

  7 、要有创意,但要谨慎

  最简单的方法,以确保您永远不会有可读性麻烦,由于字型颜色和背景颜色的问题是使用最高的对比色有,黑色和白色。不幸的是,这是一些非常无聊的设计。不要害怕使用颜色。事实上,不要害怕使用的颜色组合,看起来好像他们会工作。有时,只需一个或两个色调较轻或较深的是您所需要做的。然后,您的字型从可读完全可辨,真的很酷。

  8 、考虑一下您的文字看起来像是放大的

  不管他们用拇指和食指或点选缩放按钮,人们会让您的文字更大。有时,他们这样做是为了适应一个较小的屏幕。这将是伟大的,如果每个人都能够检视您的文字的意图,但与婴儿潮一代往往需要一些额外的帮助看文字,这是根本不可能。如果扩大使用一个字型,请小心点。

  结论

  希望,这篇文章会影响 WooCommerce 独立站网页设计师把更多的思考放到排版,也找到更有效、更创造性的的方法来设计他们的网站。更多更新 WordPress 外贸独立站网站建设信息请点选跨飞独立站。