交流在设计里起到至关关键的用途,能够帮助在网站和用户之间打造起明确的关系,还可以帮助用户达成他们的目的,这一点尤为重要。当大家在网站制作里谈到交流时,一般指的是文字。文字在交流过程里起到至关关键的用途:
“网站里95%以上的信息是以书面语言的形式呈现的。”
好的字体版式可以使阅读毫不费力,而糟糕的排版则用户没办法阅读。优化字体版式可以优化你的用户界面。下面给大伙讲讲字体排版的一些规则,帮你增加文本的可读性和易读性。
1、维持最少的字体用数目
用超越3种以上的字体,会使网站看着毫无结构,很不专业。请记住,太多的不同尺寸和种类的字领会破坏设计布局。要想防止这种情况出现,就要限制字体的数目。
总之,把字体数目限制到最少(两种字体是足足有余的,一般一种就足够了),保证整个网站用相同的字体。假如用超越一种字体的话,要确保依据字符宽度来匹配字体。以下面的组合为例,左侧Georgia和Verdana字体组合有一样的字型,而右侧的Baskerville和Impact组合中,Impact字型太粗而遮盖了它配对字体的衬线部分。
确保依据字符宽度来匹配字体,进行互补
2、尽可能用标准字体
字体嵌入服务(如谷歌 WebFonts或者Typekit)有不少有趣的字体供你选择,给你的设计带来一些新鲜、意料之外的成效。而且也很容易操作用。以谷歌为例:
・选择任何一种字体譬如Open Sans。
生成代码粘贴到你的HTML文档中。
完成啦!
所以能出那些问题呢?
不过这种办法却有一个问题,用户更习惯标准字体,因此标准字体阅读起来会更快。除非你的网站对特定的字体有强烈的需要,譬如为了品牌营销或者创建一个身临其境的体验,不然通常情况下最佳选择系统字体。安全的做法是用一种系统字体,譬如Arial、Calibri、Trebuchet等等。要记住好的字体版式可以将读者吸引到内容本身,而不是版式上。
3、限制每一行的文字长度
每一行的文字长度决定了文本的易读性。不应该由设计来支配文本宽度,而是要由易读性决定。看看下面BaymardInstitute给出的建议:想要有一个好的阅读体验,那样每一行大概要有60个字符左右的宽度。每一行正确的字符数是文本易读性的重点。
每一行假如太短的话,双眼就得来回地看,会打破读者的阅读步伐;假如一行文字太长,读者注意力会非常难集中到内容上。图片来源:MaterialDesign
对于手机端来讲,每一行则应该在30至40个字符长度内。下面则是手机端的两个网站例子。第一个每一行有50至75个字符(而这个应该是印刷和桌面端的理想长度),第二个则用了好的30至40个字符长度。
网站制作里可以通过用em或者pixel单位来限制文本宽度,来达到每一行最佳的字符数。
4、选择在不同尺寸下都有好成效的字体
用户会通过不一样的设施访问你的网站,而不一样的设施有不一样的尺寸和分辨率。大部分的用户界面需要不同尺寸的文本元素(复制按钮、段落标签、章节标题等等),选择一个在不同尺寸和粗细下都能维持非常不错的可读性和易读性的字体,这点尤为重要。
Roboto字体,by 谷歌
确保你选择的字体在更小的屏幕上也能阅读。防止用连体字,譬如下面的Vivaldi字体,尽管它们非常好看,但非常难阅读。
Vivaldi字体在小屏幕上非常难阅读
5、选择可以分辨不同字母的字体
不少字体的有的字母会很容易搞混,尤其是“i”和“L”(譬如说下面的例子),还有一些字母之间的间距太短,譬如“r”和“n”在一块看着像“m”。所以当你选择字体时,确保你的字体在不同环境下不会给读者带来困扰。
6、防止全都大写
所有文本都是大写字母,在一些无需阅读的地方是可以的(譬如缩略词或者logo里),但当你的信息需要读者去阅读时,不要强迫你的读者去分辨所有些大写段落。就像MilesTinker在他的里程碑作品《Legibility of Print》中所说的,与小写字体相比,大写字体大大减少了浏览和阅读的速度。
7、不要过于降低行间距
字体版式中,大家对于两行字之间的空白距离称作“行间距”。通过增加行间距,可以提升可读性。通常来讲,行间距应该比字符高度高30%左右,如此有益于可读性。
适合的间距能够帮助可读性,图片来源:Microsoft
DmitryFadeyev指出,正确用段落之间的间距,可以提升20%的理解力。正确用间距的方法是提供给读者易于理解的内容,然后去除多余的细节。
左侧文字太挤了,右侧适合的间距能够帮助可读性,图片来源:Apple
8、确保有足够的颜色对比度
文本和背景不要用相同或一样的颜色。文字越明显,用户能更快的浏览和阅读内容。W3C给大家建议了适合的文字和图形的颜色对比度比率:
小的文字和背景的对比度至少应该为4.5:1。
大的文字(至少14号粗体或18号常规字体以上)比率至少为3:1.
这两段文字和背景的颜色对比不明显,文字非常难阅读
这两段符合颜色对比比率,文字容易阅读
一旦你选定了颜色,要在大部分设施上都测试一下。假如测试发现了问题,那样能一定用户也会有同样的问题。
9、防止用红色或者绿色着色文字
色盲是一个容易见到的现象,尤其是男士中8%的人是色盲。因此建议除颜色以外用附加的信息来区别关键的内容。同样要防止仅仅用红色和绿色来传达信息,由于红绿色盲是色盲里最容易见到的两种。
10、防止用闪烁的文本
闪烁的文本或许会引发敏锐的个体不适的症状,而且或许会变得叫人讨厌,让用户分心。
字体排版是件大事,正确的版式可以叫你的网站焕然一新,叫人心情愉快。而不好的字体排版,则会用户分心。使字体版式可读性、易读性更高,易于理解,这类是尤为重要的。
“字体版式的存在是为了服务于内容的”字体版式是服务于内容的,永远不要给用户增加阅读的负担。
本文标题:哪种网站建设客户体验好?网页路径:https://www.cdcxhl.com/news/23937.html
网站制作、网络营销推广公司|博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站建设、客户体验等