干货-提高网站可读性实用技巧

      评价一个网站的良莠往往是从用户体会的角度考虑的。合理简要的框架布局，美观契合用户阅览习惯的界面当然是网站杰出的用户体会的要害点，一起增强网页内容的可读性，让用户有杰出的网页阅览体会就是一个网站建设成功的重要评分标准。网页规划是增强网页内容的可读性的一个突破点，经过网页规划上比照度的操控往往能让页面内容更流畅更有逻辑的出现在阅览者面前，更直击用户的体会需求点。怎么从比照度上提高网页内容的可读性，其实说起来也并不是那么杂乱。

颜色比照

      远景的文字需求和布景有着显着的比照，它需求能够吸引用户的眼球。

      创建颜色比照的办法有很多，最盛行的做法是在白色或许淡色的布景上运用黑色或许深色的文字。这种规划由来已久，经久不衰的理由是它确实十分有用。当然，将两种颜色倒置过来，也相同有用。

可是，在实际的规划过程中，情形杂乱多变。文字和布景的配色往往遭到多种要素的影响，这个时分需求多加尝试，反思文字在布景的映衬下是否能够被用户明晰的看到，尤其是在视频和图片之上追加文字排版的时分。

      为了下降布景多变的颜色关于文字的视觉影响，一个比较靠谱的计划是在图片和视频上掩盖上一个半透明的有色图层，来“共同”色调，让文本的可读性更好。规划师能够经过调整这个有色图层的透明度、明度和色调来操控和文字的比照度，这样一来，布景图片和视频中的内容关于文字的影响能够降到最低。

      另外一个计划，是将文字和图片、视频分开排布，这样就不会献身两者的信息表现力，仅有的问题是需求供给双倍的展现空间，并且需求选取合理的排版布局。

文本款式的比照

     不同风格款式的文字能够凭借差异，吸引用户的注意力。风趣而让人着迷的字体越来越多。

     单个字体自身的优秀规划是很不错，可是两种不同字体的比照带来的反差，更能吸引用户。不过，不同字体的调配对错常讲究的，由于风格不搭的不恰当谁家常常会让用户感到震动。能够选择一些具有相同特征的不同字体，用户不会为之感到突兀，这些字体最好拥有相同的x高度(小写字母x的高度)，在弧度和倾斜角度上十分挨近。这些“和而不同”的字体能让文本内容看起来共同而有差异，风趣而不枯燥。

巨细尺寸比照

     超大的字体和超小的字体所构成的视觉差常常能够让用户惊叹。

     当字体大到必定程度的时分，就能带来足够的视觉冲击，假如调配上很小的字体构成比照，那么这种视觉冲击会显得愈加引人瞩目。虽然超小的字体独自运用也能构成类似的效果，可是相比超大字体要困难的多。字体的巨细差异，很简单被用户注意到，超大的字体能够在你的整个规划当中构成视觉焦点。在文章排版中，正文字体运用正常巨细，标题和副标题运用超大字体(副标题会相对小一些)，这样的规划会让文章排版的轻重缓急明晰地出现出来。

对齐形式

     谈到可读性的时分，对齐其实也个无法回避的论题。而在排版中，不同的对齐形式也是能构成比照的。

     一般，在对齐的规划上有两种常规思路：

·正文和标题选用不同的对齐形式，构成比照

·在悉数排版中沿袭相同的对齐形式

     从某种意义上来说，两种思路都是对的。选取那种思路，主要取决于文本、标题和其他规划元素之间的关系。假如选用相同的对齐方法，能否确保标题和正文之间有显着比照、能否从布景和其他元素中锋芒毕露?文本的行间距、字体巨细、和其他元素之间的间隔能否构成杰出的视觉差?

     在谈到UI中的对齐问题的时分，最直观的模型是一段文本和按钮之间的关系。排版中，文本元素和按钮之间的对齐形式应该是怎样的?这个问题很有意思，许多规划师倾向于让文本和按钮纵向排列，居中对齐，可是网站的其他元素调配进来的时分，又往往不会居中对齐。所以，对齐方法，是由元素自身的特点来决议，依据整个规划，合理调配。

长文本内容

      关于包含很多文本内容的网站而言，正文部分的内容排版就显得相当重要了。假如文本内容都是无缝的出现出来的话，用户很可能由于没有层次而无法抓住重要信息。

所以，网页中很多的文本信息，应该考虑下列要素：

·文本块的区域和巨细

·每行文字的长度和高度

·项目编号和列表

·字符的粗体和斜体

·颜色

      一切的这些特点都能将文本中特定的要害词、信息乃至口气同其他的内容区分开来，它们会成为文本中重要的锚点，将和总要的信息经过这种差异和比照，推送到用户面前。

      在较长的文本区块中(尤其是博客和长文中)运用不同的款式来区分不同类型的内容，这样做能够显着下降用户阅览的疲劳度。将长内容分解为更易于阅览的部分，用户才更简单买单。

保持共同

      共同性几乎是一切规划范畴都遵从的准则，无论你在首页或许标题、正文中是怎么运用比照的，最好将它延伸到整个规划规范当中去。

      尽量运用相同的颜色，相同的款式，共同的字体，假如规划无法确保共同性，会让用户在界面中感到迷惑。确保用户到哪个地方都会觉得他们在你的网站或许APP当中。

     比照度是让网页规划在视觉上更具吸引力的重要东西，它让排版布局愈加赋有层次结构，高比照度的规划让内容的可读性有显着的提高，而这也是规划可用性达标的最基本条件，也是网站建设成功的基本要求。