首页 > 网站建设 > 蓝韵观点 > 设计前沿 > 杭州网页设计排版技巧分享
杭州网页设计排版技巧分享

作者:panjemin来源:www.lanyun2009.com时间:2017.07.10

交流,在杭州网页设计中起到了必不可少的作用——它在用户与网站之间建立起了一个清晰有效的沟通方式,来帮助用户完成想要完成的任务。当我们谈起杭州网页设计中的“交流”方式时,我们往往指的是其中的文字。而排版在这里面就扮演的至关重要的角色:

“在网页中,95%的信息都是靠书写的文字来传达”

好的排版方式可以让文字阅读起来更加流畅轻松。正如Oliver Reichenstein在她的文章中所描述的:

“对于版式的优化就是对于可读性、易用性的优化,以及整体图面的平衡。”

换句话讲:对于版式的优化其实就是对用户界面的优化。在这篇文章中,我来跟大家一起探讨几种可以提高易读性的几种方法。

控制字体的种类

如果使用了超过三种字体,就会让你的网站看起来结构凌乱并且很不专业。记住,一次使用过多的字体风格和尺寸很容易毁掉你的界面。

通常,把字体的种类限制在一到两种,并且只使用一种字体贯穿于整个网站。如果你一定要用一种以上的字体,确保它们的特性可以做到互相补充与协调。

看看下面这两种字体组合,左边的一对字体要比右边的一对更加显得和谐。

 

尽可能使用标准字体

字体库中(比如Google Web Fonts,Typekit)有很多有趣的字体,可以给你的设计增添新鲜的元素。但实际上,用户对于熟悉的字体阅读起来更加快速。除非你的网站非常有必要使用一些特殊的字体,来满足品牌元素的目的或是增强用户的体验,一般情况下,较好使用系统字体:Arial,Calibri,Trebuchet等等。记住一点,优秀的字体会让用户专注于内容的阅读,而不是字体本身。

每行长度的限定

每一行字数的限制,同样是增强易读性的一方面。Baymard Institute的建议是:每一行60个字母,才能保证一个良好的阅读体验。

而对于移动端来说,每行30-40个字母是可以接受的。下面的例子是两个网站在移动端的不同显示方式。左边的每一行使用了50-75个字母,右边的每行则是30-40个字母。

 

选一个在不同大小下都好用的字体

用户会通过不同尺寸大小的设备进入到你的网站。不同的界面元素也需要不用的字体大小(复制粘贴,输入栏,标题等等)。因此,选择一个在不同尺寸下都好用的字体,显得尤为重要。

 

确保你所选用的字体在小的屏幕上显示清晰。避免使用书写体,比如Vivaldi:尽管它们很漂亮,但是会给阅读增加难度。

 

控制好行间距

排版杭州网页设计中,我们对于两行文字的间距有特殊的限制,一般情况下,这个距离保持在字高的30%。

 

 保证足够的对比度

不要使用颜色相近的字体和背景。W3C对于网站中字体对比度的建议如下:

相对于背景,小的字体应该保证至少4.5:1的对比度,大一些的字体(比如14pt粗体或者18pt常规体,以及更大)应该至少保持3:1的对比度。

 

 

避免使用红色或者绿色文字

多数色盲者对于红绿两色无法辨认,因此较好使用其它的颜色来替代这些重要的信息。

 

避免使用闪烁的字体

闪烁的字体会引起一些人产生痉挛。当然不仅如此,这种闪烁的表达方式都会给一般的用户带来烦恼和分神。

总结

版式设计没有看起来那么简单。好的版式可以给你的网站增色,坏的版式会把你的网站彻底毁掉。因此,让你的文字与段落更加易于阅读与理解,这个就是版式设计存在的意义。

本文为蓝韵网络(杭州网页设计)原创文章,转载请注明原文网址摘自于http://www.lanyun2009.com/views/689.html,注明出处;未注明出处禁止转载。

 

 

与蓝韵项目经理通话

请输入正确的手机号码格式

信息保护中请放心填写

在线咨询
 
提交成功
关闭浮窗