企亿推信息网
专注网络推广服务

浅谈微信在网页设计中的运用技巧

  毫无疑问,小文本的大小和大小可能会导致一些可读性问题。但如果你仔细处理,小文本块实际上可以帮助你创建一个视觉焦点和焦点,并吸引用户到设计的特定部分。

  接下来,跟上我们的想法,让我们看看如何实现这个小的文本趋势,以及它将如何工作,以帮助你获得一些设计灵感。

  虽然超大文本已经在设计领域奠定了一定的基础,但它已经成为主页和标题设计的主要选择。但有一种趋势——在浏览器或桌面的第一个屏幕上提供尽可能多的信息,以确保视觉(原因之一可能是设备尺寸和分辨率的增加,给设计师更多的设计空间)。

  这就是为什么微小文本诞生的原因。不同的字体大小和比例使排版具有明显的视觉流动性。通过使用一层非常小的文本(通常使用14到16点的大小),你可以创建一个额外的焦点来关注用户。小文本,特别是当与其他大文本一起使用时,可以吸引用户,因为它们是不同的,这在视觉上形成了对比。

  MaximeBonhomme在其网站设计中使用了小文本。你可以看到,微小的文本元素提供了项目的关键细节,而更大的文本则负责描述工作。你需要观察和注意这些有大量空间和内容的小文本元素是如何工作的。

  因为它的外观往往出乎意料,或者不同于用户在其他网站上看到的,设计元素可以立即吸引用户。

  MountainDew,一个永远不惧于引领时尚的品牌,在它的网站设计上使用了一个超级小的标题,不过,它确实能够让你一下子注意到它。这个标题完全和X的顶点契合,创造出一种独特的阅读模式。即使是对交互动作的设计他们也尽量做到微小,它不会让用户感到不舒服,因为它感觉是故意的。

  虽然目前的主流和许多网站设计已经取消了主页的导航功能,但事实上,它们只是改变了导航的表现形式,用汉堡包/隐藏的菜单导航取代了它们。使用小文本可以让一些元素回到屏幕上而不受干扰。它是设计模式中的一个过程,从一个极端到下一个极端。手机网站成本低,使用方便是其优势。

  事实上,在网页设计的导航中使用小文本是一件非常困难的事情,因为它需要足够大,以便轻松阅读和点击。使用简单的字体也很重要,因为小文本可能有点难以适应眼睛。

  MagicofLapland在主菜单栏中使用微文本似乎找到了一个很好的解决方案。在他的网页设计的主导航中,你可以看到每个元素都有足够的间距,有的甚至在黑暗背景下使用双倍间距,WAP又称网站制作WAP网站,WAP是一种GPRS应用模式,但不是唯一的手机互联网模式,事实上WAP与手机网站本身不同,手机上网不仅仅是浏览wap网站。白色无衬线、展示空间

  当页面的视觉空间很大时,小文本是最有效的。小元素和广阔空间之间的对比总是会产生惊人的效果。然而,不建议使用大量的小文本,因为它们在阅读中总是不是很好,所以要保持文本元素的简洁。

  当你第一次计划这样做时,使用小文本应该在你的思维中有一个特殊的目的。在使用这种设计趋势之前,你需要问问自己:我为什么要在这里使用小文本?它对我的网站设计有什么贡献或意义?

  如果你对这些问题没有可靠的答案(当然,因为我愿意不是答案),那么你应该考虑其他问题,知道你确确实是你需要的。

  Moonfarmer做了一个漂亮的示范,它向我们展示了微小的文字应该如何与空间相匹配。网页设计使用两个层次的排版和大量的开放视觉块来建立情感,并在用户点击或滚动之前向他们介绍内容。小文字只是设计的众多细节之一,让你想停下来看看。元素之间有很大的对比,不用太担心可读性。

  还有一点你需要记住:你不必到处使用小文本。把它当作一种特殊的艺术元素,就像Moonfarmer主页上使用的小文本相同,然后在整个设计的其他部分将相同的字体添加到更常见的尺寸。

  FreelanceTV这是一个很好的例子,解释如何使用小文本来帮助用户,并允许另一个元素作为设计的主要部分。对于这个项目,视频是最重要的元素,你可以看到,小文本作为另一个元素,可以提供额外的信息,鼓励用户订阅或注册,无论它出现在主页上的哪个位置。

  但有时,以文本元素为视觉元素的一部分,阅读的重要性并不那么重要(这需要早期的计划和大量的讨论,所以讶时不要匆忙)。

  HTMLBurger在网站设计中,使用了一系列小文本层,将小文本作为描述大标题的视觉部分。Burger包装使用小文本来创造更酷的视觉元素。这是一种你可能不常见的设计技巧和想法,在这种情况下很有影响力(但很难实现;小心)。

  使用小文本或不使用可能是一个困难的决定。虽然使用小文本是有争议的,但它仍然适合使用小字体。为了确保在您的设计中添加有效的小文本元素,您需要给它足够的空间,使用高度可读的字体,并使用其他设计元素来比较或提示用户。

  最后,如果你打算使用微小风格的文本内容在你的下一个设计项目时,当然,这是好事,但是我们也建议不要过多的使用它们。这不是一个能帮助你把更多的内容“塞进”你的设计的技术,它只在最合适的位置,赋予一个直接的目的性才能发挥它最大的效果。

浅谈微信在网页设计中的运用技巧(图1)

  好了,今天小编就到这里。如果您对网站建设有任何其他问题,请随时致电或留言。英科专业从事网站建设和推广多年,经验丰富。

未经允许不得转载:启新网站SEO优化 » 浅谈微信在网页设计中的运用技巧
分享到: 更多 (0)
加载中~