清晰可读的网页设计文字

清晰可读的网页设计文字,对于你的文字却出现在网页上

文字是另一个视觉元素在您的网站上,就像你的图像,颜色,和模板

就像其他的视觉元素,文本需要设置样式的方式,明确并访问您网站的用户访问,网站的文本,应该是可读性,可读性,可读性

网站设计优化

重点对文本的可读性可读性基本上是人们认识单词,句子衡量它是多么容易,和段落

网站优化

考虑到人们如何快速浏览你的网站,可读性成为一个关键因素在多久他们会花上你的网页,他们是否会试图理解你所说的

在屏幕上阅读是艰难的

不同的研究发现人们阅读速度慢,不准确,记得少了什么,他们在阅读时,它显示在屏幕上

根据一些估计,网站访问者仅仅阅读正文%在您的网站上

任何障碍,可读性文本太小,字体颜色很难读,或不规则的线的长度会降低这一比例更

所以你可以保持你的文本的可读性,更快乐的你的访客会和他们更有可能会想坚持一会儿

你如何设计文本,并抓住读者的眼睛

这里是看一些因素:

线的长度我们可能已经从.张纸的阅读,但在屏幕上阅读,线的长度要短的多,人的眼睛必须一边照顾所有的话,并努力保持你从一行到下一,用相同的文字和字体(号字体NS)许多网站模板有全宽内容领域,使他们理想的显示大图片或照片,当涉及到着陆页的文本,最好不要让你的线横跨整个宽度

尝试使用列元素和照片元素为了打破文本创建较短的线

对比背景和文字之间的颜色对比度更好,更好的可读性

为您的网站,确保你的背景颜色和文字颜色,文字是清晰的足够的差异

即使是非常不同的颜色冲突严重时,放在一起(如红色和蓝色的例子,下面)

选择正确的颜色

白色的空间线高度问题的例子在你的网站上,有没有需要的人群

给你的文字舒适的白色空间(空)的周围,这将是阅读和扫描更容易

想想如果你打开网页,就看到一个大的文本块,你可能不会读过它

但如果你看到文本分解成更小的,更易于管理的部分,你可能会给它至少一眼

空间和分手的段落以创造更多的白色空间在您的网站上,尝试使用间隔元件与水平线元素之间文本元素更多的缓冲

你也可以分解成更小的段落文本,或项目符号或编号列表

调整行的高度使用样式编辑器来增加你的身体文本行的高度(这调整文本行之间的空格数量)

没有规则你的线高度应你需要调整基于什么最好看的字体和字体大小你使用

在下面的例子中的网站,无论是图片和文字有一个很好的量空他们周围的空间

这将创建一个和谐的感觉和视觉层次(你知道怎么看,先读)

注意设计师在右边的文本行的高度增加,使较小的字体容易阅读

对准棱角在文本的元素,你会发现你有使文本左对齐,右对齐选项,中心或

左对齐的文本是相当多的金标准

引导摆脱中心或正文文本右对齐

而中心的文本可以为标题和标题的工作,这是要多读几行艰难

这是因为开始的地方每行文本的每一行的变化,意味着读者必须找到每一行的开始

为你的文字可以很整齐,统一的段落

但是根据你的文字,有时说的话会出现拉伸或看起来不自然

字体大小如果你有很好的视力,一会儿拍拍自己的背,然后马上去检查你的网站的字体大小

一些看起来完全正常的你可能会有很多读者得挠头

一个典型的经验法则,你会在网页上看到的是保持你的身体文本至少

这是一个很好的开始,但是记住,是完全取决于你用什么字体

字体风格超过的谷歌W字体选择,你如何选择合适的字体

这是一个基本的食谱:标题:选择一个程式化的有趣的字体

因为标题是大的,短的,和少用,你可以把字体有点难读,但增加视觉趣味

段的愿景,一定要阅读它的舒适

字体风格:当有疑问时,使用无衬线字体段落文本

他们的设计工作在屏幕上

如果你不想用黑色,棕色,灰色或尝试海军,另一个黑暗的颜色

遵循这些建议,你可以创建有吸引力的,诱人的,容易在没有时间阅读的网站,这将让你的实际消息闪耀

专业的深圳网页设计相关推荐:响应网页设计的未来网页设计素材免费按钮图标字体深圳网页设计师的网站设计欣赏网页设计命令行是伟大的网页设计工具

Top