网站设计公司易捷网络:专注企业网站设计

提升网站用户体验的排版规则网站字体

来源:易捷网站设计公司     时间:2018-10-25

网站设计可读性原则
网站必须使用非衬线体网站字体这种想法已经过时了,但是这种说法背后的核心思想并不过时:文本必须是易于阅读的。
想要挑选易于阅读的网站字体,手写网站字体、哥特网站字体和过于新颖的网站字体应当尽量避免使用。当然,如果是需要艺术性网站字体来做装饰的场景就另当别论了。
可读性的网站字体在可识别性上也不错,并且他们通常不会特别的“显眼”。这些网站字体应该是“透明”的,这样可以让用户无障碍、下意识地接受,这就是他们的工作原理。
确保网站行间距足够宽
行间距是影响用户阅读体验的关键因素之一,太过致密会令人阅读困难,有呼吸感的行间距则会令人着迷。尤其是如今大量用户在手机和平板上阅读,相对宽一点的行间距对于缓解阅读大量内容有相当的缓解作用。
而要控制好行间距需要牵涉到好几个变量:
·网站字体尺寸
·段落长度
·网站字体样式
·屏幕宽度
而非常遗憾的一点在于,并不存在一个固定的换算公式可以帮你搞定这一切,不过可以这么做:
·对于绝大多数网站设计而言,佳行间距应该是网站字体高度的125%
·对于绝大多数移动端设备而言,佳行间距是网站字体高度的150%
·宽松的行间距(比如直接空一行作为行间距)能让内容更易于被识别和扫描
·控制行间距的松紧,用双眼来浏览段落进行测试,基于感觉来进行调整
选择有字母含有大圆角的网站字体
对于西文网站字体,含有较大圆角和内空的网站字体更易于阅读。明显的圆角弧度让B和R这样的网站字体易于被识别,而内空则是O和Q这样字母的标志。
紧凑和致密的网站字体让眼睛难于辨识,而曾经在纸媒上流行过的较宽的标题网站字体,识别度就相当不错,因为当网站字体拉宽之后,不同字母的差异就越发明显。圆角弧度更大的网站字体看起来更接近于给孩子们设计的网站字体,而幼年时期对于网站字体所构建起的美学认知,是会伴随人的一生的。
让网站字体更大一点
毫无疑问,网站字体适当的放大会让人感觉更舒服。当然,网站字体的大小通常取决于你的实际需求,而在处理大段文字的时候,就需要注意了。
虽然不同的设计师在文字的处理上有着不同的想法,但是通常大家会认为每行的字符数量应当控制在45~60个之间(中文也有一个约定俗成的数量),而在移动端上,这个数量通常需要减半看起来才足够舒适。
找x高度较高的网站字体
和中文网站字体不同,西文网站字体有上伸区和下降区,小写字母x的高度是这套网站字体的x高度。小写字母的整体比例会直接影响到阅读的体验。
x高度相对比例更大的网站字体更易于阅读,换句话来说,就是小写字母的高度更接近大写字母的高度。理想的情况是,网站字体的x高度处于大写字母高度的三分之二到四分之三之间。
显示网站字体的字距调整
细致到位的字距调整能创造好的排版。
正文的内容如此之多,仔细调整所有的字母间的字距当然是不现实的,而且也没有这个必要。但是对于标题网站字体和展示网站字体,字距的调整就相当有必要了。不同字母的笔画角度都不尽相同,每对字母之间的距离进行适当调整,让它们看起来像是天生一对那样。这样的细节能让你的设计在诸多网站设计设计中脱颖而出。
其实中文和日文的网站字体排版中也同样用到了字距调整的技巧,使用平假名和片假名尤其多的日本,在标题和展示网站字体的排版上经常会用到字距调整,来确保整体的视觉体验。
仔细思考比例
当你在为一个项目挑选网站字体样式的时候,将不同部分的尺寸比例想清楚对于后续的设计相当有帮助。可能听起来好像有许多计算工作要做,但是并不一定麻烦,并且会对你的整个项目有极大的帮助。
我们之前所提到的行间距的设定,就是需要考虑的比例之一。除此之外,标题、副标题和正文的网站字体大小比例应当如何设定,怎么样设定尺寸大小才能营造出视觉的和谐感。刚刚开始把控比例的时候可能还不是太跟手,但是TutPlus有一个不错的教程,可以帮你理解这件事。
笔画统一的网站字体理想
再看网站字体笔画样式,笔画的宽度无疑是重要的事情。超细的笔画由于缺乏对比度大多难于识别,而笔画太过于粗壮的网站字体可能存在同样的问题,阅读起来也相当的费眼睛。如果网站字体的粗细部分对比过于强烈、过于突然也可能带来一定的显示问题。
其实解决方案也不难,挑选字母笔画粗细适中,且笔画相对比较一致的网站字体就好了。这类网站字体可以兼容更多的背景,在可读性和适用性上相对更强。
克制地使用网站字体
只用两种网站字体。再强调一次,只能用两种网站字体。
控制网站字体类型的数量应该是每一个项目的目标。太多用户喜欢在一个网站界面当中疯狂地塞进各种不同类型的网站字体,这对于眼睛是灾难性的,阅读困难,甚至招致用户厌倦。
你可以挑选两个网站字体族作为常用网站字体——多再挑选一款艺术网站字体用作展示之用——然后坚持使用这几种网站字体。想清楚每个网站字体在什么时候使用,在什么地方使用,这其中应当涉及到网站字体的颜色、大小和位置。另外,在不同的页面、不同设备上,网站字体的使用应该是一致的。
提升对比度
有许多时尚的网站设计会让背景和文字之间的对比度降低,营造出炫酷和融合的效果,但是内容的识别度就很低了,对于用户而言并不友好。
你的内容是深圳网站设计的核心之一,所以重要性是毋庸置疑的。将内容和背景之间的对比度提升起来,让每个词都能在屏幕上清晰的识别出来,让用户轻松地获取信息。

深圳网站设计公司易捷网络科技是一家专业从事深圳网站建设和深圳网页设计的深圳网络公司,主要经营的业务有:深圳网站建设、网页设计、网站推广优化、企业邮箱申请、网站域名空间备案。欢迎来电咨询(微信同号):13714247375
返回上一级
您可能需要:
网站设计图标
企业网站设计
高速稳定的国内空间,免费备案的香港、国外空间,单线、双线以多线空间
点击咨询
关键字推广优化图标
网站推广优化
指定网站关键词,确保一月之内优化到搜索引擎得首页,到首页之后再收费
点击咨询
企业邮箱图标
企业邮箱申请购买
以企业官网后缀为名称的邮箱,彰显公司企业形象,先试用,满意后再付款
点击咨询
国徽图标
网站域名空间备案
域名空间提交国家工信部备案审核,十五天即可完成,网站备案实名势在必行
点击咨询
网站设计相关资讯推荐
如何判断好域名
网站设计找茬啦
富互联网应用
如何评价做网站优化的效果好不好
深圳专业网页设计需遵循哪些原则
网站内链怎么做是不是文章加上内链都有排名
营销型网站评判的标准
英文网站设计注意的细节问题
网站设计网站如何优化
局域网网络速度分析
用户思维,每个文案人应该掌握的核心必杀技
网站建设服务器的选择
使用CSS样式面板创建自定义样式
深圳网页设计颜色该如何去搭配
企业网站备案的方式
QQ在线咨询
 
金亚洲代理