成都网站设计中微文的使用技巧

2016-10-28    分类: 网站建设

毫无疑问,小文本在巨细和尺度上或许会招致一些可读性问题。但假如你用心并处置得当的话,小文本区块实践上可以帮忙你创建一个视觉焦点和重心,并将用户吸收到规划的特定部分。

接下来,跟上思维,让咱们来看看这个细小的文本趋向应该怎么完结以及它将怎么发挥作用,以帮忙你获得一些规划灵感。

1、创建层次构造和安排感

虽然超大型文本跟着运用曾经在规划领域打下一定的基础,成为主页和标题规划的首要选项。但是现在有一种趋向——在阅览器或桌面的一个屏上尽或许在保证视觉的基础上供给更多的信息(缘由之一或许是设备尺度和分辨率的不时增加,给规划师更多的规划空间)。

这也就是“细小化”文本“横空出世”的缘由。字体的巨细和比例的不同,使得排版有明显的视觉活动感。通过运用一层很小的文本(一般运用14到16点的尺度巨细),你可以创建一个额定的焦点让用户聚焦。小文本,特别是与其他较大文本一起运用时,可以吸收用户,因为它们是不同的,这在视觉上就构成了对比。

Maxime Bonhomme在其网站规划中运用了小文本。你可以看到,细小化的文本元素供给了关于项意图要害细节,而更大的文本则担任供给工作的描绘。你需求察看和留意这些四周有许多空间和内容的细小文本元素是怎么工作的。

2、构成作风

有时分,细小化文本信息的规划意图是为了惹起你的留意或许让你不由得想看第二眼。

因为它的出现经常是出人意料的,或许不同于用户在其他网站上看到的,所以规划元素可以一会儿就吸收用户。

Mountain Dew,一个永远不惧于引领时尚的品牌,在它的网站规划上运用了一个超级小的标题,不过,它确实可以让你一会儿留意到它。这个标题完好和X的顶点符合,创造出一种一起的阅览方式。即便是对交互动作的规划他们也尽量做到细小,它不会让用户感到不舒适,因为它觉得是故意的。

3、创建吸收人的导航

当然如今的干流而且许多网站规划都取消了主页的导航功用,但实践上它们仅仅变卦了导航的表现方式,将他们交换为汉堡/躲藏的款式菜单导航,运用小文本可以让一些元素回到屏幕上,而不让人觉得遭到打搅。它是规划方式中的一个流程,从一个极点到下一个极点。

确实,在网页规划的导航中运用小文本是一件很棘手的事情,因为它需求满足大,以便可以被轻松阅览和点击。运用简略的字体也是十分重要的,因为小文本对眼睛的顺应来说或许有点困难。

Magic of Lapland形似对在主菜单栏中运用细小文本这个问题找到了一个很好的处理计划。在他的网页规划的主导航中,你可以看到每个元素都有满足的距离,有些以至运用双倍距离,而且在漆黑布景下,白色无衬线字体有助于可读性。

4、展示空间

当页面的视觉空间很大时,细小文本最有效。小元素和宽广空间之间的反差是总是可以产生惊人的效果。不过,许多的小文本就不建议运用了,因为它们总之在阅览上并不是很好,所以要坚持文本元素的精约。

细小文本的运用在最初你计划这么做的时分就应该在你的思维中有一个特别的意图性。在运用这个规划趋向之前,你需求问问你本人:为什么我要在这里运用小文本呢?它对我的网站规划将有什么贡献或许意义呢?

假如你对这些问题没有可靠的答案(当然“因为我乐意”不能算答案),那么你应该思索其他的问题,知道你必定它确实是你需求的。

Moonfarmer做了一个漂亮的示范,它向咱们展示了细小的文字应该怎么和空间调配。该网页规划运用了两种等级的排版和许多的开阔的视觉块来建立一种心情,并在用户点击或翻滚之前向他们引见内容。小小的文字仅仅规划的很多细节之一,让你想停下来看看。元素之间有很大的对比,所以关于可读性你可以不必有太多的顾忌。

还有一点你需求记住:你不必四处运用小文本。把它当作一种特别的艺术元素,就像在Moonfarmer的主页上运用的小文本相同,然后在整个规划的其他部分将相同的字体增加到更常见的尺度。

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

有时,需求展示的最重要的元素并不是文本,文本在视觉元素中或许仅仅次要的。

Freelance TV是一个很好的例子,说明怎么运用小文原本帮忙用户,一起允许另一个元素作为规划的首要部分。关于这个项目,视频是最重要的元素,你相同就可以看出来,而小文本作为另一个元素,可以供给额定的信息,并鼓动用户中止订阅或许注册,不管它在主页上的什么方位出现。

6、创建一个可视元素

文本元素的首要作用是用来阅览的,这很符合逻辑。

但有时分,将文本元素作为视觉元素的一部分,能否被阅览的重要性就不那么重要了(这需求前期的方案和许多的讨论,所以不要在你突发奇的时分就草率的运用这项技巧)。

HTML Burger的网站规划中运用了一系列的小文本图层,将小文本用作描绘大标题的视觉部分。在每个“Burger”包装上都运用了小的文字,以创造出更酷的视觉元素。这是一个你或许不太常见的规划技巧和思绪,在这种状况下,它是有影响力的(但这种技能很难完结;要当心行事)。

总结

运用细小文本,或许不运用,这或许是一个困难的抉择。当然小文本的运用是有争议的,但关于小字体的运用还是有恰当的用处的。为了保证在你的规划中添加有效的小文本元素,你需求给它满足的空间,运用一个高度可读的字体,并运用其他的规划元从来对比或许提示用户。

最终,假如你计划运用细小作风的文本内容在你的下一个规划项目时,当然,这是功德,但是咱们也建议不要过多的运用它们。这不是一个能帮忙你把更多的内容“塞进”你的规划的技能,它只在最适宜的方位,赋予一个直接的意图性才干发挥它的效果。

名称栏目:成都网站设计中微文的使用技巧
分享路径:/news/53536.html

成都网站建设公司_创新互联,为您提供网站内链搜索引擎优化定制网站小程序开发动态网站响应式网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设