网站设计中微文的运用技巧
发布日期:2023-07-19浏览量:153
今朝,网页设计的最大趋向之一是使网站所承载的内容极简化和细小化,“细小化”的文本元素曾经成为一种风行趋向,但这类设计趋向,在设计领域一样诱发了一些争辩。
毫无疑难,小文本在大小和尺寸上能够会招致一些可读性问题。但如果是你用心并处置恰当的话,小文本区块理论上可以协助你创立一个视觉焦点和重心,并将用户吸引到设计的特定部分。
接下来,跟维,让咱们来看看这个细小的文本趋向应该怎样实现以及它将怎样阐扬作用,以协助你得到一些设计灵感。
一、创立条理结构和组织感
虽然超大型文本跟着运用曾经在设计领域打下必然的根蒂根基,成为主页和题目设计的主要选项。可是今朝有一种趋向——在阅读器或桌面的第一个屏上尽能够在包管视觉的根蒂根基上提供更多的信息(起因之一能够是设备尺寸和辨别率的不竭增加,给设计师更多的设计空间)。
这也就是“细小化”文本“横空出生避世”的起因。字体的大小和比例的差别,使得排版有明明的视觉流动感。经由过程运用一层很小的文本(常规运用14到16点的尺寸大小),你可以创立一个分外的焦点让用户聚焦。小文本,出格是与其他较大文本一块儿使历时,可以吸援用户,由于它们是差别的,这在视觉上就造成为了对比。
maxime bonhomme在其网页设计中运用了小文本。你可以看到,细小化的文本元素提供了关于项目的关键细节,而更大的文本则卖力提供事情的形容。你需求察看和注重这些周围有大量空间和内容的细小文本元素是怎样事情的。
二、造成气势派头
有时辰,细小化文本信息的设计目的是为了惹起你的注重或者让你不由得想看只知其一,不知其二眼。
由于它的泛起常常是出乎预料的,或者差别于用户在其他网站上看到的,以是设计元素可以一会儿就吸援用户。
mountain dew,一个永远不惧于引领时尚的品牌,在它的网页设计上运用了一个超等小的题目,不外,它的确能够让你一会儿注重到它。这个题目彻底和x的极点契合,缔造出一种共同的阅读形式。即便是对交互动作的设计他们也尽可能做到细小,它不会让用户感触不惬意,由于它觉得是成心的。
三、创立吸惹人的导航
虽然此刻的主流而且不少网页设计都勾销了主页的导航功用,但理论上它们只是变动了导航的浮现形式,将他们替换为汉堡/隐藏的样式菜单导航,运用小文本可让一些元素回到屏幕上,而不让人觉得遭到打搅。它是设计形式中的一个流程,从一个极度到下一个极度。
的确,在网页设计的导航中运用小文本是一件很顺手的事情,由于它需求足够大,以即可以被轻松阅读和点击。运用简略的字体也是十分首要的,由于小文本对眼睛的顺应来讲能够有点坚苦。
magic of lapland貌似对在主菜单栏中运用细小文本这个问题找到了一个很好的解决计划。在他的网页设计的主导航中,你可以看到每一个元素都有足够的间距,有些以至运用双倍间距,而且在黑暗背景下,白色无衬线字体有助于可读性。
四、展现空间
当页面的视觉空间很大时,细小文本最有用。小元素和宽广空间之间的反差是老是可以发生惊人的成效。不外,大量的小文本就不倡议运用了,由于它们总归在阅读上其实不是很好,以是要连结文本元素的简便。
细小文本的运用在最初你筹算这么做的时辰就应该在你的思维中有一个特殊的目的性。在运用这个设计趋向以前,你需求问问你本身:为甚么我要在这里运用小文本呢?它对我的网页设计将有甚么奉献或者意思呢?
若是你对这些问题没有靠得住的谜底(当然“由于我高兴愿意”不克不及算谜底),那末你应该思索其他的问题,知道你确定它的确是你需求的。
moonfarmer做了一个大度的树模,它向咱们展现了细小的文字应该怎样和空间搭配。该网页设计运用了两种级此外排版和大量的坦荡的视觉块来建立一种情感,并在用户点击或滚动以前向他们引见内容。小小的文字只是设计的泛滥细节之一,让你想停下来看看。元素之间有很大的对比,以是对付可读性你可以不消有太多的挂念。
另有一点你需求记住:你没必要处处运用小文本。把它看成一种特殊的艺术元素,就像在moonfarmer的主页上运用的小文本一样,而后在整个设计的其他部分将沟通的字体增加到更常见的尺寸。
五、当文本不是最首要的元素时
有时,需求展现的最首要的元素其实不是文本,文本在视觉元素中能够只是次要的。
freelance tv是一个很好的例子,注明怎样运用小文原来协助用户,同时容许另外一个元素作为设计的主要部分。对付这个项目,视频是最首要的元素,你一样就能够看出来,而小文本作为另外一个元素,可以提供分外的信息,并鼓舞用户进行定阅或者注册,不论它在主页上的甚么位置泛起。
六、创立一个可视元素
文本元素的主要作用是用来阅读的,这很契合逻辑。
但有时辰,将文本元素作为视觉元素的一部分,是否被阅读的首要性就不那末首要了(这需求前期的计划和大量的接头,以是不要在你突发奇的时辰就马虎的运用这项技巧)。
html burger的网页设计中运用了一系列的小文本图层,将小文本用作形容大题目的视觉部分。在每一个“burger”包装上都运用了小的文字,以缔造出更酷的视觉元素。这是一个你能够不太常见的设计技巧和思绪,在这类情况下,它是有影响力的(但这类手艺很难实现;要小心行事)。
总结
运用细小文本,或者不运用,这能够是一个艰巨的决议。虽然小文本的运用是有争议的,但对付小字体的运用仍是有适量的用场的。为了确保在你的设计中增加有用的小文本元素,你需求给它足够的空间,运用一个高度可读的字体,并运用其他的设计元夙来对比或者提示用户。
末了,若是你筹算运用细小气势派头的文本内容在你的下一个设计项目时,当然,这是功德,可是咱们也倡议不要过量的运用它们。这不是一个能协助你把更多的内容“塞进”你的设计的手艺,它只在最适宜的位置,付与一个直接的目的性才气阐扬它最大的成效。
网站优化seo、 网站制作、 网页设计
相关文章: