5个简单的方法来提高网页设计的用户体验度

良好的排版带来秩序页面，并增加可读性。它使人们能够更快地处理信息。

更可扫描，读取网站表示高兴的访问者。快乐访问者返回的时候，购买的产品，留下评论，并与朋友分享的网站。看到为什么它可能是值得我们思考?

我可以永远地乱说就多远印刷术已经在网络上，并多远但它已去。我网络和印刷设计之间经常反弹。当你打算从InDesign到TextMate的，网络型的限制都一清二楚。

但很多已经说了什么类型的网站无法做到。这不会是另一种咆哮。相反，让我们专注于5个简单的修复对于网络上比比皆是的排版不美观。

1。使用A重置样式表

愚蠢的，但却是事实：没有两个浏览器使用相同的演示文稿的默认值。在填充的差异，利润率，标题和压痕猖獗。如果你希望你的页面布局是跨浏览器比较一致，就得先从一个CSS样式表复位。
二，我建议：

雅虎的CSS样式表复位

Eric Meyer的CSS样式表重置

2。看你的测量尺寸

措施是指类型的单个行的长度。较长线=更长的测量。有研究表明，以获得佳的可读性，运行文本列如你的主体副本应该是介于45 – 75个字符(30 – 50 EMS)包括空格。这是流体设计(那些在该列膨胀和收缩以适应浏览器的宽度)是很难对眼睛的原因之一。

此外，您的领导要加强与您测量的长度。主要是文本行之间的空白量，并通过CSS line-height属性进行控制。如果你需要使用一个超长措施，确保您的领导打开。

同样，如果你有一个小专栏，如用短衡量一个侧边栏，你的领导应该是严格的。我发现默认值大多数浏览器分配是有点太紧。约1.4em A线高度适用于大多数的主体内容。

3。往往会之间的空间

这不只是关于你的文字 – 其约，围绕它的空间。空间太少，使文字难以阅读，但这样做太多。关键是要找到一个简单的平衡，引导眼睛从一个元素到下一个。

其中一个常见的错误新晋设计师提出的是，以填补每一寸空间。白色空间指的是空或“负”空间周围的内容，这是至关重要的。看看一个精心设计的杂 志，如暂停或好你会看到，即使它的成本出版商钱打印每一页，他们离开的空白量丰富文本周围。该页面将在平衡，你的眼睛会有效地移动从空间到空间。

除了 调整你的line-height(如上文#1)，尽量增加你的padding和margins。除非你想拉一个疯狂的视觉小把戏，应该永远是空白量好你周围的文字。别让它对接起来反对其他元素，特别是。让你的内容块(标题，段落，工具条等)的呼吸。

马克·博尔顿写了一个非常丰富的文章空白的列表除了，检查出来。

4。不要去使用疯狂的字体

根据经验，任何设计师一个很好的规则是：用不超过两个字体的面孔在你的设计。两种字体外观看起来非常时尚。列表除了使用格鲁吉亚和Verdana字体的变化，创造出优雅和精致的外观。但持续字体外观添加到您的界面创建不必要的混乱。同样，避免使用过多的字体大小，颜色，或上的页面或段落，否则会互相竞争，而不是增加重点为目的。

虽然字体栈和技术，如sIFR那样和Typeface.js允许您指定只是你想要作为默认的任何字体，抵制诱惑，去野外与体内复制。装饰字体保持在头条，因为它们会影响可读性。想想看-如果是你捡到一本平装小说在Comic Sans字体设置完全是后一次?

当创建字体栈，注意你配对的大小。看起来相似呈现在非常不同的尺寸有些字体。宋体和Arial是一个很好的例子。Typetester是比较核心的Web字体和创造一个成功的堆栈一个很好的工具。另一个叫有用的工具，字体堆栈生成器显示你有多少比例的用户会看到每一个变化。

不管什么字体你决定使用，确保它们不会极小的微小。我知道它很难……微小的文字看起来很酷。不过想想可怜，眯眼用户!保持高于10或12个像素正文。如果你坚持极小的微小，至少使用相对大小为所有的IE 6.0用户，否则谁也不能使它更大。阅读威尔逊矿工的文章上的字体大小为一个伟大的作为在辩论。

5)不要忽视细节

客户端提供的内容。将其添加到该网站仅仅是复制和粘贴的事，对不对?错，错，错，这是一个陷阱网页设计师陷入所有过于频繁。

连我们这些谁勤奋加上标题标签，格式化每个段落，并组织项目符号列表小心忘记一些重要的排版细节。许多人(包括我)错过了正式的排版训练，所以你不能责怪我们完全。但魔鬼在细节中。其时，我们采用以下基本内容：

使用智能引号

什么是智能引号和哑引号之间的区别?智能引号(也称为书或卷曲)是弯曲的，并同时具有打开和闭合式。阿呆(直)的报价通常是直上直下。撇号是印刷上只是一个单引号，因此同样的问题适用。一个愚蠢的报价(也称为黄金)只测量之间使用。例如，6’4“采用双和单质引号。

不幸的是我们的键盘默认为黄金的报价。Microsoft Word和其它的文本编辑器只是纠正他们对我们，因为我们写的。添加智能引号HTML页面，需要从Web开发者更多的工作，因为你需要使用标记来产生打开和关闭引号符号。我看到了同样的问题与EM和EN-破折号，省略号，商标和版权符号。编码器采取简单的方法通过用连字符，多时段，大TM与臭名昭著的(C)取代。使用正确的符号，并有所作为视觉。这样做的权利，使编辑器随处可见的笑容。

如何使智能引号：

#8216;=开单引号'=右单引号“=开双引号“=右双引号

我知道-没有人愿意整天追捕报价。幸运的是，像工具SmartyPants和Textism可以通过自动格式化文本，包括智能引号之类的做多跑腿给你的。

阅读“在与EM和CS故障”从列表中除了了解有关该主题的更多细节和常用的特殊字符的UTF-8字符编码。

一个警告 – 许多CMS文本编辑器(如一个这个网站使用)不会让你实现智能引号，无需额外的插件。伤心，但却是事实。

停止把两个空格一段时间后，请!这是没有必要的，它实际上相当恼人。

您的链接，使用底部边框：1px的固体，而不是文本装饰：下划线。下划线可以通过下降的字符(G，J，P，Q，Y)使得它们难以阅读，使用较小的字体大小，尤其是当运行。

虽然它没有任何关系与排版，运行快速拼写检查从来没有杀过人。即使所有你所做的就是复制和粘贴，拼写错误滑倒通过对现场工地严重反映了参与。

注意那些5修复和您的网站的设计一定会改善。请记住，这些只是一个起点。良好的排版就像其他任何一门学问，它需要研究和实践，始终保持眼睛出了越来越正确的网站，让他们在做什么值得注意的。