资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

微文本在网页设计中的运用技巧

来源:中联星空网络科技有限公司 | 2020.07.13

目前,济南网站设计的趋势之一就是对网站所承载的内容进行简化和小型化。微小化的文本元素已成为一种流行趋势。然而,这种设计趋势在设计界也引起了一些争议。


毫无疑问,小文本会在大小和大小上造成一些可读性问题。但如果你仔细而恰当地做,小文本块实际上可以帮助你创建视觉焦点和重心,并将用户吸引到设计的特定部分。


微文本在网页设计中的运用技巧


接下来,请记住,让我们看看这个小文本趋势应该如何实现,以及它将如何帮助您获得一些设计灵感。


1创建层次结构和组织感


虽然超大文本的使用已经为设计领域奠定了基础,但它已经成为主页和标题设计的主要选择。但在保证视觉的基础上,人们倾向于在浏览器或桌面的第一个屏幕上提供尽可能多的信息(原因之一可能是设备尺寸和分辨率的不断提高给了设计师更多的设计空间)。


这就是微小化中出现“横空出世”的原因。字体大小和比例的差异使排版具有明显的视觉流动动态性。通过使用一个非常小的文本层(通常是14到16个点大小),您可以创建一个额外的焦点供用户关注。小文本,尤其是与其他较大的文本一起使用时,可以吸引用户,因为它们不同,从而形成视觉对比。


Maximum bonhome在其网站设计中使用了小文本。如您所见,较小的文本元素提供了有关项目的关键细节,而较大的文本元素提供了对工作的描述。你需要观察并注意如何


这些小文本元素周围有很多空间和内容。


2窗体样式


有时候,小短信是为了引起你的注意或者让你想再看一眼。


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


Mountain Dew,一个从不害怕引领时尚的品牌,在其网站设计中使用了一个超小的标题,但它可以让你一下子注意到它。标题与X的顶点完美契合,创造了一种独特的阅读模式。即使是在交互设计方面,他们也尽量缩小规模,这不会让用户感到不舒服,因为这是有意为之。


三。创建有吸引力的导航


虽然目前主流和很多网站的设计都取消了主页的导航功能,但实际上只是改变了导航的呈现方式,用汉堡包/隐藏式菜单导航取代了导航,使用小文本可以让一些元素回归到屏幕上,而不会打扰人。这是一个设计模式的过程,从一从一个极端到另一个极端。


在一个小的商业网站上,点击导航确实是很难的,因为要在网页上使用大的文本是很难理解的。使用简单的字体也很重要,因为小字体对眼睛来说有点难以适应。


拉普兰的魔力似乎找到了一个很好的解决方案来解决在主菜单栏中使用小文本的问题。在他的网页设计的主导航中,你可以看到每个元素都有足够的间距,有些甚至是两倍的间距,白色无衬线字体有助于在黑暗的背景下阅读。


4展览空间


当页面的视觉空间很大时,小文本最有效。小元素和大空间之间的对比总能产生惊人的效果。然而


不推荐大量的小文本,因为它们不善于阅读,所以要保持文本元素的简洁。


微文本的使用应该有一个特别的目的,当你第一次打算这样做的时候。在使用这种设计趋势之前,你需要扪心自问:为什么我要在这里使用小文本?它对我的网站设计有什么贡献或意义?


如果你对这些问题没有一个确切的答案(当然,因为我乐意不算在内),那么你应该考虑其他问题,直到你确定它正是你需要的。


月亮农场主给了一个美丽的演示如何微小的单词适合太空。网页设计使用两个层次的排版和大量开放的视觉块来创造一种情感,并在用户点击或滚动之前将内容介绍给他们。小文本只是设计的许多细节中的一个,您想停下来看看。元素之间有很多对比,所以你不必太担心可读性。


还有一件事你需要记住:你不必到处使用小文本。把它看作是一种特殊的艺术元素,比如月亮农场主主页上使用的小文字,然后将同样的字体添加到一个更常见的大小,以供其余设计使用。


5当文本不是最重要的元素时


有时,最重要的显示元素不是文本,它可能是视觉元素的次要元素。


Freedom TV是一个很好的例子,说明如何使用脚本帮助用户,同时允许另一个元素成为设计的主要部分。对于这个项目,视频是最重要的元素,您也可以看到它,而小文本作为另一个元素可以提供额外的信息,并鼓励用户订阅或注册,无论它出现在主页的什么位置。


6创建可视元素


文本元素的主要作用是阅读,这是符合的


十八年 建站经验

多一份参考,总有益处

联系客服,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-606-8008 / 大客户专线 济南:15589999555