您好!欢迎进入广东华商网络科技有限公司

东莞做网站

联系我们Contact Us

售后服务:400 0769 366    

人事电话:0769-89818898

邮    箱:dgce@dgce.com.cn

网    址:www.dgce.com.cn

地    址:东莞市南城街道宏一路G1蜂汇1栋写字楼803、804

东莞网站设计网页设计中微文的使用技巧

2019-11-07

   现在,东莞网站规划的趋势之一是使网站所承载的内容极简化和细小化,“细小化”的文本元素已经成为一种盛行趋势,但这种规划趋势,在规划领域相同引发了一些争辩。东莞网站设计网页设计中微文的使用技巧? 毫无疑问,小文本在巨细和尺度上或许会导致一些可读性问题。但假如你用心并处理得当的话,小文本区块实际上能够协助你创立一个视觉焦点和重心,并将用户招引到规划的特定部分。

        接下来,跟上思维,让咱们来看看这个细小的文本趋势应该怎么完成以及它将怎么发挥作用,以协助你取得一些规划创意。
1、创立层次结构和组织感
        虽然超大型文本随着运用已经在规划领域打下必定的根底,成为主页和标题规划的首要选项。可是现在有一种趋势——在浏览器或桌面的第一个屏上尽或许在确保视觉的根底上供给更多的信息(原因之一或许是设备尺度和分辨率的不断添加,给规划师更多的规划空间)。
        这也就是“细小化”文本“横空出世”的原因。字体的巨细和比例的不同,使得排版有显着的视觉流动感。经过运用一层很小的文本(一般运用14到16点的尺度巨细),你能够创立一个额定的焦点让用户聚焦。小文本,特别是与其他较大文本一起运用时,能够招引用户,由于它们是不同的,这在视觉上就形成了比照。
Maxime Bonhomme在其网站规划中运用了小文本。你能够看到,细小化的文本元素供给了关于项目的关键细节,而更大的文本则担任供给作业的描述。你需求观察和留意这些周围有很多空间和内容的细小文本元素是怎么作业的。
2、形成风格
        有时分,细小化文本信息的规划目的是为了引起你的留意或许让你忍不住想看第二眼。
由于它的呈现经常是出人意料的,或许不同于用户在其他网站上看到的,所以规划元素能够一会儿就招引用户。
        Mountain Dew,一个不惧于引领时尚的品牌,在它的网站规划上运用了一个超级小的标题,不过,它的确能够让你一会儿留意到它。这个标题完全和X的顶点符合,创造出一种独特的阅览形式。即使是对交互动作的规划他们也尽量做到细小,它不会让用户感到不舒服,由于它感觉是故意的。
3、创立招引人的导航
        虽然现在的干流并且许多网站规划都取消了主页的导航功用,但实际上它们仅仅改变了导航的表现形式,将他们替换为汉堡/躲藏的款式菜单导航,运用小文本能够让一些元素回到屏幕上,而不让人觉得遭到打扰。它是规划形式中的一个流程,从一个极点到下一个极点。
的确,在网页规划的导航中运用小文本是一件很扎手的事情,由于它需求满足大,以便能够被轻松阅览和点击。运用简略的字体也是非常重要的,由于小文本对眼睛的适应来说或许有点困难。
        Magic of Lapland形似对在主菜单栏中运用细小文本这个问题找到了一个很好的解决方案。在他的网页规划的主导航中,你能够看到每个元素都有满足的距离,有些甚至运用双倍距离,并且在黑暗布景下,白色无衬线字体有助于可读性。
4、展现空间
        当页面的视觉空间很大时,细小文本最有用。小元素和宽广空间之间的反差是总是能够产生惊人的作用。不过,很多的小文本就不主张运用了,由于它们总归在阅览上并不是很好,所以要坚持文本元素的简练。
细小文本的运用在最初你计划这么做的时分就应该在你的思维中有一个特殊的目的性。在运用这个规划趋势之前,你需求问问你自己:为什么我要在这里运用小文本呢?它对我的网站规划将有什么奉献或许含义呢?
        假如你对这些问题没有可靠的答案(当然“由于我乐意”不能算答案),那么你应该考虑其他的问题,知道你确认它的确是你需求的。
Moonfarmer做了一个漂亮的演示,它向咱们展现了细小的文字应该怎么和空间搭配。该网页规划运用了两种级别的排版和很多的开阔的视觉块来建立一种心情,并在用户点击或翻滚之前向他们介绍内容。小小的文字仅仅规划的很多细节之一,让你想停下来看看。元素之间有很大的比照,所以关于可读性你能够不用有太多的顾虑。
        还有一点你需求记住:你不用到处运用小文本。把它当作一种特殊的艺术元素,就像在Moonfarmer的主页上运用的小文本相同,然后在整个规划的其余部分将相同的字体添加到更常见的尺度。
5、当文本不是最重要的元素时
        有时,需求展现的最重要的元素并不是文本,文本在视觉元素中或许仅仅非必须的。
Freelance TV是一个很好的比如,阐明怎么运用小文原本协助用户,同时允许另一个元素作为规划的首要部分。关于这个项目,视频是最重要的元素,你相同就能够看出来,而小文本作为另一个元素,能够供给额定的信息,并鼓励用户进行订阅或许注册,不管它在主页上的什么方位呈现。
6、创立一个可视元素
        文本元素的首要作用是用来阅览的,这很符合逻辑。
        但有时分,将文本元素作为视觉元素的一部分,是否被阅览的重要性就不那么重要了(这需求前期的方案和很多的讨论,所以不要在你突发奇的时分就草率的运用这项技巧)。
        HTML Burger的网站规划中运用了一系列的小文本图层,将小文本用作描述大标题的视觉部分。在每个“Burger”包装上都运用了小的文字,以创造出更酷的视觉元素。这是一个你或许不太常见的规划技巧和思路,在这种情况下,它是有影响力的(但这种技能很难完成;要当心行事)。
 
总结
        运用细小文本,或许不运用,这或许是一个艰难的决定。虽然小文本的运用是有争议的,但关于小字体的运用仍是有适当的用途的。为了确保在你的规划中添加有用的小文本元素,你需求给它满足的空间,运用一个高度可读的字体,并运用其他的规划元素来比照或许提示用户。
最后,假如你计划运用细小风格的文本内容在你的下一个规划项目时,当然,这是功德,可是咱们也主张不要过多的运用它们。这不是一个能协助你把更多的内容“塞进”你的规划的技能,它只在最合适的方位,赋予一个直接的目的性才能发挥它的作用。 
 


标签

近期浏览:

热门搜索:东莞网站建设东莞做网站东莞建网站

华商网络专业为企业提供基础互联网建设服务:网站建设,网站制作,网站设计,微官网设计制作,小程序开发等等,您的选择是我们奋力向前的最好动力!

版权所有:广东华商网络科技有限公司 备案号: 粤ICP备13071417号

获取同行网站建设方案,10秒填写,急速获得

今日已有165人获取方案

在线客服
服务热线
400 0769 366
15217380701

业务咨询微信
返回顶部