网站设计的时候经常需要有好的用户体验，好的用户体验可以带给网站更多的用户停留和跳转，继而提高网站页面的权重，这也是获得百度排名的一个重要方式。 良好的排版带来秩序页面，并增加可读性。它使人们能够更快地处理信息。
更可扫描，读取网站表示高兴的访问者。快乐访问者返回的时候，购买的产品，留下评论，并与朋友分享的网站。看到为什么它可能是值得我们思考？ 我可以永远地乱说就多远印刷术已经在网络上，并多远但它已去。我网络和印刷设计之间经常反弹。当你打算从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“采用双和单质引号。 Web版式智能引号 不幸的是我们的键盘默认为黄金的报价。Microsoft Word和其它的文本编辑器只是纠正他们对我们，因为我们写的。添加智能引号HTML页面，需要从Web开发者更多的工作，因为你需要使用标记来产生打开和关闭引号符号。我看到了同样的问题与EM和EN-破折号，省略号，商标和版权符号。编码器采取简单的方法通过用连字符，多时段，大TM与臭名昭著的（C）取代。使用正确的符号，并有所作为视觉。这样做的权利，使编辑器随处可见的笑容。 如何使智能引号： ＃8216; =开单引号' =右单引号“ =开双引号“ =右双引号 我知道-没有人愿意整天追捕报价。幸运的是，像工具SmartyPants和Textism可以通过自动格式化文本，包括智能引号之类的做多跑腿给你的。 阅读“在与EM和CS故障”从列表中除了了解有关该主题的更多细节和最常用的特殊字符的UTF-8字符编码。 一个警告 – 许多CMS文本编辑器（如一个这个网站使用）不会让你实现智能引号，无需额外的插件。伤心，但却是事实。 停止把两个空格一段时间后，请！这是没有必要的，它实际上相当恼人。 您的链接，使用底部边框：1px的固体，而不是文本装饰：下划线。下划线可以通过下降的字符（G，J，P，Q，Y）使得它们难以阅读，使用较小的字体大小，尤其是当运行。 虽然它没有任何关系与排版，运行快速拼写检查从来没有杀过人。即使所有你所做的就是复制和粘贴，拼写错误滑倒通过对现场工地严重反映了人人参与。 注意那些5修复和您的网站的设计一定会改善。请记住，这些只是一个起点。良好的排版就像其他任何一门学问，它需要研究和实践， 始终保持眼睛出了越来越正确的网站，让他们在做什么值得注意的。 总结：上面就是我们在制作网站的时候需要注意的用户体验问题，也是我们以后再设计网站的时候注意的点，好的网页设计不代表好的用户体验，但是好的用户体验一定不是差的网页设计。 |
